<?php
require_once '../includes/header.php';
require_once '../includes/navbar.php';

// Ambil tahun ajaran yang aktif
$query_tahun_aktif = "SELECT id_tahunajaran FROM bind_tahunajaran WHERE aktif = TRUE LIMIT 1";
$result_tahun_aktif = mysqli_query($conn, $query_tahun_aktif);
$tahun_aktif = mysqli_fetch_assoc($result_tahun_aktif);

// Ambil data siswa untuk dropdown yang BELUM memiliki data pendidikan (QUERY DIPERBAIKI)
if ($tahun_aktif) {
    $id_tahun_aktif = $tahun_aktif['id_tahunajaran'];
    $query_siswa = "SELECT s.id_siswa, s.nisn, s.nis, s.nama_lengkap 
                   FROM bind_siswa s
                   JOIN bind_datasiswa ds ON s.id_siswa = ds.id_siswa
                   LEFT JOIN bind_pendidikan_siswa ps ON s.id_siswa = ps.id_siswa
                   WHERE ds.id_tahunajaran = '$id_tahun_aktif' 
                   AND ps.id_pendidikan IS NULL
                   ORDER BY s.nama_lengkap";
} else {
    // Jika tidak ada tahun ajaran aktif, tampilkan semua siswa yang belum memiliki data pendidikan
    $query_siswa = "SELECT s.id_siswa, s.nisn, s.nis, s.nama_lengkap 
                   FROM bind_siswa s
                   LEFT JOIN bind_pendidikan_siswa ps ON s.id_siswa = ps.id_siswa
                   WHERE ps.id_pendidikan IS NULL
                   ORDER BY s.nama_lengkap";
}

$result_siswa = mysqli_query($conn, $query_siswa);

if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    // Ambil data dari form
    $id_siswa = $_POST['id_siswa'];
    $asal_sekolah = $_POST['asal_sekolah'];
    $no_sttb = $_POST['no_sttb'];
    $tgl_sttb = (!empty($_POST['tgl_sttb'])) ? $_POST['tgl_sttb'] : NULL;
    $no_skhun = $_POST['no_skhun'];
    $tgl_skhun = (!empty($_POST['tgl_skhun'])) ? $_POST['tgl_skhun'] : NULL;
    $lama_belajar = $_POST['lama_belajar'];
    $pindahan_dari = $_POST['pindahan_dari'];
    $alasan_pindah = $_POST['alasan_pindah'];
    $diterima_di_kelas = $_POST['diterima_di_kelas'];
    $paket = $_POST['paket'];
    $tanggal_diterima = $_POST['tanggal_diterima'];
    
    // Validasi: Cek apakah siswa sudah memiliki data pendidikan (sebagai pengaman tambahan)
    $query_cek = "SELECT ps.id_pendidikan, s.nisn, s.nama_lengkap 
                 FROM bind_pendidikan_siswa ps 
                 JOIN bind_siswa s ON ps.id_siswa = s.id_siswa 
                 WHERE ps.id_siswa = '$id_siswa'";
    $result_cek = mysqli_query($conn, $query_cek);
    
    if (mysqli_num_rows($result_cek) > 0) {
        $data_siswa = mysqli_fetch_assoc($result_cek);
        echo "<script>
            Swal.fire({
                icon: 'error',
                title: 'Gagal',
                html: 'Data pendidikan untuk siswa <b>" . addslashes($data_siswa['nama_lengkap']) . "</b> (NISN: " . $data_siswa['nisn'] . ") sudah ada.<br>Silakan edit data yang sudah ada atau pilih siswa lain.'
            });
        </script>";
    } else {
        // Jika belum ada data, lakukan insert dengan prepared statement
        $sql = "INSERT INTO bind_pendidikan_siswa (id_siswa, asal_sekolah, no_sttb, tgl_sttb, no_skhun, tgl_skhun, 
                lama_belajar, pindahan_dari, alasan_pindah, diterima_di_kelas, paket, tanggal_diterima) 
                VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)";
        
        $stmt = $conn->prepare($sql);
        $stmt->bind_param("isssssssssss", 
            $id_siswa,
            $asal_sekolah,
            $no_sttb,
            $tgl_sttb,
            $no_skhun,
            $tgl_skhun,
            $lama_belajar,
            $pindahan_dari,
            $alasan_pindah,
            $diterima_di_kelas,
            $paket,
            $tanggal_diterima
        );
        
        if ($stmt->execute()) {
            echo "<script>
                Swal.fire({
                    icon: 'success',
                    title: 'Berhasil',
                    text: 'Data pendidikan berhasil ditambahkan'
                }).then(() => {
                    window.location.href = 'index.php';
                });
            </script>";
        } else {
            echo "<script>
                Swal.fire({
                    icon: 'error',
                    title: 'Gagal',
                    text: 'Terjadi kesalahan: " . addslashes($conn->error) . "'
                });
            </script>";
        }
        $stmt->close();
    }
}
?>

