@extends('layouts.app')

@section('title', 'Kartu Ujian')

@section('content')
<div class="pkbm-master-page mx-auto max-w-7xl space-y-5">
    <header class="pkbm-dashboard__heading"><div><p class="pkbm-dashboard__breadcrumb">Standar Penilaian <i class="bi bi-chevron-right" aria-hidden="true"></i>Manajemen Ujian</p><h1 class="pkbm-dashboard__title">Kartu Ujian</h1><p class="pkbm-dashboard__subtitle">Pilih ujian dan kelas untuk melihat serta mencetak kartu peserta.</p></div></header>
    <section class="sp-card">
        <div class="sp-card-header"><h2 class="sp-section-title">Filter kartu ujian</h2><p class="mt-1 text-xs text-slate-500">Tahun ajaran aktif: {{ $period->tahun_pelajaran }}</p></div>
        <form method="GET" action="{{ route('pkbm.ujian.cards') }}" class="grid gap-4 p-5 sm:grid-cols-[1fr_1fr_auto] sm:items-end">
            <label class="block"><span class="sp-form-label">Nama ujian</span><select name="ujian" required class="sp-form-control px-3" onchange="this.form.submit()"><option value="">Pilih ujian</option>@foreach ($exams as $exam)<option value="{{ $exam }}" @selected($selectedExam === $exam)>{{ $exam }}</option>@endforeach</select></label>
            <label class="block"><span class="sp-form-label">Kelas</span><select name="id_kelas" required class="sp-form-control px-3"><option value="">Pilih kelas</option>@foreach ($classOptions as $option)<option value="{{ $option->id }}" @selected($classId === (int) $option->id)>{{ $option->nama_kelas }}</option>@endforeach</select></label>
            <button type="submit" class="sp-btn-primary"><i class="bi bi-search" aria-hidden="true"></i>Tampilkan</button>
        </form>
    </section>
    @if ($classId)
        <section class="sp-card overflow-hidden">
            <div class="sp-card-header flex flex-wrap items-center justify-between gap-3"><div><h2 class="sp-section-title">Peserta kelas</h2><p class="mt-1 text-xs text-slate-500">{{ $students->count() }} siswa aktif · {{ $period->tahun_pelajaran }}</p></div>@if ($students->isNotEmpty())<a href="{{ route('pkbm.ujian.cards.print', ['ujian' => $selectedExam, 'id_kelas' => $classId]) }}" target="_blank" rel="noopener" class="sp-btn-primary"><i class="bi bi-printer" aria-hidden="true"></i>Cetak satu kelas</a>@endif</div>
            <div class="overflow-x-auto"><table class="sp-table min-w-full"><thead><tr><th class="w-14">No.</th><th>Nama siswa</th><th>NIS/NISN</th><th class="w-36 text-right">Kartu</th></tr></thead><tbody>
                @forelse ($students as $student)
                    <tr><td>{{ $loop->iteration }}</td><td class="font-semibold text-slate-800">{{ $student->nama_siswa }}</td><td>{{ $student->nis ?: $student->nisn ?: '—' }}</td><td class="text-right"><a href="{{ route('pkbm.ujian.cards.print', ['ujian' => $selectedExam, 'id_kelas' => $classId, 'siswa' => $student->id]) }}" target="_blank" rel="noopener" class="sp-btn-secondary px-3 py-1.5"><i class="bi bi-printer" aria-hidden="true"></i>Cetak</a></td></tr>
                @empty
                    <tr><td colspan="4" class="py-8 text-center text-slate-500">Tidak ada siswa aktif di kelas ini.</td></tr>
                @endforelse
            </tbody></table></div>
        </section>
    @endif
</div>
@endsection