@extends('layouts.admin')

@php
    $title = $record->fullName();
    $studentStatus = $record->student_status;
    $regStatus = $record->registration_status;
@endphp

@section('title', $title)

@section('content')
<x-ui.page-header
    :title="$title"
    :subtitle="($record->computer_number ?? 'No computer number') . ' · ' . ($record->student_number ?? 'No student number')"
    :breadcrumbs="[
        ['label' => 'Home', 'href' => route('dashboard')],
        ['label' => 'Student Registration', 'href' => route('registration.dashboard')],
        ['label' => 'Students', 'href' => route('registration.students.index')],
        ['label' => $title],
    ]"
>
    <x-slot:actions>
        <x-ui.button variant="ghost" icon="bi-printer" :href="route('registration.students.print', $record)" target="_blank">Print</x-ui.button>
        <x-ui.button variant="ghost" icon="bi-magic" :href="route('registration.wizard.show', $record)">Wizard</x-ui.button>
        <x-ui.button variant="primary" icon="bi-pencil-square" :href="route('registration.students.edit', $record)">Edit</x-ui.button>
    </x-slot:actions>
</x-ui.page-header>

@include('institution.partials.flash')

<div class="row g-4 mb-2">
    <div class="col-6 col-lg-3">
        <x-ui.stat-card label="Student status" :counter="is_object($studentStatus) && method_exists($studentStatus, 'label') ? $studentStatus->label() : ($studentStatus ?? '—')" icon="bi-person-check" />
    </div>
    <div class="col-6 col-lg-3">
        <x-ui.stat-card label="Registration" :counter="is_object($regStatus) && method_exists($regStatus, 'label') ? $regStatus->label() : ($regStatus ?? '—')" icon="bi-diagram-3" variant="info" />
    </div>
    <div class="col-6 col-lg-3">
        <x-ui.stat-card label="Programme" :counter="$record->programme?->code ?? '—'" icon="bi-journal-bookmark" variant="success" />
    </div>
    <div class="col-6 col-lg-3">
        <x-ui.stat-card label="Campus" :counter="$record->campus?->code ?? '—'" icon="bi-geo-alt" variant="warning" />
    </div>
</div>