<div class="container mt-4">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h2><i class="fas fa-plus-circle me-2"></i>Tambah Data Pendidikan</h2>
        <a href="index.php" class="btn btn-secondary">
            <i class="fas fa-arrow-left me-1"></i> Kembali
        </a>
    </div>
    
    <div class="card border-0 shadow-lg">
        <div class="card-header bg-primary text-white py-3">
            <h5 class="card-title mb-0"><i class="fas fa-graduation-cap me-2"></i>Formulir Data Pendidikan</h5>
            <?php if ($tahun_aktif): ?>
            <small class="d-block mt-1">Menampilkan siswa dari tahun ajaran aktif yang belum memiliki data pendidikan</small>
            <?php else: ?>
            <small class="d-block mt-1 text-warning">Tidak ada tahun ajaran aktif, menampilkan semua siswa yang belum memiliki data pendidikan</small>
            <?php endif; ?>
        </div>
        <div class="card-body p-4">
            <form method="POST" id="formTambahPendidikan">
                <div class="row">
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="id_siswa" class="form-label">Siswa <span class="text-danger">*</span></label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="fas fa-user-graduate"></i></span>
                                <select class="form-select select2" id="id_siswa" name="id_siswa" required>
                                    <option value="">Pilih Siswa</option>
                                    <?php 
                                    if ($result_siswa && mysqli_num_rows($result_siswa) > 0):
                                        mysqli_data_seek($result_siswa, 0);
                                        while ($siswa = mysqli_fetch_assoc($result_siswa)): 
                                    ?>
                                    <option value="<?= $siswa['id_siswa']; ?>">
                                        <?= htmlspecialchars($siswa['nisn'] . ' - ' . $siswa['nama_lengkap'] . ' (' . $siswa['nis'] . ')'); ?>
                                    </option>
                                    <?php 
                                        endwhile;
                                    else:
                                    ?>
                                    <option value="">Tidak ada siswa yang tersedia</option>
                                    <?php endif; ?>
                                </select>
                            </div>
                            <small class="form-text text-muted">Hanya menampilkan siswa yang belum memiliki data pendidikan</small>
                        </div>
                        
                        <div class="mb-3">
                            <label for="asal_sekolah" class="form-label">Asal Sekolah</label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="fas fa-school"></i></span>
                                <input type="text" class="form-control" id="asal_sekolah" name="asal_sekolah" placeholder="Nama sekolah asal">
                            </div>
                        </div>
                        
                        <div class="mb-3">
                            <label for="no_sttb" class="form-label">No. STTB</label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="fas fa-file-alt"></i></span>
                                <input type="text" class="form-control" id="no_sttb" name="no_sttb" placeholder="Nomor STTB">
                            </div>
                        </div>
                        
                        <div class="mb-3">
                            <label for="tgl_sttb" class="form-label">Tanggal STTB</label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="fas fa-calendar"></i></span>
                                <input type="date" class="form-control" id="tgl_sttb" name="tgl_sttb">
                            </div>
                        </div>
                        
                        <div class="mb-3">
                            <label for="no_skhun" class="form-label">No. SKHUN</label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="fas fa-file-certificate"></i></span>
                                <input type="text" class="form-control" id="no_skhun" name="no_skhun" placeholder="Nomor SKHUN">
                            </div>
                        </div>
                        
                        <div class="mb-3">
                            <label for="tgl_skhun" class="form-label">Tanggal SKHUN</label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="fas fa-calendar"></i></span>
                                <input type="date" class="form-control" id="tgl_skhun" name="tgl_skhun">
                            </div>
                        </div>
                    </div>
                    
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="lama_belajar" class="form-label">Lama Belajar</label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="fas fa-clock"></i></span>
                                <input type="text" class="form-control" id="lama_belajar" name="lama_belajar" placeholder="Contoh: 6 tahun">
                            </div>
                        </div>
                        
                        <div class="mb-3">
                            <label for="pindahan_dari" class="form-label">Pindahan Dari</label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="fas fa-exchange-alt"></i></span>
                                <input type="text" class="form-control" id="pindahan_dari" name="pindahan_dari" placeholder="Sekolah sebelumnya">
                            </div>
                        </div>
                        
                        <div class="mb-3">
                            <label for="alasan_pindah" class="form-label">Alasan Pindah</label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="fas fa-comment"></i></span>
                                <textarea class="form-control" id="alasan_pindah" name="alasan_pindah" rows="3" placeholder="Alasan pindah sekolah"></textarea>
                            </div>
                        </div>
                        
                        <div class="mb-3">
                            <label for="diterima_di_kelas" class="form-label">Diterima di Kelas</label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="fas fa-chalkboard"></i></span>
                                <select class="form-select" id="diterima_di_kelas" name="diterima_di_kelas">
                                    <option value="">Pilih Kelas</option>
                                    <option value="X">Kelas X</option>
                                    <option value="XI">Kelas XI</option>
                                    <option value="XII">Kelas XII</option>  
                                </select>
                            </div>
                        </div>
                        
                        <div class="mb-3">
                            <label for="paket" class="form-label">Paket</label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="fas fa-book"></i></span>
                                <input type="text" class="form-control" id="paket" name="paket" placeholder="Paket pendidikan">
                            </div>
                        </div>
                        
                        <div class="mb-3">
                            <label for="tanggal_diterima" class="form-label">Tanggal Diterima <span class="text-danger">*</span></label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="fas fa-calendar-check"></i></span>
                                <input type="date" class="form-control" id="tanggal_diterima" name="tanggal_diterima" required value="<?= date('Y-m-d'); ?>">
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="d-flex justify-content-end mt-4">
                    <button type="reset" class="btn btn-secondary me-2">
                        <i class="fas fa-undo me-1"></i> Reset
                    </button>
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-save me-1"></i> Simpan
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- jQuery (required for Select2) -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- Select2 CSS -->
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<!-- Select2 JS -->
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

