@extends('layouts.website')

@section('title', 'Terms of Service | Quickro POS')

@section('content')
@php
    $termsBody = trim($s['terms_body'] ?? '');
    $termBlocks = $termsBody === '' ? [] : preg_split("/\r?\n\r?\n/", $termsBody);
@endphp
<section class="mx-auto max-w-4xl px-6 py-20 lg:px-8">
    <div class="rounded-[2.5rem] border border-slate-200 bg-white p-8 shadow-sm lg:p-12">
        <p class="text-sm font-semibold uppercase tracking-[0.28em] text-brand-600">Terms</p>
        <h1 class="mt-4 text-4xl font-black text-slate-950">Terms of Service</h1>
        <p class="mt-6 text-base leading-8 text-slate-600">{{ $s['terms_summary'] ?? 'Use of Quickro POS is subject to active subscription terms, lawful business use, and compliance with local tax and invoicing regulations.' }}</p>
        <div class="mt-8 space-y-6 text-sm leading-7 text-slate-600">
            @forelse($termBlocks as $block)
                <p>{!! nl2br(e($block)) !!}</p>
            @empty
                <p>Use Quickro POS only for lawful business operations. You are responsible for the accuracy of transactions, stock records, tax treatment, and staff access on your account.</p>
                <p>Subscription features, storage allowances, and support terms may vary by plan. Abuse, fraud, or attempts to disrupt the service can result in account suspension.</p>
                <p>By using the platform, you agree to maintain secure credentials and notify us of any unauthorized access immediately.</p>
            @endforelse
        </div>
    </div>
</section>
@endsection