{{-- resources/views/admin/master-data/tahun-ajaran/create.blade.php --}}
<div class="modal fade" id="modalTambahTahun" tabindex="-1" aria-labelledby="modalTambahTahunLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header bg-success text-white border-bottom-0">
                <h5 class="modal-title fw-bold" id="modalTambahTahunLabel"><i class="bi bi-calendar-plus me-2"></i>Tambah Tahun Ajaran</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <form action="{{ route('admin.tahun-ajaran.store') }}" method="POST">
                @csrf
                <div class="modal-body p-4">
                    <div class="row g-3">
                        
                        <div class="col-md-6">
                            <label class="form-label fw-bold text-success">Tahun Ajaran (Hijriyah) <span class="text-danger">*</span></label>
                            <input type="text" class="form-control border-success fw-bold" id="create_tahun_ajaran_hijriyah" name="tahun_ajaran_hijriyah" placeholder="Contoh: 1447/1448" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-medium text-muted">Tahun Ajaran (Masehi)</label>
                            <input type="text" class="form-control bg-light text-muted" id="create_tahun_ajaran" name="tahun_ajaran" placeholder="Otomatis dikonversi..." readonly required>
                        </div>

                        <div class="col-md-4">
                            <label class="form-label fw-bold text-success">Tahun PPDB (Hijriyah) <span class="text-danger">*</span></label>
                            <input type="number" class="form-control border-success fw-bold" id="create_tahun_ppdb_hijriyah" name="tahun_ppdb_hijriyah" placeholder="Contoh: 1447" min="1400" required>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label fw-medium text-muted">Tahun PPDB (Masehi)</label>
                            <input type="number" class="form-control bg-light text-muted" id="create_tahun_ppdb" name="tahun_ppdb" placeholder="Otomatis..." readonly required>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label fw-medium">Kode TA <span class="text-danger">*</span></label>
                            <input type="text" class="form-control bg-light" id="create_kode" name="kode" placeholder="Otomatis" readonly required>
                            <div class="form-text" style="font-size: 11px;">Otomatis 2 digit tahun Hijriyah.</div>
                        </div>

                        <hr class="my-3 opacity-25">

                        <div class="col-md-6">
                            <label class="form-label fw-medium">Status Akademik</label>
                            <select class="form-select" name="status_akademik" required>
                                <option value="aktif">Aktif</option>
                                <option value="tidak_aktif">Tidak Aktif</option>
                                <option value="mendatang">Mendatang</option>
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-medium">Status PPDB</label>
                            <select class="form-select" name="status_ppdb" required>
                                <option value="buka">Buka</option>
                                <option value="tutup">Tutup</option>
                                <option value="persiapan">Persiapan</option>
                            </select>
                        </div>

                        <hr class="my-3 opacity-25">

                        <div class="col-12">
                            <h6 class="fw-bold mb-0 text-dark">Info Waktu Pendaftaran (PPDB)</h6>
                            <small class="text-muted" style="font-size: 11px;">Pilih tanggal di kalender Masehi, sistem akan menebak tanggal Hijriyah. Anda bisa mengedit manual teks Hijriyah jika terjadi selisih hilal.</small>
                        </div>
                        
                        <div class="col-md-6 mt-3">
                            <label class="form-label fw-bold text-success">Tgl Mulai (Hijriyah) <span class="text-danger">*</span></label>
                            <input type="text" class="form-control border-success fw-bold" id="create_tgl_mulai_hijriyah" name="tgl_mulai_hijriyah" placeholder="Contoh: 10 Syawal 1447 H" required>
                        </div>
                        <div class="col-md-6 mt-3">
                            <label class="form-label fw-medium text-muted">Pilih Tgl (Masehi Anchor) <span class="text-danger">*</span></label>
                            <input type="date" class="form-control" id="create_tgl_mulai" name="tgl_mulai" required>
                        </div>

                        <div class="col-md-6">
                            <label class="form-label fw-bold text-success">Tgl Akhir (Hijriyah) <span class="text-danger">*</span></label>
                            <input type="text" class="form-control border-success fw-bold" id="create_tgl_akhir_hijriyah" name="tgl_akhir_hijriyah" placeholder="Contoh: 20 Dzulqa'dah 1447 H" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-medium text-muted">Pilih Tgl (Masehi Anchor) <span class="text-danger">*</span></label>
                            <input type="date" class="form-control" id="create_tgl_akhir" name="tgl_akhir" required>
                        </div>

                        <div class="col-md-12 mt-3">
                            <label class="form-label fw-medium">Kuota Pendaftaran Siswa <span class="text-danger">*</span></label>
                            <input type="number" class="form-control" name="kuota" placeholder="Jumlah siswa yang diterima" min="1" required>
                        </div>

                    </div>
                </div>
                <div class="modal-footer bg-light border-top-0">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
                    <button type="submit" class="btn btn-success fw-bold"><i class="bi bi-save me-1"></i> Simpan Data</button>
                </div>
            </form>
        </div>
    </div>
</div>