@extends('layouts.portal')

@section('title', 'Privacy & Data')

@section('page-header')
    <div class="mb-8">
        <h1 class="font-display text-2xl font-extrabold text-slate-900 sm:text-3xl">Privacy &amp; your data</h1>
        <p class="mt-1 text-sm text-slate-500">What the portal holds about you and how to exercise your NDPR rights.</p>
    </div>
@endsection

@section('content')
    <div class="grid gap-6 lg:grid-cols-3">
        <div class="space-y-6 lg:col-span-2">
            <x-portal.panel heading="What we hold" subtitle="Which of your details are stored">
                <ul class="space-y-3 text-sm text-slate-700">
                    <li class="flex items-start gap-3">
                        <span class="mt-0.5 text-accent-600">•</span>
                        <span>Your portal account: <strong>{{ auth('school')->user()->name }}</strong> ({{ auth('school')->user()->email }}), role-based access record and sign-in history.</span>
                    </li>
                    <li class="flex items-start gap-3">
                        <span class="mt-0.5 text-accent-600">•</span>
                        <span>For {{ $isParent ? 'each linked child' : 'your school record' }}: profile details, attendance, invoices and payments, timetable, and published result sheets.</span>
                    </li>
                    <li class="flex items-start gap-3">
                        <span class="mt-0.5 text-accent-600">•</span>
                        <span>Financial records are retained to support the school&rsquo;s accounting, settlements and dispute resolution.</span>
                    </li>
                </ul>
            </x-portal.panel>

            <x-portal.panel heading="Your rights" subtitle="Under the Nigeria Data Protection Regulation 2019">
                <ul class="space-y-3 text-sm text-slate-700">
                    <li class="flex items-start gap-3">
                        <span class="mt-0.5 text-accent-600">•</span>
                        <span><strong>Access &amp; portability</strong> — download a machine-readable copy of everything below whenever you need it.</span>
                    </li>
                    <li class="flex items-start gap-3">
                        <span class="mt-0.5 text-accent-600">•</span>
                        <span><strong>Rectification</strong> — update your profile in the portal, or ask the school to correct a record.</span>
                    </li>
                    <li class="flex items-start gap-3">
                        <span class="mt-0.5 text-accent-600">•</span>
                        <span><strong>Erasure</strong> — request deletion. School records may still be held where the school is legally required to retain them.</span>
                    </li>
                    <li class="flex items-start gap-3">
                        <span class="mt-0.5 text-accent-600">•</span>
                        <span><strong>Complaints</strong> — contact {{ $school->name }} directly, or lodge a complaint with the Nigeria Data Protection Commission.</span>
                    </li>
                </ul>
            </x-portal.panel>
        </div>

        <div class="space-y-6">
            <div class="rounded-2xl border border-slate-100 bg-white p-6 shadow-sm shadow-slate-900/[0.03]">
                <h2 class="font-display text-base font-bold text-slate-900">Download my data</h2>
                <p class="mt-1 text-sm text-slate-500">A JSON file containing your account and, for parents, each linked child&rsquo;s records currently visible in this portal.</p>
                <a href="{{ route('portal.data-export', $school->id) }}"
                   class="mt-4 inline-flex items-center gap-2 rounded-xl bg-accent-600 px-5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-accent-700">
                    <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3"/></svg>
                    Export my data
                </a>
            </div>

            <div class="rounded-2xl border border-slate-100 bg-white p-6 shadow-sm shadow-slate-900/[0.03]">
                <h2 class="font-display text-base font-bold text-slate-900">Retention &amp; security</h2>
                <p class="mt-1 text-sm text-slate-500">Records are kept while the school subscribes or while the law requires, encrypted at rest and in transit, and isolated per school.</p>
            </div>
        </div>
    </div>
@endsection