<script>
document.addEventListener('DOMContentLoaded', function() {
    // Form validation
    document.getElementById('formTambahPendidikan').addEventListener('submit', function(e) {
        let isValid = true;
        const requiredInputs = this.querySelectorAll('[required]');
        
        requiredInputs.forEach(input => {
            if (!input.value.trim()) {
                isValid = false;
                input.classList.add('is-invalid');
            } else {
                input.classList.remove('is-invalid');
            }
        });
        
        if (!isValid) {
            e.preventDefault();
            Swal.fire({
                icon: 'error',
                title: 'Oops...',
                text: 'Harap isi semua field yang wajib diisi!',
                confirmButtonColor: '#3085d6'
            });
        }
    });

    // Reset form validation on reset
    document.querySelector('button[type="reset"]').addEventListener('click', function() {
        const invalidInputs = document.querySelectorAll('.is-invalid');
        invalidInputs.forEach(input => {
            input.classList.remove('is-invalid');
        });
    });
});

$(document).ready(function() {
    // Inisialisasi Select2
    $('#id_siswa').select2({
        theme: 'bootstrap4',
        placeholder: "Pilih Siswa",
        allowClear: true,
        language: {
            noResults: function() {
                return "Tidak ada siswa yang tersedia";
            },
            searching: function() {
                return "Mencari...";
            }
        }
    });

    // Handle ketika tidak ada siswa yang tersedia
    <?php if ($result_siswa && mysqli_num_rows($result_siswa) === 0): ?>
    $('#id_siswa').prop('disabled', true);
    $('#id_siswa').next('.select2-container').css('pointer-events', 'none').css('opacity', '0.7');
    
    Swal.fire({
        icon: 'warning',
        title: 'Tidak Ada Siswa',
        html: 'Tidak ada siswa yang tersedia untuk ditambahkan data pendidikannya.<br>Semua siswa sudah memiliki data pendidikan atau tidak ada siswa yang terdaftar.',
        confirmButtonColor: '#3085d6'
    });
    <?php endif; ?>
});
</script>

<style>
/* Style untuk Select2 */
.select2-container--bootstrap4 .select2-selection--single {
    height: 38px;
    padding: 4px 12px;
    font-size: 1rem;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
}

.select2-container--bootstrap4 .select2-dropdown {
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
}

.select2-container--bootstrap4 .select2-search--dropdown .select2-search__field {
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
}

.select2-container--bootstrap4 .select2-results__option--highlighted {
    background-color: #0d6efd;
    color: white;
}

/* Menyesuaikan tampilan dengan input group */
.input-group .select2-container--bootstrap4 {
    flex: 1 1 auto;
    width: 1% !important;
}

.input-group .select2-container--bootstrap4 .select2-selection {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
}

/* Style untuk select yang disabled */
.select2-container--disabled {
    opacity: 0.7;
    pointer-events: none;
}

/* Style untuk form validation */
.is-invalid {
    border-color: #dc3545 !important;
}

.invalid-feedback {
    display: block;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #dc3545;
}
</style>

<?php
require_once '../includes/footer.php';
?>