@extends('layouts.admin')

@section('title', $student->name)

@section('content')
    <x-ui.page-header :title="$student->name" :subtitle="'Student ID '.$student->student_id" :back="route('admin.students.index')">
        <x-slot:actions>
            @can('update', $student)
                <a class="btn btn-sm btn-outline-secondary" href="{{ route('admin.students.edit', $student) }}"><i class="bi bi-pencil"></i> Edit</a>
            @endcan
            @include('admin.students._status-actions', ['student' => $student, 'compact' => false])
            @if ($student->isActive())
                @can('create', App\Models\ExamAssignment::class)
                    <a class="btn btn-sm btn-primary" href="{{ route('admin.exam-assignments.create', ['student_id' => $student->id]) }}"><i class="bi bi-person-check"></i> Assign Exam</a>
                @endcan
            @endif
            @can('delete', $student)
                <x-ui.delete-button :action="route('admin.students.destroy', $student)" label="Delete"
                    confirm="Delete student {{ $student->name }}? This student has no assignment history." />
            @endcan
        </x-slot:actions>
    </x-ui.page-header>

    <div class="row g-3">
        <div class="col-lg-5">
            <x-ui.card title="Student information">
                <div class="row">
                    <x-ui.detail-row label="Name">{{ $student->name }}</x-ui.detail-row>
                    <x-ui.detail-row label="Student ID">{{ $student->student_id }}</x-ui.detail-row>
                    <x-ui.detail-row label="Email / Username">{{ $student->email }}</x-ui.detail-row>
                    <x-ui.detail-row label="Status"><x-ui.status-badge :value="$student->status" /></x-ui.detail-row>
                    <x-ui.detail-row label="Created">{{ $student->created_at?->format('d M Y H:i') }} · {{ $student->creator?->name ?? 'System' }}</x-ui.detail-row>
                    <x-ui.detail-row label="Updated">{{ $student->updated_at?->format('d M Y H:i') }} · {{ $student->updater?->name ?? '—' }}</x-ui.detail-row>
                    <x-ui.detail-row label="Last Login">{{ $student->last_login_at?->format('d M Y H:i') ?? 'Never' }}</x-ui.detail-row>
                </div>
            </x-ui.card>

            <x-ui.card title="Assignment summary" class="mt-3">
                <div class="row text-center">
                    <div class="col-4"><div class="fs-4 fw-semibold">{{ $summary['total'] }}</div><div class="xrt-meta">Total</div></div>
                    <div class="col-4"><div class="fs-4 fw-semibold text-primary">{{ $summary['active'] }}</div><div class="xrt-meta">Active</div></div>
                    <div class="col-4"><div class="fs-4 fw-semibold text-secondary">{{ $summary['cancelled'] }}</div><div class="xrt-meta">Cancelled</div></div>
                </div>
            </x-ui.card>
        </div>

        <div class="col-lg-7">
            <div class="xrt-card">
                <div class="xrt-card-header">
                    <span>Assigned exams <span class="badge text-bg-light">{{ $summary['total'] }}</span></span>
                    <span class="xrt-meta">Results appear here once the attempt system exists.</span>
                </div>
                <div class="xrt-card-body p-0">
                    @include('admin.exam-assignments._table', ['assignments' => $student->assignments, 'showStudent' => false, 'showExam' => true])
                </div>
            </div>
        </div>
    </div>
@endsection