@extends('layouts.app')

@section('title', $edit ? 'Ubah Jadwal Ujian' : 'Buat Jadwal Ujian')

@section('content')
<div class="pkbm-master-page mx-auto max-w-5xl space-y-5">
    <header class="pkbm-dashboard__heading">
        <div>
            <p class="pkbm-dashboard__breadcrumb"><a href="{{ route('pkbm.ujian.schedules') }}" class="no-underline">Manajemen Ujian</a> <i class="bi bi-chevron-right" aria-hidden="true"></i>Atur Jadwal</p>
            <h1 class="pkbm-dashboard__title">{{ $edit ? 'Ubah Jadwal Ujian' : 'Buat Jadwal Ujian' }}</h1>
            <p class="pkbm-dashboard__subtitle">Atur ujian, mata pelajaran, waktu, dan kelas pada periode {{ $period->tahun_pelajaran }} · Semester {{ $period->semester }}.</p>
        </div>
    </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
    @if ($errors->any())<div role="alert" class="settings-notice settings-notice--error"><i class="bi bi-exclamation-circle-fill" aria-hidden="true"></i><div><p class="font-semibold">Jadwal belum berhasil disimpan.</p><ul class="mt-1 list-inside list-disc">@foreach ($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul></div></div>@endif

    <section class="sp-card overflow-hidden">
        <div class="sp-card-header"><h2 class="sp-section-title">{{ $edit ? 'Ubah sesi ujian' : 'Informasi jadwal' }}</h2><p class="mt-1 text-xs text-slate-500">Satu sesi dapat diterapkan ke beberapa kelas sekaligus.</p></div>
        <form method="POST" action="{{ route('pkbm.ujian.schedules.save') }}" class="grid gap-4 p-5 sm:grid-cols-2 lg:grid-cols-4">
            @csrf
            @if ($edit)<input type="hidden" name="jadwal_id" value="{{ $edit->id }}">@endif
            <label class="block sm:col-span-2">
                <span class="sp-form-label">Nama ujian</span>
                <select id="exam-name-select" name="nama_ujian" required class="sp-form-control px-3">
                    <option value="">Pilih jenis ujian</option>
                    <option value="PSTS Ganjil" @selected(old('nama_ujian', $editExamName ?? ($defaults['nama_ujian'] ?? '')) === 'PSTS Ganjil')>PSTS Ganjil</option>
                    @if (in_array($editExamName ?? '', ['STS Ganjil', 'PTS Ganjil'], true))
                        <option value="{{ $editExamName }}" @selected(old('nama_ujian', $editExamName) === $editExamName)>PSTS Ganjil</option>
                    @endif
                    <option value="PSAS Ganjil" @selected(old('nama_ujian', $editExamName ?? ($defaults['nama_ujian'] ?? '')) === 'PSAS Ganjil')>PSAS Ganjil</option>
                    @if (($editExamName ?? '') === 'PAS Ganjil')
                        <option value="PAS Ganjil" @selected(old('nama_ujian', $editExamName) === $editExamName)>PSAS Ganjil</option>
                    @endif
                    <option value="Tes Kemampuan Akademik (TKA)" @selected(old('nama_ujian', $editExamName ?? ($defaults['nama_ujian'] ?? '')) === 'Tes Kemampuan Akademik (TKA)')>Tes Kemampuan Akademik (TKA)</option>
                    <option value="PSTS Genap" @selected(old('nama_ujian', $editExamName ?? ($defaults['nama_ujian'] ?? '')) === 'PSTS Genap')>PSTS Genap</option>
                    @if (in_array($editExamName ?? '', ['STS Genap', 'PTS Genap'], true))
                        <option value="{{ $editExamName }}" @selected(old('nama_ujian', $editExamName) === $editExamName)>PSTS Genap</option>
                    @endif
                    <option value="PSAS Genap" @selected(old('nama_ujian', $editExamName ?? ($defaults['nama_ujian'] ?? '')) === 'PSAS Genap')>PSAS Genap</option>
                    @if (($editExamName ?? '') === 'PAS Genap')
                        <option value="PAS Genap" @selected(old('nama_ujian', $editExamName) === $editExamName)>PSAS Genap</option>
                    @endif
                    <option value="Penilaian Sumatif Akhir Jenjang (PSAJ)" @selected(old('nama_ujian', $editExamName ?? ($defaults['nama_ujian'] ?? '')) === 'Penilaian Sumatif Akhir Jenjang (PSAJ)')>Penilaian Sumatif Akhir Jenjang (PSAJ)</option>
                    <option value="Ujian Pendidikan Kesetaraan (UPK)" @selected(old('nama_ujian', $editExamName ?? ($defaults['nama_ujian'] ?? '')) === 'Ujian Pendidikan Kesetaraan (UPK)')>Ujian Pendidikan Kesetaraan (UPK)</option>
                    <option value="Lainya" @selected(old('nama_ujian', $customExamName !== '' ? 'Lainya' : ($defaults['nama_ujian'] ?? '')) === 'Lainya')>Lainya (Input Sendiri)</option>
                </select>
                <input id="custom-exam-name" type="text" name="nama_ujian_custom" value="{{ old('nama_ujian_custom', $customExamName ?: ($defaults['nama_ujian_custom'] ?? '')) }}" maxlength="100" class="sp-form-control mt-3 px-3" placeholder="Ketik nama ujian" hidden>
            </label>
            <label class="block sm:col-span-2"><span class="sp-form-label">Mata pelajaran</span><select name="nama_mapel" required class="sp-form-control px-3"><option value="">Pilih mata pelajaran</option>@foreach ($subjects as $subject)<option value="{{ $subject->nama_mapel }}" @selected(old('nama_mapel', $edit->nama_mapel ?? '') === $subject->nama_mapel)>{{ $subject->nama_mapel }}</option>@endforeach</select></label>
            <label class="block"><span class="sp-form-label">Hari</span><select name="hari" required class="sp-form-control px-3">@foreach (['Senin','Selasa','Rabu','Kamis','Jumat','Sabtu','Minggu'] as $day)<option value="{{ $day }}" @selected(old('hari', $edit->hari ?? ($defaults['hari'] ?? '')) === $day)>{{ $day }}</option>@endforeach</select></label>
            <label class="block"><span class="sp-form-label">Tanggal</span><input type="date" name="tgl_ujian" required value="{{ old('tgl_ujian', $edit->tgl_ujian ?? ($defaults['tgl_ujian'] ?? '')) }}" class="sp-form-control px-3"></label>
            <label class="block"><span class="sp-form-label">Waktu mulai</span><input type="time" name="waktu_mulai" required value="{{ old('waktu_mulai', isset($edit) ? substr($edit->waktu_mulai, 0, 5) : ($defaults['waktu_mulai'] ?? '')) }}" class="sp-form-control px-3"></label>
            <label class="block"><span class="sp-form-label">Waktu selesai</span><input type="time" name="waktu_selesai" required value="{{ old('waktu_selesai', isset($edit) ? substr($edit->waktu_selesai, 0, 5) : ($defaults['waktu_selesai'] ?? '')) }}" class="sp-form-control px-3"></label>
            <fieldset class="sm:col-span-2 lg:col-span-4">
                <legend class="sp-form-label">Kelas yang mengikuti sesi</legend>
                <div class="flex flex-wrap gap-2 rounded-xl border border-slate-200 bg-slate-50 p-3">
                    @foreach ($classes as $class)
                        <label class="inline-flex cursor-pointer items-center gap-2 rounded-lg bg-white px-3 py-2 text-sm text-slate-700 shadow-sm">
                            <input type="checkbox" name="kelas_ids[]" value="{{ $class->id }}" @checked(in_array((int) $class->id, old('kelas_ids', $edit->kelas_ids ?? $defaultClassIds), true)) class="size-4 rounded border-slate-300 text-blue-600 focus:ring-blue-500">
                            {{ $class->nama_kelas }}
                        </label>
                    @endforeach
                </div>
            </fieldset>
            <div class="flex flex-wrap gap-2 sm:col-span-2 lg:col-span-4">
                @if ($edit)
                    <button type="submit" class="sp-btn-primary"><i class="bi bi-check2-circle" aria-hidden="true"></i>Simpan perubahan</button>
                @else
                    <button type="submit" name="after_save" value="add-another" class="sp-btn-primary"><i class="bi bi-plus-circle" aria-hidden="true"></i>Simpan &amp; tambah mapel lain</button>
                    <button type="submit" name="after_save" value="finish" class="sp-btn-secondary"><i class="bi bi-check2-circle" aria-hidden="true"></i>Simpan &amp; selesai</button>
                @endif
                <a href="{{ route('pkbm.ujian.schedules') }}" class="sp-btn-secondary">Kembali ke jadwal</a>
            </div>
        </form>
    </section>
</div>
<script>
    const examNameSelect = document.getElementById('exam-name-select');
    const customExamName = document.getElementById('custom-exam-name');
    const syncCustomExamName = () => {
        const isCustomExam = examNameSelect.value === 'Lainya';
        customExamName.hidden = !isCustomExam;
        customExamName.required = isCustomExam;
        if (!isCustomExam) {
            customExamName.value = '';
        }
    };
    examNameSelect.addEventListener('change', syncCustomExamName);
    syncCustomExamName();
</script>
@endsection