<?= $this->extend('layouts/main') ?>
<?= $this->section('content') ?>
<?php
$isMadrasah = in_array($setting['school_type'] ?? '', ['RA', 'MI', 'MTs', 'MA', 'MAK']);
$instansiLabel = $isMadrasah ? 'Madrasah' : 'Sekolah';
$kepalaLabel = $isMadrasah ? 'Kepala Madrasah' : 'Kepala Sekolah';
?>

<div class="row justify-content-center">
    <div class="col-12 col-xl-10">
        <div class="card">
            <div class="card-header d-flex align-items-center gap-2">
                <i class="bi bi-building-gear text-primary"></i>
                <span class="fw-semibold">Pengaturan Lembaga</span>
            </div>
            <div class="card-body">
                <form action="/settings/save" method="post" enctype="multipart/form-data">
                    <?= csrf_field() ?>

                    <!-- Nav Tabs -->
                    <ul class="nav nav-tabs mb-4" id="settingTabs">
                        <li class="nav-item">
                            <a class="nav-link active" data-bs-toggle="tab" href="#identitas">
                                <i class="bi bi-building me-1"></i>Identitas
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="tab" href="#alamat">
                                <i class="bi bi-geo-alt me-1"></i>Alamat
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="tab" href="#kepala">
                                <i class="bi bi-person-badge me-1"></i><?= $kepalaLabel ?>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="tab" href="#tabungan">
                                <i class="bi bi-piggy-bank me-1"></i>Tabungan
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="tab" href="#logo">
                                <i class="bi bi-image me-1"></i>Logo
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="tab" href="#surat">
                                <i class="bi bi-envelope me-1"></i>Surat
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="tab" href="#tatatertib">
                                <i class="bi bi-journal-text me-1"></i>Tata Tertib
                            </a>
                        </li>
                    </ul>

                    <div class="tab-content">

                        <!-- Tab Identitas -->
                        <div class="tab-pane fade show active" id="identitas">
                            <div class="row g-3">
                                <div class="col-md-12">
                                    <label class="form-label">Nama <?= $instansiLabel ?> <span class="text-danger">*</span></label>
                                    <input type="text" name="school_name" class="form-control"
                                        value="<?= esc($setting['school_name'] ?? '') ?>"
                                        placeholder="Contoh: SMP Negeri 1 Contoh atau MTs Negeri 1 Contoh" required>
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">NPSN</label>
                                    <input type="text" name="npsn" class="form-control"
                                        value="<?= esc($setting['npsn'] ?? '') ?>"
                                        placeholder="8 digit NPSN">
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">NSS</label>
                                    <input type="text" name="nss" class="form-control"
                                        value="<?= esc($setting['nss'] ?? '') ?>"
                                        placeholder="Nomor Statistik Sekolah">
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Jenis/Tipe Lembaga</label>
                                    <select name="school_type" class="form-select">
                                        <?php foreach (['TK','SD','SMP','SMA','SMK','RA','MI','MTs','MA','MAK'] as $type): ?>
                                        <option value="<?= $type ?>"
                                            <?= (($setting['school_type'] ?? '') == $type) ? 'selected' : '' ?>>
                                            <?= $type ?>
                                        </option>
                                        <?php endforeach; ?>
                                    </select>
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">No. Telepon</label>
                                    <input type="text" name="phone" class="form-control"
                                        value="<?= esc($setting['phone'] ?? '') ?>"
                                        placeholder="021xxxxxxx">
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Email</label>
                                    <input type="email" name="email" class="form-control"
                                        value="<?= esc($setting['email'] ?? '') ?>"
                                        placeholder="info@madrasah.sch.id">
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Website</label>
                                    <input type="text" name="website" class="form-control"
                                        value="<?= esc($setting['website'] ?? '') ?>"
                                        placeholder="https://madrasah.sch.id">
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Akreditasi</label>
                                    <select name="accreditation" class="form-select">
                                        <?php foreach (['A','B','C','Belum'] as $acc): ?>
                                        <option value="<?= $acc ?>"
                                            <?= (($setting['accreditation'] ?? '') == $acc) ? 'selected' : '' ?>>
                                            <?= $acc ?>
                                        </option>
                                        <?php endforeach; ?>
                                    </select>
                                </div>
                            </div>
                        </div>

                        <!-- Tab Alamat -->
                        <div class="tab-pane fade" id="alamat">
                            <div class="row g-3">
                                <div class="col-md-12">
                                    <label class="form-label">Alamat Lengkap</label>
                                    <textarea name="address" class="form-control" rows="3"
                                        placeholder="Jl. ..."><?= esc($setting['address'] ?? '') ?></textarea>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Desa/Kelurahan</label>
                                    <input type="text" name="village" class="form-control"
                                        value="<?= esc($setting['village'] ?? '') ?>">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Kecamatan</label>
                                    <input type="text" name="district" class="form-control"
                                        value="<?= esc($setting['district'] ?? '') ?>">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Kota/Kabupaten</label>
                                    <input type="text" name="city" class="form-control"
                                        value="<?= esc($setting['city'] ?? '') ?>">
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Provinsi</label>
                                    <input type="text" name="province" class="form-control"
                                        value="<?= esc($setting['province'] ?? '') ?>">
                                </div>
                                <div class="col-md-2">
                                    <label class="form-label">Kode Pos</label>
                                    <input type="text" name="postal_code" class="form-control"
                                        value="<?= esc($setting['postal_code'] ?? '') ?>">
                                </div>
                            </div>
                        </div>

                        <!-- Tab Kepala Madrasah -->
                        <div class="tab-pane fade" id="kepala">
                            <div class="row g-3">
                                <div class="col-md-8">
                                    <label class="form-label">Nama <?= $kepalaLabel ?></label>
                                    <input type="text" name="principal_name" class="form-control"
                                        value="<?= esc($setting['principal_name'] ?? '') ?>"
                                        placeholder="Nama lengkap beserta gelar">
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">NIP</label>
                                    <input type="text" name="principal_nip" class="form-control"
                                        value="<?= esc($setting['principal_nip'] ?? '') ?>"
                                        placeholder="18 digit NIP">
                                </div>
                            </div>
                        </div>

                        <div class="tab-pane fade" id="tabungan">
                            <div class="row g-3">
                                <div class="col-md-8">
                                    <label class="form-label">Petugas Tabungan Default</label>
                                    <select name="tabungan_officer_teacher_id" class="form-select">
                                        <option value="">-- Belum ditentukan --</option>
                                        <?php foreach (($teachers ?? []) as $teacher): ?>
                                        <option value="<?= $teacher['id'] ?>" <?= ((string) ($setting['tabungan_officer_teacher_id'] ?? '') === (string) $teacher['id']) ? 'selected' : '' ?>>
                                            <?= esc($teacher['name']) ?><?= !empty($teacher['nip']) ? ' - ' . esc($teacher['nip']) : '' ?>
                                        </option>
                                        <?php endforeach; ?>
                                    </select>
                                    <div class="form-text">Nama guru ini akan digunakan sebagai petugas pada cetakan tabungan.</div>
                                </div>
                            </div>
                        </div>

                        <!-- Tab LOGO -->
                        <div class="tab-pane fade" id="logo">
                            <div class="row g-3">
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label class="form-label">Logo Kemenag</label>
                                        <input type="file" name="logo_kemenag" class="form-control" accept="image/jpeg,image/png,image/jpg,image/gif">
                                        <div class="form-text text-muted small">
                                            Format: JPG, PNG, GIF | Max 2MB
                                        </div>
                                        <?php if (!empty($setting['logo_kemenag'])): ?>
                                        <div class="mt-2 p-2 border rounded d-inline-block">
                                            <img src="<?= base_url('uploads/logos/' . $setting['logo_kemenag']) ?>" 
                                                style="max-height: 60px; max-width: 120px;">
                                            <br>
                                            <small class="text-muted">Logo saat ini</small>
                                            <a href="/settings/remove-logo/logo_kemenag" 
                                               class="btn btn-sm btn-link text-danger"
                                               onclick="return confirm('Hapus logo Kemenag?')">
                                                <i class="bi bi-trash"></i> Hapus
                                            </a>
                                        </div>
                                        <?php endif; ?>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label class="form-label">Logo Sekolah</label>
                                        <input type="file" name="logo_sekolah" class="form-control" accept="image/jpeg,image/png,image/jpg,image/gif">
                                        <div class="form-text text-muted small">
                                            Format: JPG, PNG, GIF | Max 2MB
                                        </div>
                                        <?php if (!empty($setting['logo_sekolah'])): ?>
                                        <div class="mt-2 p-2 border rounded d-inline-block">
                                            <img src="<?= base_url('uploads/logos/' . $setting['logo_sekolah']) ?>" 
                                                style="max-height: 60px; max-width: 120px;">
                                            <br>
                                            <small class="text-muted">Logo saat ini</small>
                                            <a href="/settings/remove-logo/logo_sekolah" 
                                               class="btn btn-sm btn-link text-danger"
                                               onclick="return confirm('Hapus logo Sekolah?')">
                                                <i class="bi bi-trash"></i> Hapus
                                            </a>
                                        </div>
                                        <?php endif; ?>
                                    </div>
                                </div>
                            </div>
                            <div class="alert alert-info py-2 small mt-2">
                                <i class="bi bi-info-circle me-1"></i>
                                Logo akan tampil di kop surat laporan PDF (Rekap Absensi, dll).
                            </div>
                        </div>

                        <!-- Tab Surat -->
                        <div class="tab-pane fade" id="surat">
                            <div class="row g-3">
                                <div class="col-md-12">
                                    <label class="form-label">Kantor Dinas / Kemenag Pembina</label>
                                    <input type="text" name="letter_kemenag_office" class="form-control"
                                        value="<?= esc($setting['letter_kemenag_office'] ?? '') ?>"
                                        placeholder="Contoh: Dinas Pendidikan Kabupaten Wonogiri atau Kantor Kementerian Agama Kab. Wonogiri">
                                    <div class="form-text text-muted small">
                                        Nama instansi pembina yang akan tampil di baris teratas kop surat (opsional)
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <label class="form-label">Nama Lembaga di Kop Surat</label>
                                    <input type="text" name="letter_school_name" class="form-control"
                                        value="<?= esc($setting['letter_school_name'] ?? '') ?>"
                                        placeholder="Contoh: SMP NEGERI 1 CONTOH atau MADRASAH TSANAWIYAH NEGERI 1 CONTOH">
                                    <div class="form-text text-muted small">
                                        Nama lengkap lembaga di kop surat (biasanya HURUF BESAR).
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Kode Lembaga (No. Surat)</label>
                                    <input type="text" name="letter_school_code" class="form-control"
                                        value="<?= esc($setting['letter_school_code'] ?? '') ?>"
                                        placeholder="Contoh: SMP.01.02 atau MTs.11.22">
                                    <div class="form-text text-muted small">
                                        Kode lembaga untuk penomoran surat otomatis
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Kota (untuk penutup surat)</label>
                                    <input type="text" name="letter_city" class="form-control"
                                        value="<?= esc($setting['letter_city'] ?? $setting['city'] ?? 'Wonogiri') ?>"
                                        placeholder="Contoh: Wonogiri">
                                    <div class="form-text text-muted small">
                                        Kota yang akan tampil di bagian penutup surat
                                    </div>
                                </div>
                            </div>
                            <div class="alert alert-info py-2 small mt-2">
                                <i class="bi bi-info-circle me-1"></i>
                                Pengaturan ini digunakan untuk format surat resmi (Surat Keterangan Aktif dan Surat Mutasi).
                            </div>
                        </div>

                        <!-- Tab Tata Tertib -->
                        <div class="tab-pane fade" id="tatatertib">
                            <div class="row g-3">
                                <div class="col-md-12">
                                    <label class="form-label fw-bold">Tata Tertib Pengawas Ruang Asesmen</label>
                                    <textarea name="proctor_rules" class="form-control" rows="8"
                                         placeholder="Tulis tata tertib pengawas, pisahkan setiap butir dengan baris baru..."><?= esc($setting['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 text-muted small">
                                        Tuliskan setiap aturan pada baris baru (tekan Enter). Sistem akan otomatis merendernya sebagai daftar berurutan.
                                    </div>
                                </div>
                                <div class="col-md-12 mt-3">
                                    <label class="form-label fw-bold">Tata Tertib Peserta Asesmen</label>
                                    <textarea name="student_rules" class="form-control" rows="8"
                                         placeholder="Tulis tata tertib peserta, pisahkan setiap butir dengan baris baru..."><?= esc($setting['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 text-muted small">
                                        Tuliskan setiap aturan pada baris baru (tekan Enter). Sistem akan otomatis merendernya sebagai daftar berurutan.
                                    </div>
                                </div>
                            </div>
                        </div>

                    <!-- Submit -->
                    <div class="d-flex justify-content-end mt-4 pt-3 border-top">
                        <button type="submit" class="btn btn-primary px-4">
                            <i class="bi bi-save me-2"></i>Simpan Pengaturan
                        </button>
                    </div>

                </form>
            </div>
        </div>
    </div>
</div>

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