<?= $this->extend('layouts/main') ?>
<?= $this->section('content') ?>

<div class="container-fluid py-4">

    <div class="d-flex align-items-center gap-2 mb-4">
        <a href="/exam-event" class="btn btn-outline-secondary btn-sm">
            <i class="bi bi-arrow-left"></i>
        </a>
        <div>
            <h4 class="mb-0 fw-bold">Buat Event Ujian</h4>
            <small class="text-muted">Buat event ujian baru untuk pembagian ruang dan pencetakan dokumen</small>
        </div>
    </div>

    <?php if (session()->getFlashdata('error')): ?>
        <div class="alert alert-danger alert-dismissible fade show">
            <?= session()->getFlashdata('error') ?>
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    <?php endif; ?>

    <?php if (session()->getFlashdata('errors')): ?>
        <div class="alert alert-danger">
            <ul class="mb-0">
                <?php foreach (session()->getFlashdata('errors') as $err): ?>
                    <li><?= esc($err) ?></li>
                <?php endforeach; ?>
            </ul>
        </div>
    <?php endif; ?>

    <form action="/exam-event/store" method="POST">
        <?= csrf_field() ?>

        <div class="row g-4 justify-content-center">
            <div class="col-lg-8">
                <div class="card shadow-sm border-0 mb-4">
                    <div class="card-header fw-semibold bg-white border-bottom py-3">
                        <i class="bi bi-info-circle me-2 text-primary"></i>Informasi Ujian
                    </div>
                    <div class="card-body p-4">

                        <!-- Nama Event -->
                        <div class="mb-3">
                            <label class="form-label fw-bold">Nama Event Ujian <span class="text-danger">*</span></label>
                            <input type="text" name="name" class="form-control" placeholder="misal: Asesmen Sumatif Tengah Semester Ganjil" value="<?= old('name') ?>" required>
                            <div class="form-text">Nama lengkap event ujian yang akan dicetak di Kop/Judul dokumen.</div>
                        </div>

                        <!-- Kode Singkat Event -->
                        <div class="mb-3">
                            <label class="form-label fw-bold">Kode Singkat Event <span class="text-danger">*</span></label>
                            <input type="text" name="event_code" class="form-control" placeholder="misal: ASTS, ASAS, ASAT" value="<?= old('event_code') ?>" required>
                            <div class="form-text">Kode singkat yang digunakan khusus untuk penomoran peserta ujian (misal: ASTS).</div>
                        </div>

                        <!-- Periode Akademik -->
                        <div class="mb-3">
                            <label class="form-label fw-bold">Periode Akademik <span class="text-danger">*</span></label>
                            <select name="academic_period_id" class="form-select" required>
                                <option value="">-- Pilih Periode --</option>
                                <?php foreach ($periods as $p): ?>
                                    <option value="<?= $p['id'] ?>" <?= (old('academic_period_id') == $p['id'] || $activePeriod['id'] == $p['id']) ? 'selected' : '' ?>>
                                        <?= esc($p['year_name']) ?> — Semester <?= esc($p['semester']) ?> <?= $p['is_active'] ? '(Aktif)' : '' ?>
                                    </option>
                                <?php endforeach; ?>
                            </select>
                        </div>

                        <!-- Tanggal Pelaksanaan -->
                        <div class="row g-3 mb-3">
                            <div class="col-md-6">
                                <label class="form-label fw-bold">Tanggal Mulai <span class="text-danger">*</span></label>
                                <input type="date" name="start_date" class="form-control" value="<?= old('start_date') ?>" required>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label fw-bold">Tanggal Selesai <span class="text-danger">*</span></label>
                                <input type="date" name="end_date" class="form-control" value="<?= old('end_date') ?>" required>
                            </div>
                        </div>

                        <!-- Tingkat Jenjang Ujian (Multiple Checkboxes) -->
                        <div class="mb-3">
                            <label class="form-label fw-bold d-block">Tingkat Kelas yang Mengikuti Ujian <span class="text-danger">*</span></label>
                            <div class="border rounded p-3 bg-light bg-opacity-50">
                                <?php foreach ($grades as $g): ?>
                                <div class="form-check form-check-inline me-4">
                                    <input class="form-check-input" type="checkbox" name="grade_levels[]" id="grade_<?= esc($g['name']) ?>" value="<?= esc($g['name']) ?>" checked>
                                    <label class="form-check-label fw-semibold" for="grade_<?= esc($g['name']) ?>">Kelas <?= esc($g['name']) ?></label>
                                </div>
                                <?php endforeach; ?>
                            </div>
                            <div class="form-text">Tentukan tingkat mana saja yang akan dimasukkan ke dalam daftar alokasi peserta ujian.</div>
                        </div>

                    </div>
                </div>

                <div class="card shadow-sm border-0 mb-4">
                    <div class="card-header fw-semibold bg-white border-bottom py-3">
                        <i class="bi bi-file-earmark-text me-2 text-success"></i>Tata Tertib Ujian (Event-Specific)
                    </div>
                    <div class="card-body p-4">
                        <div class="mb-3">
                            <label class="form-label fw-bold">Tata Tertib Pengawas</label>
                            <textarea name="proctor_rules" class="form-control" rows="6" placeholder="Masukkan tata tertib pengawas per baris..."><?= old('proctor_rules', $schoolSettings['proctor_rules'] ?? "1. Pengawas hadir paling lambat 30 menit sebelum asesmen dimulai.\n2. Pengawas menerima dan memeriksa kelengkapan administrasi asesmen dari panitia.\n3. Pengawas memastikan ruang asesmen dalam keadaan siap, tertib, dan kondusif.\n4. Pengawas mengarahkan peserta menempati tempat duduk sesuai ketentuan.\n5. Pengawas memeriksa identitas peserta dan kehadiran peserta sebelum asesmen dimulai.\n6. Pengawas membacakan tata tertib dan petunjuk pelaksanaan asesmen.\n7. Pengawas menjaga ketertiban dan ketenangan selama asesmen berlangsung.\n8. Pengawas tidak diperkenankan memberikan petunjuk jawaban atau bantuan yang mengarah pada penyelesaian soal.\n9. Pengawas dilarang menggunakan telepon genggam atau melakukan kegiatan yang dapat mengganggu pelaksanaan pengawasan.\n10. Pengawas mencatat dan melaporkan setiap pelanggaran, kendala, atau kejadian penting yang terjadi selama asesmen.\n11. Pengawas memastikan peserta menghentikan pengerjaan soal sesuai waktu yang ditentukan.\n12. Pengawas mengumpulkan, memeriksa, dan menghitung kelengkapan lembar jawaban atau memastikan seluruh jawaban peserta telah tersimpan pada sistem asesmen.\n13. Pengawas mengisi dan menyerahkan berita acara serta dokumen administrasi lainnya kepada panitia.\n14. Pengawas menjaga kerahasiaan dokumen dan informasi yang berkaitan dengan asesmen.\n15. Pengawas melaksanakan tugas dengan jujur, objektif, disiplin, dan bertanggung jawab.") ?></textarea>
                            <div class="form-text">Tuliskan setiap aturan pada baris baru (tekan Enter). Kosongkan untuk menggunakan default.</div>
                        </div>

                        <div class="mb-3">
                            <label class="form-label fw-bold">Tata Tertib Peserta</label>
                            <textarea name="student_rules" class="form-control" rows="6" placeholder="Masukkan tata tertib peserta per baris..."><?= old('student_rules', $schoolSettings['student_rules'] ?? "1. Peserta hadir paling lambat 15 menit sebelum asesmen dimulai.\n2. Peserta wajib mengenakan seragam sesuai ketentuan madrasah/sekolah dan berpenampilan rapi serta sopan.\n3. Peserta menempati tempat duduk sesuai nomor yang telah ditentukan.\n4. Peserta wajib membawa kartu peserta atau identitas yang ditetapkan oleh madrasah/sekolah.\n5. Peserta hanya diperbolehkan membawa alat tulis dan perlengkapan yang diperlukan untuk asesmen.\n6. Peserta dilarang membawa atau menggunakan buku, catatan, telepon genggam, smartwatch, kamera, atau alat komunikasi lainnya selama asesmen berlangsung, kecuali atas izin panitia.\n7. Peserta wajib mengisi daftar hadir dan identitas pada lembar jawaban atau sistem asesmen yang digunakan.\n8. Peserta mulai mengerjakan soal setelah mendapat instruksi dari pengawas.\n9. Peserta wajib mengerjakan soal secara mandiri, jujur, dan bertanggung jawab.\n10. Peserta dilarang bekerja sama, memberi atau menerima bantuan, serta melakukan segala bentuk kecurangan.\n11. Peserta yang mengalami kendala teknis atau memerlukan bantuan harus melapor kepada pengawas dengan tertib.\n12. Peserta yang hendak meninggalkan ruang asesmen harus memperoleh izin dari pengawas.\n13. Peserta berhenti mengerjakan soal setelah ada instruksi dari pengawas.\n14. Peserta wajib menyerahkan lembar jawaban atau memastikan jawaban telah tersimpan dan terkirim sebelum meninggalkan ruang asesmen.\n15. Peserta yang melanggar tata tertib akan dikenakan sanksi sesuai ketentuan yang berlaku di madrasah/sekolah.") ?></textarea>
                            <div class="form-text">Tuliskan setiap aturan pada baris baru (tekan Enter). Kosongkan untuk menggunakan default.</div>
                        </div>
                    </div>
                </div>

                <div class="d-flex justify-content-end gap-2">
                    <a href="/exam-event" class="btn btn-outline-secondary px-4">Batal</a>
                    <button type="submit" class="btn btn-primary px-4"><i class="bi bi-check-lg me-1"></i>Buat Event</button>
                </div>
            </div>
        </div>
    </form>

</div>

<?= $this->endSection() ?>