<div class="row g-4">
    <div class="col-lg-8">
        <x-ui.card title="Biodata">
            <div class="row g-3">
                <div class="col-md-4"><span class="text-muted-bv small d-block">Full name</span><strong>{{ $record->fullName() }}</strong></div>
                <div class="col-md-4"><span class="text-muted-bv small d-block">Gender</span><strong>{{ $record->gender ?? '—' }}</strong></div>
                <div class="col-md-4"><span class="text-muted-bv small d-block">Date of birth</span><strong>{{ $record->date_of_birth?->format('d M Y') ?? '—' }}</strong></div>
                <div class="col-md-4"><span class="text-muted-bv small d-block">NRC</span><strong>{{ $record->nrc_number ?? '—' }}</strong></div>
                <div class="col-md-4"><span class="text-muted-bv small d-block">Email</span><strong>{{ $record->email ?? '—' }}</strong></div>
                <div class="col-md-4"><span class="text-muted-bv small d-block">Phone</span><strong>{{ $record->phone ?? '—' }}</strong></div>
                <div class="col-md-4"><span class="text-muted-bv small d-block">Nationality</span><strong>{{ $record->nationality ?? '—' }}</strong></div>
                <div class="col-md-8"><span class="text-muted-bv small d-block">Address</span><strong>{{ $record->residential_address ?? '—' }}</strong></div>
            </div>
            <div class="mt-3">
                <x-ui.button size="sm" variant="ghost" icon="bi-person-vcard" :href="route('registration.students.biodata', $record)">Edit biodata</x-ui.button>
            </div>
        </x-ui.card>

        <x-ui.card title="Academic placement" class="mt-4">
            <div class="row g-3">
                <div class="col-md-4"><span class="text-muted-bv small d-block">Faculty</span><strong>{{ $record->faculty?->name ?? '—' }}</strong></div>
                <div class="col-md-4"><span class="text-muted-bv small d-block">Programme</span><strong>{{ $record->programme?->name ?? '—' }}</strong></div>
                <div class="col-md-4"><span class="text-muted-bv small d-block">Track</span><strong>{{ $record->programmeTrack?->name ?? '—' }}</strong></div>
                <div class="col-md-4"><span class="text-muted-bv small d-block">Intake</span><strong>{{ $record->academicIntake?->name ?? '—' }}</strong></div>
                <div class="col-md-4"><span class="text-muted-bv small d-block">Session</span><strong>{{ $record->academicSession?->name ?? '—' }}</strong></div>
                <div class="col-md-4"><span class="text-muted-bv small d-block">Reg. session</span><strong>{{ $record->registrationSession?->name ?? '—' }}</strong></div>
            </div>
        </x-ui.card>

        <x-ui.card title="Recent courses" class="mt-4">
            @php $courses = $record->semesterRegistrations?->flatMap->courseRegistrations ?? collect(); @endphp
            @if($courses->isEmpty())
                <x-ui.empty-state icon="bi-journal-x" title="No courses" description="Course registrations will appear here." />
            @else
                <ul class="list-unstyled mb-0">
                    @foreach($courses->take(8) as $course)
                        <li class="d-flex justify-content-between py-2 border-bottom border-secondary-subtle">
                            <span>{{ $course->course_code }} — {{ $course->course_name }}</span>
                            <strong>{{ $course->credits }} cr</strong>
                        </li>
                    @endforeach
                </ul>
            @endif
        </x-ui.card>
    </div>

    <div class="col-lg-4">
        <x-ui.card title="Quick actions">
            <div class="d-flex flex-column gap-2">
                <form method="POST" action="{{ route('registration.students.approve', $record) }}">@csrf
                    <x-ui.button type="submit" variant="ghost" icon="bi-check2-circle" class="w-100">Approve registration</x-ui.button>
                </form>
                <form method="POST" action="{{ route('registration.students.complete', $record) }}">@csrf
                    <x-ui.button type="submit" variant="ghost" icon="bi-flag" class="w-100">Complete registration</x-ui.button>
                </form>
                <x-ui.button variant="ghost" icon="bi-person-badge" :href="route('registration.students.id-preview', $record)">ID preview</x-ui.button>
                <x-ui.button variant="ghost" icon="bi-qr-code" :href="route('registration.students.qr', $record)">QR code</x-ui.button>
                <x-ui.button variant="ghost" icon="bi-upc" :href="route('registration.students.barcode', $record)">Barcode</x-ui.button>
                <x-ui.button variant="ghost" icon="bi-clock-history" :href="route('registration.students.timeline', $record)">Timeline</x-ui.button>
            </div>
        </x-ui.card>

        <x-ui.card title="Guardians" class="mt-4">
            @forelse($record->guardians ?? [] as $g)
                <p class="mb-2"><strong>{{ $g->full_name ?? trim(($g->first_name ?? '').' '.($g->surname ?? '')) }}</strong><br>
                    <span class="text-muted-bv small">{{ $g->phone ?? $g->email ?? '—' }}</span></p>
            @empty
                <p class="text-muted-bv small mb-0">No guardians on file.</p>
            @endforelse
        </x-ui.card>

        <x-ui.card title="Documents" class="mt-4">
            @forelse($record->documents ?? [] as $doc)
                <p class="mb-2"><strong>{{ $doc->title ?? $doc->document_type }}</strong><br>
                    <span class="text-muted-bv small">{{ is_object($doc->verification_status) ? $doc->verification_status->value : ($doc->verification_status ?? '—') }}</span></p>
            @empty
                <p class="text-muted-bv small mb-0">No documents uploaded.</p>
            @endforelse
        </x-ui.card>
    </div>
</div>
@endsection