@extends('layouts.school')

@section('title', $student->full_name)
@section('header', 'Student Profile')

@section('content')
    <div class="mb-6 flex flex-wrap items-center justify-between gap-3">
        <a href="{{ route('school.students.index', request()->route('schoolId')) }}" class="text-sm text-primary-600 hover:text-primary-700">&larr; Back to students</a>
        <div class="flex flex-wrap gap-2">
            <a href="{{ route('school.id-cards.show', [request()->route('schoolId'), $student->id]) }}" target="_blank" class="rounded-lg border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50">ID Card</a>
            <a href="{{ route('school.reports.student-report', request()->route('schoolId')) }}?student_id={{ $student->id }}" class="rounded-lg border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50">Report</a>
            <a href="{{ route('school.students.edit', [request()->route('schoolId'), $student->id]) }}" class="rounded-lg bg-primary-600 px-4 py-2 text-sm font-semibold text-white shadow-sm hover:bg-primary-700">Edit Student</a>
            <form method="POST" action="{{ route('school.students.destroy', [request()->route('schoolId'), $student->id]) }}" onsubmit="return confirm('Delete this student and all their records? This cannot be undone.')">
                @csrf
                @method('DELETE')
                <button type="submit" class="rounded-lg border border-red-200 bg-white px-4 py-2 text-sm font-medium text-red-600 hover:bg-red-50">Delete</button>
            </form>
        </div>
    </div>

    {{-- Identity header --}}
    <div class="mb-6 overflow-hidden rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5">
        <div class="flex flex-col items-center gap-6 p-6 sm:flex-row sm:items-start">
            <div class="text-center">
                @if($student->photo_url)
                    <img src="{{ $student->photo_url }}" alt="{{ $student->full_name }}" class="h-28 w-28 rounded-2xl object-cover shadow-md ring-1 ring-gray-900/10">
                @else
                    <div class="flex h-28 w-28 items-center justify-center rounded-2xl bg-gradient-to-br from-primary-500 to-primary-700 font-display text-3xl font-extrabold text-white shadow-md">{{ $student->initials }}</div>
                @endif
                <details class="mt-3">
                    <summary class="cursor-pointer text-xs font-semibold text-primary-600 hover:text-primary-700">Change photo</summary>
                    <form method="POST" action="{{ route('school.students.upload-photo', [request()->route('schoolId'), $student->id]) }}" enctype="multipart/form-data" class="mt-2 space-y-2">
                        @csrf
                        <input type="file" name="photo" accept="image/*" required class="block w-full text-xs text-gray-500 file:mr-2 file:rounded-lg file:border-0 file:bg-primary-50 file:px-3 file:py-1.5 file:text-xs file:font-semibold file:text-primary-700 hover:file:bg-primary-100">
                        <button type="submit" class="w-full rounded-lg bg-primary-600 px-3 py-1.5 text-xs font-semibold text-white hover:bg-primary-700">Upload</button>
                    </form>
                    @if($student->photo)
                        <form method="POST" action="{{ route('school.students.remove-photo', [request()->route('schoolId'), $student->id]) }}" class="mt-1" onsubmit="return confirm('Remove profile photo?')">
                            @csrf
                            <button type="submit" class="w-full rounded-lg border border-gray-200 px-3 py-1.5 text-xs font-medium text-gray-500 hover:bg-gray-50">Remove photo</button>
                        </form>
                    @endif
                </details>
            </div>

            <div class="min-w-0 flex-1 text-center sm:text-left">
                <div class="flex flex-wrap items-center justify-center gap-2 sm:justify-start">
                    <h2 class="font-display text-xl font-bold text-gray-900">{{ $student->full_name }}</h2>
                    <span class="inline-flex rounded-full px-2.5 py-0.5 text-xs font-semibold {{ $student->status === 'active' ? 'bg-green-50 text-green-700' : ($student->status === 'suspended' ? 'bg-orange-50 text-orange-700' : 'bg-gray-100 text-gray-600') }}">{{ $student->status_label }}</span>
                </div>
                <p class="mt-1 text-sm text-gray-500">{{ $student->admission_no }} @if($student->class) &middot; {{ $student->class->name }} @endif @if($student->campus) &middot; {{ $student->campus->name }} @endif</p>
                <dl class="mt-4 grid grid-cols-2 gap-x-8 gap-y-3 text-sm md:grid-cols-4">
                    <div><dt class="text-xs uppercase tracking-wide text-gray-400">Attendance</dt><dd class="font-semibold {{ $attendance['rate'] >= 75 ? 'text-green-600' : 'text-red-500' }}">{{ $attendance['rate'] }}%</dd></div>
                    <div><dt class="text-xs uppercase tracking-wide text-gray-400">Outstanding</dt><dd class="font-semibold {{ $feeSummary['outstanding'] > 0 ? 'text-amber-600' : 'text-green-600' }}">&#8358;{{ number_format($feeSummary['outstanding'], 0) }}</dd></div>
                    <div><dt class="text-xs uppercase tracking-wide text-gray-400">Latest avg</dt><dd class="font-semibold text-gray-800">{{ $sheets->firstWhere('status', 'published')?->average ? $sheets->firstWhere('status', 'published')->average . '%' : '—' }}</dd></div>
                    <div><dt class="text-xs uppercase tracking-wide text-gray-400">Siblings here</dt><dd class="font-semibold text-gray-800">{{ $student->parent?->children?->count() ?? 0 }}</dd></div>
                </dl>
            </div>
        </div>
    </div>

    <div class="grid grid-cols-1 gap-6 xl:grid-cols-3">
        {{-- LEFT / MAIN --}}
        <div class="space-y-6 xl:col-span-2">

            {{-- Personal information --}}
            <div class="rounded-xl bg-white p-6 shadow-sm ring-1 ring-gray-900/5">
                <h3 class="mb-4 font-display text-lg font-semibold text-gray-900">Personal Information</h3>
                <dl class="grid grid-cols-2 gap-4 text-sm md:grid-cols-3">
                    <div><dt class="text-gray-500">First Name</dt><dd class="font-medium text-gray-900">{{ $student->first_name }}</dd></div>
                    <div><dt class="text-gray-500">Middle Name</dt><dd class="font-medium text-gray-900">{{ $student->middle_name ?? '—' }}</dd></div>
                    <div><dt class="text-gray-500">Last Name</dt><dd class="font-medium text-gray-900">{{ $student->last_name }}</dd></div>
                    <div><dt class="text-gray-500">Gender</dt><dd class="font-medium text-gray-900">{{ ucfirst($student->gender ?? '—') }}</dd></div>
                    <div><dt class="text-gray-500">Date of Birth</dt><dd class="font-medium text-gray-900">{{ $student->date_of_birth?->format('d M Y') ?? '—' }}@if($student->age) <span class="text-gray-400">({{ $student->age }} yrs)</span>@endif</dd></div>
                    <div><dt class="text-gray-500">Blood Group</dt><dd class="font-medium text-gray-900">{{ $student->blood_group ?? '—' }}</dd></div>
                    <div><dt class="text-gray-500">Nationality</dt><dd class="font-medium text-gray-900">{{ $student->nationality ?? '—' }}</dd></div>
                    <div><dt class="text-gray-500">State of Origin</dt><dd class="font-medium text-gray-900">{{ $student->state_of_origin ?? '—' }}</dd></div>
                    <div><dt class="text-gray-500">LGA</dt><dd class="font-medium text-gray-900">{{ $student->lga ?? '—' }}</dd></div>
                    <div><dt class="text-gray-500">Phone</dt><dd class="font-medium text-gray-900">{{ $student->phone ?? '—' }}</dd></div>
                    <div><dt class="text-gray-500">Email</dt><dd class="break-all font-medium text-gray-900">{{ $student->email ?? '—' }}</dd></div>
                    <div><dt class="text-gray-500">National ID No.</dt><dd class="font-medium text-gray-900">{{ $student->national_id_no ?? '—' }}</dd></div>
                    <div class="col-span-2 md:col-span-3"><dt class="text-gray-500">Home Address</dt><dd class="font-medium text-gray-900">{{ collect([$student->address, $student->city, $student->state])->filter()->implode(', ') ?: '—' }}</dd></div>
                    @if($student->previous_school)<div class="col-span-2 md:col-span-3"><dt class="text-gray-500">Previous School</dt><dd class="font-medium text-gray-900">{{ $student->previous_school }}</dd></div>@endif
                    @if($student->medical_conditions || $student->allergies || $student->height || $student->weight)
                        <div><dt class="text-gray-500">Height</dt><dd class="font-medium text-gray-900">{{ $student->height ? $student->height . ' m' : '—' }}</dd></div>
                        <div><dt class="text-gray-500">Weight</dt><dd class="font-medium text-gray-900">{{ $student->weight ? $student->weight . ' kg' : '—' }}</dd></div>
                        <div><dt class="text-gray-500">Medical Conditions</dt><dd class="font-medium text-gray-900">{{ $student->medical_conditions ?? '—' }}</dd></div>
                        <div class="col-span-2 md:col-span-3"><dt class="text-gray-500">Allergies</dt><dd class="font-medium text-gray-900">{{ $student->allergies ?? '—' }}</dd></div>
                    @endif
                </dl>
            </div>

            {{-- Academic information & history --}}
            <div class="rounded-xl bg-white p-6 shadow-sm ring-1 ring-gray-900/5">
                <h3 class="mb-4 font-display text-lg font-semibold text-gray-900">Academic Information</h3>
                <dl class="grid grid-cols-2 gap-4 text-sm md:grid-cols-3">
                    <div><dt class="text-gray-500">Admission Number</dt><dd class="font-medium text-gray-900">{{ $student->admission_no }}</dd></div>
                    <div><dt class="text-gray-500">Roll Number</dt><dd class="font-medium text-gray-900">{{ $student->roll_no ?? '—' }}</dd></div>
                    <div><dt class="text-gray-500">Current Class</dt><dd class="font-medium text-gray-900">{{ $student->class?->name ?? 'Unassigned' }}</dd></div>
                    <div><dt class="text-gray-500">Admission Date</dt><dd class="font-medium text-gray-900">{{ $student->admission_date?->format('d M Y') ?? $student->admitted_at?->format('d M Y') ?? '—' }}</dd></div>
                    <div><dt class="text-gray-500">Status</dt><dd class="font-medium text-gray-900">{{ $student->status_label }}</dd></div>
                    <div><dt class="text-gray-500">Registered</dt><dd class="font-medium text-gray-900">{{ $student->created_at?->format('d M Y') }}</dd></div>
                </dl>

                <h4 class="mt-6 mb-2 text-xs font-semibold uppercase tracking-wider text-gray-400">Class & Promotion History</h4>
                <div class="overflow-hidden rounded-lg ring-1 ring-gray-100">
                    <table class="min-w-full divide-y divide-gray-100 text-sm">
                        <thead class="bg-gray-50"><tr>
                            <th class="px-4 py-2 text-left text-xs font-semibold text-gray-500">Academic Year</th>
                            <th class="px-4 py-2 text-left text-xs font-semibold text-gray-500">Class</th>
                            <th class="px-4 py-2 text-left text-xs font-semibold text-gray-500">Status</th>
                        </tr></thead>
                        <tbody class="divide-y divide-gray-50">
                            @forelse($student->enrollments as $enrollment)
                                <tr>
                                    <td class="px-4 py-2.5 font-medium text-gray-800">{{ $enrollment->academicYear?->name ?? '—' }}</td>
                                    <td class="px-4 py-2.5 text-gray-600">{{ $enrollment->classroom?->name ?? '—' }}</td>
                                    <td class="px-4 py-2.5"><span class="inline-flex rounded-full px-2 py-0.5 text-xs font-medium {{ $enrollment->status === 'active' ? 'bg-green-50 text-green-700' : 'bg-blue-50 text-blue-700' }}">{{ ucfirst($enrollment->status) }}</span></td>
                                </tr>
                            @empty
                                <tr><td colspan="3" class="px-4 py-4 text-center text-gray-400">No enrollment history yet.</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

                @if($sheets->isNotEmpty())
                    <h4 class="mt-6 mb-2 text-xs font-semibold uppercase tracking-wider text-gray-400">Examination Results</h4>
                    <div class="grid gap-2 sm:grid-cols-2 lg:grid-cols-3">
                        @foreach($sheets as $sheet)
                            <a href="{{ route('school.results.report-card', [$student->school_id, $student->id, $sheet->term_id]) }}"
                               class="flex items-center gap-3 rounded-lg border border-gray-100 p-3 transition hover:border-primary-200 hover:bg-primary-50/40">
                                <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg {{ $sheet->status === 'published' ? 'bg-green-100 text-green-700' : 'bg-gray-100 text-gray-500' }} text-xs font-bold">{{ $sheet->grade ?? '-' }}</span>
                                <div class="min-w-0 text-xs">
                                    <p class="truncate font-semibold text-gray-800">{{ $sheet->term?->name }}</p>
                                    <p class="text-gray-400">Avg {{ $sheet->average ?? '—' }}% &middot; {{ ucfirst($sheet->status) }}</p>
                                </div>
                            </a>
                        @endforeach
                    </div>
                @endif

                @if($conduct->isNotEmpty())
                    <h4 class="mt-6 mb-2 text-xs font-semibold uppercase tracking-wider text-gray-400">Conduct & Skills — {{ $conduct->first()->term?->name }}</h4>
                    <div class="flex flex-wrap gap-2">
                        @foreach($conduct as $score)
                            <span class="inline-flex items-center gap-1.5 rounded-full bg-purple-50 px-3 py-1 text-xs font-medium text-purple-700">
                                {{ $score->trait?->name ?? 'Trait' }}
                                <strong>{{ $score->rating ?? '' }}</strong>
                            </span>
                        @endforeach
                    </div>
                @endif
            </div>

            {{-- Attendance + Fees side by side --}}
            <div class="grid gap-6 md:grid-cols-2">
                <div class="rounded-xl bg-white p-6 shadow-sm ring-1 ring-gray-900/5">
                    <h3 class="mb-4 font-display text-lg font-semibold text-gray-900">Attendance Records</h3>
                    <div class="mb-4 flex items-end justify-between">
                        <span class="font-display text-3xl font-extrabold {{ $attendance['rate'] >= 75 ? 'text-green-600' : 'text-red-500' }}">{{ $attendance['rate'] }}%</span>
                        <span class="text-xs text-gray-400">{{ array_sum($attendance['counts']) }} days marked</span>
                    </div>
                    <div class="grid grid-cols-4 gap-2 text-center text-xs">
                        <div class="rounded-lg bg-green-50 p-2"><p class="text-base font-bold text-green-700">{{ $attendance['counts']['present'] }}</p><p class="text-green-600">Present</p></div>
                        <div class="rounded-lg bg-red-50 p-2"><p class="text-base font-bold text-red-600">{{ $attendance['counts']['absent'] }}</p><p class="text-red-500">Absent</p></div>
                        <div class="rounded-lg bg-amber-50 p-2"><p class="text-base font-bold text-amber-600">{{ $attendance['counts']['late'] }}</p><p class="text-amber-600">Late</p></div>
                        <div class="rounded-lg bg-sky-50 p-2"><p class="text-base font-bold text-sky-600">{{ $attendance['counts']['excused'] }}</p><p class="text-sky-600">Excused</p></div>
                    </div>
                    <a href="{{ route('school.attendance.report', $student->school_id) }}" class="mt-4 inline-block text-xs font-semibold text-primary-600 hover:text-primary-700">Full attendance report &rarr;</a>
                </div>

                <div class="rounded-xl bg-white p-6 shadow-sm ring-1 ring-gray-900/5">
                    <h3 class="mb-4 font-display text-lg font-semibold text-gray-900">Fee &amp; Payment Summary</h3>
                    <dl class="space-y-2 text-sm">
                        <div class="flex justify-between"><dt class="text-gray-500">Total billed</dt><dd class="font-semibold text-gray-900">&#8358;{{ number_format($feeSummary['billed'], 2) }}</dd></div>
                        <div class="flex justify-between"><dt class="text-gray-500">Total paid</dt><dd class="font-semibold text-green-600">&#8358;{{ number_format($feeSummary['paid'], 2) }}</dd></div>
                        <div class="flex justify-between border-t border-gray-100 pt-2"><dt class="font-medium text-gray-700">Outstanding</dt><dd class="font-bold {{ $feeSummary['outstanding'] > 0 ? 'text-red-500' : 'text-green-600' }}">&#8358;{{ number_format($feeSummary['outstanding'], 2) }}</dd></div>
                    </dl>
                    @if($feeSummary['invoices']->isNotEmpty())
                        <h4 class="mt-4 mb-1 text-xs font-semibold uppercase tracking-wider text-gray-400">Recent payments</h4>
                        <ul class="space-y-1 text-xs text-gray-600">
                            @foreach($feeSummary['payments']->take(4) as $payment)
                                <li class="flex justify-between"><span>{{ $payment->payment_date?->format('d M Y') ?? '—' }} &middot; {{ \Illuminate\Support\Str::limit($payment->reference ?? $payment->method ?? 'Payment', 22) }}</span><span class="font-semibold text-green-600">&#8358;{{ number_format($payment->amount, 2) }}</span></li>
                            @endforeach
                            @if($feeSummary['payments']->isEmpty())<li class="text-gray-400">No payments recorded.</li>@endif
                        </ul>
                    @endif
                    <a href="{{ route('school.finance.invoices', $student->school_id) }}" class="mt-4 inline-block text-xs font-semibold text-primary-600 hover:text-primary-700">Invoices &rarr;</a>
                </div>
            </div>
        </div>

        {{-- RIGHT SIDEBAR --}}
        <div class="space-y-6">
            {{-- Parent/guardian --}}
            <div class="rounded-xl bg-white p-6 shadow-sm ring-1 ring-gray-900/5">
                <h3 class="mb-3 font-display text-lg font-semibold text-gray-900">Parent / Guardian</h3>
                @if($student->parent)
                    <div class="flex items-center gap-3">
                        <div class="flex h-11 w-11 items-center justify-center rounded-full bg-sky-100 text-sm font-bold text-sky-700">{{ $student->parent->initials }}</div>
                        <div class="min-w-0">
                            <p class="truncate text-sm font-semibold text-gray-900">{{ $student->parent->full_name }}</p>
                            <p class="text-xs text-gray-500">{{ ucfirst($student->parent->relationship ?? '') }}@if($student->parent->phone) &middot; {{ $student->parent->phone }}@endif</p>
                        </div>
                    </div>
                    <a href="{{ route('school.parents.show', [$student->school_id, $student->parent->id]) }}" class="mt-3 inline-block text-xs font-semibold text-primary-600 hover:text-primary-700">View Parent Details &rarr;</a>
                    @if($student->parent->children->isNotEmpty())
                        <div class="mt-4 border-t border-gray-100 pt-3">
                            <p class="mb-2 text-xs font-semibold uppercase tracking-wider text-gray-400">Siblings at this school</p>
                            <ul class="space-y-1.5">
                                @foreach($student->parent->children as $sibling)
                                    <li>
                                        <a href="{{ route('school.students.show', [$student->school_id, $sibling->id]) }}" class="flex items-center justify-between text-xs hover:text-primary-600">
                                            <span class="font-medium text-gray-700">{{ $sibling->full_name }}</span>
                                            <span class="text-gray-400">{{ $sibling->class?->name ?? '—' }}</span>
                                        </a>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                @else
                    <p class="text-sm text-gray-500">
                        No parent assigned.
                        <a href="{{ route('school.students.edit', [$student->school_id, $student->id]) }}" class="ml-1 font-semibold text-primary-600 hover:text-primary-700">Assign one now</a>
                    </p>
                @endif
            </div>

            {{-- Student portal account --}}
            <div class="rounded-xl bg-white p-6 shadow-sm ring-1 ring-gray-900/5">
                <h3 class="mb-3 font-display text-lg font-semibold text-gray-900">Student Portal Account</h3>
                @if($portalUser)
                    <dl class="space-y-1.5 text-sm">
                        <div class="flex justify-between"><dt class="text-gray-500">Email</dt><dd class="max-w-[60%] truncate font-medium text-gray-900">{{ $portalUser->email }}</dd></div>
                        <div class="flex justify-between"><dt class="text-gray-500">Status</dt><dd><span class="inline-flex rounded-full px-2 py-0.5 text-xs font-medium {{ $portalUser->is_active ? 'bg-green-50 text-green-700' : 'bg-red-50 text-red-700' }}">{{ $portalUser->is_active ? 'Active' : 'Disabled' }}</span></dd></div>
                    </dl>
                    <div class="mt-3 space-y-2">
                        <form method="POST" action="{{ route('school.students.portal-account.reset', [request()->route('schoolId'), $student->id]) }}" onsubmit="return confirm('Reset password to default (password)?')">
                            @csrf
                            <button type="submit" class="w-full rounded-lg border border-gray-300 bg-white px-3 py-2 text-xs font-medium text-gray-700 hover:bg-gray-50">Reset password</button>
                        </form>
                        <form method="POST" action="{{ route('school.students.portal-account.toggle', [request()->route('schoolId'), $student->id]) }}">
                            @csrf
                            <button type="submit" class="w-full rounded-lg border border-gray-300 bg-white px-3 py-2 text-xs font-medium {{ $portalUser->is_active ? 'text-red-600 hover:bg-red-50' : 'text-green-700 hover:bg-green-50' }}">{{ $portalUser->is_active ? 'Deactivate account' : 'Activate account' }}</button>
                        </form>
                    </div>
                @else
                    <p class="mb-3 text-xs text-gray-400">Create a login so {{ $student->first_name }} can access the student portal.</p>
                    <form method="POST" action="{{ route('school.students.portal-account.create', [request()->route('schoolId'), $student->id]) }}" class="space-y-2">
                        @csrf
                        <input type="email" name="email" value="{{ $student->email ?? old('email') }}" placeholder="Login email" required class="block w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500">
                        <button type="submit" class="w-full rounded-lg bg-primary-600 px-3 py-2 text-xs font-semibold text-white hover:bg-primary-700">Create portal account</button>
                    </form>
                @endif
            </div>

            {{-- Status management --}}
            <div class="rounded-xl bg-white p-6 shadow-sm ring-1 ring-gray-900/5">
                <h3 class="mb-3 font-display text-lg font-semibold text-gray-900">Status Management</h3>
                <form method="POST" action="{{ route('school.students.status', [request()->route('schoolId'), $student->id]) }}" class="space-y-3">
                    @csrf
                    <select name="status" class="block w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500">
                        @foreach(['active' => 'Active (enrolled)', 'suspended' => 'Suspended', 'withdrawn' => 'Withdrawn', 'graduated' => 'Graduated', 'alumni' => 'Alumni'] as $value => $label)
                            <option value="{{ $value }}" {{ $student->status === $value ? 'selected' : '' }}>{{ $label }}</option>
                        @endforeach
                    </select>
                    <input type="text" name="reason" placeholder="Reason / remark (optional)" class="block w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500">
                    <button type="submit" class="w-full rounded-lg bg-primary-600 px-3 py-2 text-sm font-semibold text-white hover:bg-primary-700" onclick="return confirm('Update this student\'s status?')">Update status</button>
                </form>
                <div class="mt-4 border-t border-gray-100 pt-4">
                    <form method="POST" action="{{ route('school.students.transfer', [request()->route('schoolId'), $student->id]) }}" class="space-y-2">
                        @csrf
                        <label class="block text-xs font-semibold uppercase tracking-wider text-gray-400">Transfer to another class</label>
                        <select name="class_id" required class="block w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500">
                            <option value="">Select class...</option>
                            @foreach(\App\Models\Classroom::where('school_id', \App\Services\Tenant\TenantContext::getSchoolId())->orderBy('name')->get() as $class)
                                @if($class->id !== $student->class_id)
                                    <option value="{{ $class->id }}">{{ $class->name }}</option>
                                @endif
                            @endforeach
                        </select>
                        <button type="submit" class="w-full rounded-lg border border-gray-300 bg-white px-3 py-2 text-xs font-medium text-gray-700 hover:bg-gray-50">Transfer</button>
                    </form>
                </div>
            </div>

            {{-- Documents --}}
            <div class="rounded-xl bg-white p-6 shadow-sm ring-1 ring-gray-900/5">
                <h3 class="mb-3 font-display text-lg font-semibold text-gray-900">Documents</h3>
                @if($student->documents->isNotEmpty())
                    <ul class="mb-4 space-y-1.5">
                        @foreach($student->documents as $doc)
                            <li class="flex items-center justify-between gap-2 text-xs">
                                <a href="{{ route('school.students.documents.download', [request()->route('schoolId'), $student->id, $doc->id]) }}" class="min-w-0 flex-1 truncate font-medium text-primary-600 hover:text-primary-700">{{ $doc->title }}</a>
                                <span class="shrink-0 text-gray-400">{{ $doc->size_for_humans }}</span>
                                <form method="POST" action="{{ route('school.students.documents.destroy', [request()->route('schoolId'), $student->id, $doc->id]) }}" onsubmit="return confirm('Delete this document?')">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="shrink-0 text-red-500 hover:text-red-700">&times;</button>
                                </form>
                            </li>
                        @endforeach
                    </ul>
                @else
                    <p class="mb-3 text-xs text-gray-400">No documents uploaded (birth certificate, transcripts, etc.).</p>
                @endif
                <form method="POST" action="{{ route('school.students.documents.store', [request()->route('schoolId'), $student->id]) }}" enctype="multipart/form-data" class="space-y-2">
                    @csrf
                    <input type="text" name="title" placeholder="Document title" required class="block w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500">
                    <input type="file" name="document" accept=".pdf,.doc,.docx,image/*" required class="block w-full text-xs text-gray-500 file:mr-2 file:rounded-lg file:border-0 file:bg-primary-50 file:px-3 file:py-1.5 file:text-xs file:font-semibold file:text-primary-700 hover:file:bg-primary-100">
                    <button type="submit" class="w-full rounded-lg border border-gray-300 bg-white px-3 py-2 text-xs font-medium text-gray-700 hover:bg-gray-50">Upload document</button>
                </form>
            </div>

            @if($student->notes)
                <div class="rounded-xl bg-white p-6 shadow-sm ring-1 ring-gray-900/5">
                    <h3 class="mb-2 font-display text-lg font-semibold text-gray-900">Notes</h3>
                    <p class="whitespace-pre-line text-sm text-gray-600">{{ $student->notes }}</p>
                </div>
            @endif
        </div>
    </div>
@endsection