@extends('layouts.app')

@section('title', 'Atur Jadwal 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">Atur Jadwal Ujian</h1>
            <p class="pkbm-dashboard__subtitle">Kelola jadwal ujian berdasarkan tahun pelajaran dan jenis ujian.</p>
        </div>
        <a href="{{ route('pkbm.ujian.schedules.create') }}" class="sp-btn-primary"><i class="bi bi-plus-lg" aria-hidden="true"></i>Buat jadwal</a>
    </header>

    @if (session('status'))<div role="status" class="settings-notice settings-notice--success"><i class="bi bi-check-circle-fill" aria-hidden="true"></i><span>{{ session('status') }}</span></div>@endif

    <section class="sp-card overflow-hidden">
        <div class="sp-card-header"><h2 class="sp-section-title">Jadwal tersimpan</h2><p class="mt-1 text-xs text-slate-500">Pilih tahun pelajaran dan jenis ujian untuk melihat jadwal.</p></div>
        <form id="schedule-filters" method="GET" action="{{ route('pkbm.ujian.schedules') }}" class="grid gap-4 p-5 sm:grid-cols-[1fr_1fr_auto] sm:items-end">
            <label class="block"><span class="sp-form-label">Tahun pelajaran</span><select id="schedule-year" name="tahun_pelajaran" class="sp-form-control px-3">@foreach ($years as $year)<option value="{{ $year }}" @selected($selectedYear === $year)>{{ $year }}</option>@endforeach</select></label>
            <label class="block"><span class="sp-form-label">Jenis ujian</span><select id="schedule-exam" name="ujian" class="sp-form-control px-3"><option value="">Pilih jenis ujian</option>@foreach ($exams as $exam)<option value="{{ $exam }}" @selected($selectedExam === $exam)>{{ $examLabels[$exam] }}</option>@endforeach</select></label>
            <button type="submit" class="sp-btn-primary"><i class="bi bi-search" aria-hidden="true"></i>Tampilkan jadwal</button>
        </form>
        @if ($selectedExam)
            <div class="overflow-x-auto">
                <table class="sp-table min-w-full">
                    <thead><tr><th class="w-14">No.</th><th>Nama ujian</th><th>Hari &amp; tanggal</th><th>Mata pelajaran</th><th>Kelas</th><th class="w-40 text-right">Aksi</th></tr></thead>
                    <tbody>
                        @forelse ($scheduleGroups as $session)
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td class="font-semibold text-slate-800">{{ $session->nama_ujian }}</td>
                                <td class="whitespace-nowrap"><span class="font-semibold">{{ $session->hari }}, {{ \Illuminate\Support\Carbon::parse($session->tgl_ujian)->locale('id')->translatedFormat('d M Y') }}</span><span class="mt-1 block text-xs text-blue-700">{{ substr($session->waktu_mulai, 0, 5) }}–{{ substr($session->waktu_selesai, 0, 5) }}</span></td>
                                <td>{{ $session->nama_mapel }}</td>
                                <td>{{ $session->kelas }}</td>
                                <td>
                                    @if ($selectedYear === $period->tahun_pelajaran)
                                        <div class="flex justify-end gap-2">
                                            @if (preg_match('/^(PSTS|STS|PTS|PSAS|PAS)(\s|$)/iu', $session->nama_ujian))
                                                @foreach ($session->class_schedules as $classSchedule)
                                                    <a href="{{ route('pkbm.ujian.questions.package', $classSchedule->id) }}" class="sp-btn-secondary px-3 py-1.5" aria-label="Pilih soal untuk {{ $classSchedule->nama_kelas }}" title="Pilih soal · {{ $classSchedule->nama_kelas }}"><i class="bi bi-ui-checks" aria-hidden="true"></i><span class="hidden xl:inline">{{ $classSchedule->nama_kelas }}</span></a>
                                                @endforeach
                                            @endif
                                            <a href="{{ route('pkbm.ujian.schedules.edit', $session->id) }}" class="sp-btn-secondary px-3 py-1.5" aria-label="Ubah sesi {{ $session->nama_mapel }}"><i class="bi bi-pencil" aria-hidden="true"></i></a>
                                            <form method="POST" action="{{ route('pkbm.ujian.schedules.destroy', $session->id) }}" onsubmit="return confirm('Hapus sesi ini dari seluruh kelas terkait?')">@csrf @method('DELETE')<button class="sp-btn-danger px-3 py-1.5" aria-label="Hapus sesi {{ $session->nama_mapel }}"><i class="bi bi-trash" aria-hidden="true"></i></button></form>
                                        </div>
                                    @else
                                        <span class="text-xs text-slate-400">Riwayat</span>
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="6" class="py-8 text-center text-slate-500">Belum ada jadwal untuk jenis ujian dan tahun pelajaran ini.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        @else
            <p class="px-5 pb-5 text-sm text-slate-500">Pilih jenis ujian, lalu tekan “Tampilkan jadwal”.</p>
        @endif
    </section>
</div>
<script>
    document.getElementById('schedule-year').addEventListener('change', () => {
        document.getElementById('schedule-exam').value = '';
    });
</script>
@endsection