<?php
// admin/footer.php
?>
        </main> 
        <footer class="mt-auto py-3 bg-white border-top text-center">
            <div class="container-fluid">
                <small class="text-muted">&copy; <?= date('Y'); ?> PILKASIM - MA Darul Ulum Palangka Raya</small>
            </div>
        </footer>

    </div> </div> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>

<script>
    document.addEventListener("DOMContentLoaded", function() {
        const sidebarToggle = document.getElementById("sidebarToggle");
        if (sidebarToggle) {
            sidebarToggle.addEventListener("click", function(event) {
                event.preventDefault();
                document.getElementById("wrapper").classList.toggle("toggled");
            });
        }
        
        // === LOGIKA BARU UNTUK WARNA STATUS MODAL ===
        function updateStatusColor(selectElement) {
            const selectedValue = selectElement.value;
            selectElement.classList.remove('status-aktif', 'status-tidak-aktif');
            
            if (selectedValue === 'aktif') {
                selectElement.classList.add('status-aktif');
            } else if (selectedValue === 'tidak aktif') {
                selectElement.classList.add('status-tidak-aktif');
            }
        }

        const statusSelects = document.querySelectorAll('.status-select');
        statusSelects.forEach(function(select) {
            // 1. Atur warna awal saat halaman dimuat
            updateStatusColor(select);
            
            // 2. Tambahkan listener untuk memantau perubahan
            select.addEventListener('change', function() {
                updateStatusColor(this);
            });
        });
        // === AKHIR LOGIKA BARU ===
    });
</script>

<style>
    /* Style untuk background status */
    .form-select.status-aktif {
        background-color: #d1e7dd; /* Hijau muda (Bootstrap success) */
        border-color: #b1dfc8;
        font-weight: 500;
        color: #0f5132;
    }
    .form-select.status-tidak-aktif {
        background-color: #f8d7da; /* Merah muda (Bootstrap danger) */
        border-color: #f5c2c7;
        font-weight: 500;
        color: #842029;
    }

    /* Style untuk modal compact di HP */
    @media (max-width: 767px) {
        #jadwalAktifModal .modal-body {
            padding: 1rem; /* Kurangi padding */
        }
        #jadwalAktifModal .modal-body h5 {
            font-size: 1.1rem; /* Perkecil judul */
        }
        #jadwalAktifModal .modal-body .form-label {
            font-size: 0.875rem; /* Perkecil label */
            margin-bottom: 0.25rem;
        }
        #jadwalAktifModal .modal-body .form-control,
        #jadwalAktifModal .modal-body .form-select {
            font-size: 0.875rem; /* Perkecil teks input */
            padding: 0.375rem 0.75rem;
        }
        #jadwalAktifModal .modal-body .mb-3 {
            margin-bottom: 0.75rem !important; /* Kurangi jarak antar elemen */
        }
    }
</style>


<?php 
// Modal ini hanya akan di-render jika ada tahun aktif
// Variabel $id_tahun_aktif dan $tahun_aktif_data berasal dari init.php
if ($id_tahun_aktif && isset($tahun_aktif_data)): 
?>
<div class="modal fade" id="jadwalAktifModal" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <form method="POST" action="pengaturan.php">
                <input type="hidden" name="action" value="update_jadwal_tahun">
                <input type="hidden" name="redirect_page" value="<?= basename($_SERVER['PHP_SELF']) ?>">
                <input type="hidden" name="id_tahun_update" value="<?= $id_tahun_aktif ?>">
                
                <div class="modal-header">
                    <h5 class="modal-title">Edit Jadwal (Tahun <?= htmlspecialchars($tahun_aktif_display) ?>)</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-info">Hanya satu putaran yang bisa 'aktif' dalam satu waktu.</div>
                    
                    <h5>Putaran 1 (Penyisihan)</h5><hr>
                    <div class="row">
                        <div class="col-md-6 mb-3"><label class="form-label">Nama Putaran 1</label>
                            <input type="text" class="form-control" name="putaran1_nama" value="<?= htmlspecialchars($tahun_aktif_data['putaran1_nama']) ?>"></div>
                        <div class="col-md-6 mb-3"><label class="form-label">Tanggal</label>
                            <input type="date" class="form-control" name="putaran1_tanggal" value="<?= htmlspecialchars($tahun_aktif_data['putaran1_tanggal']) ?>"></div>
                        
                        <div class="col-sm-6 mb-3"><label class="form-label">Jam Mulai</label>
                            <input type="time" class="form-control" name="putaran1_jam_mulai" value="<?= htmlspecialchars($tahun_aktif_data['putaran1_jam_mulai']) ?>"></div>
                        <div class="col-sm-6 mb-3"><label class="form-label">Jam Selesai</label>
                            <input type="time" class="form-control" name="putaran1_jam_selesai" value="<?= htmlspecialchars($tahun_aktif_data['putaran1_jam_selesai']) ?>"></div>
                        
                        <div class="col-12 mb-3"><label class="form-label">Status Putaran 1</label>
                            <select class="form-select status-select" name="putaran1_status">
                                <option value="aktif" <?= $tahun_aktif_data['putaran1_status'] == 'aktif' ? 'selected' : '' ?>>Aktif</option>
                                <option value="tidak aktif" <?= $tahun_aktif_data['putaran1_status'] == 'tidak aktif' ? 'selected' : '' ?>>Tidak Aktif</option>
                            </select></div>
                    </div>

                    <h5 class="mt-4">Putaran 2 (Final)</h5><hr>
                    <div class="row">
                        <div class="col-md-6 mb-3"><label class="form-label">Nama Putaran 2</label>
                            <input type="text" class="form-control" name="putaran2_nama" value="<?= htmlspecialchars($tahun_aktif_data['putaran2_nama']) ?>"></div>
                        <div class="col-md-6 mb-3"><label class="form-label">Tanggal</label>
                            <input type="date" class="form-control" name="putaran2_tanggal" value="<?= htmlspecialchars($tahun_aktif_data['putaran2_tanggal']) ?>"></div>
                        
                        <div class="col-sm-6 mb-3"><label class="form-label">Jam Mulai</label>
                            <input type="time" class="form-control" name="putaran2_jam_mulai" value="<?= htmlspecialchars($tahun_aktif_data['putaran2_jam_mula-i']) ?>"></div>
                        <div class="col-sm-6 mb-3"><label class="form-label">Jam Selesai</label>
                            <input type="time" class="form-control" name="putaran2_jam_selesai" value="<?= htmlspecialchars($tahun_aktif_data['putaran2_jam_selesai']) ?>"></div>
                        
                        <div class="col-12 mb-3"><label class="form-label">Status Putaran 2</label>
                            <select class="form-select status-select" name="putaran2_status">
                                <option value="aktif" <?= $tahun_aktif_data['putaran2_status'] == 'aktif' ? 'selected' : '' ?>>Aktif</option>
                                <option value="tidak aktif" <?= $tahun_aktif_data['putaran2_status'] == 'tidak aktif' ? 'selected' : '' ?>>Tidak Aktif</option>
                            </select></div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
                    <button type="submit" class="btn btn-primary">Simpan Jadwal</button>
                </div>
            </form>
        </div>
    </div>
</div>
<?php endif; ?>
</body>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
</html>