<?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 berdasarkan tahun ajaran aktif
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
                   WHERE ds.id_tahunajaran = '$id_tahun_aktif'
                   ORDER BY s.nama_lengkap";
} else {
    // Jika tidak ada tahun ajaran aktif, tampilkan semua siswa
    $query_siswa = "SELECT id_siswa, nisn, nis, nama_lengkap 
                   FROM bind_siswa 
                   ORDER BY nama_lengkap";
}

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

if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    // Ambil data dari form
    $id_siswa = $_POST['id_siswa'];
    $jenis = $_POST['jenis'];
    $tingkat = $_POST['tingkat'];
    $nama_prestasi = $_POST['nama_prestasi'];
    $tahun = $_POST['tahun'];
    $keterangan = $_POST['keterangan'];
    
    // Validasi: Cek apakah siswa sudah memiliki data prestasi dengan nama yang sama
    $query_cek = "SELECT p.id_prestasi, s.nisn, s.nama_lengkap 
                 FROM bind_prestasi_siswa p 
                 JOIN bind_siswa s ON p.id_siswa = s.id_siswa 
                 WHERE p.id_siswa = '$id_siswa' AND p.nama_prestasi = '$nama_prestasi'";
    $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 prestasi <b>" . addslashes($nama_prestasi) . "</b> untuk siswa <b>" . addslashes($data_siswa['nama_lengkap']) . "</b> (NISN: " . $data_siswa['nisn'] . ") sudah ada.'
            });
        </script>";
    } else {
        // Jika belum ada data, lakukan insert
        $sql = "INSERT INTO bind_prestasi_siswa (id_siswa, jenis, tingkat, nama_prestasi, tahun, keterangan) 
                VALUES ('$id_siswa', '$jenis', '$tingkat', '$nama_prestasi', '$tahun', '$keterangan')";
        
        if ($conn->query($sql)) {
            echo "<script>
                Swal.fire({
                    icon: 'success',
                    title: 'Berhasil',
                    text: 'Data prestasi 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>";
        }
    }
}
?>

<div class="container mt-4">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h2><i class="fas fa-trophy me-2"></i>Tambah Data Prestasi</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-trophy me-2"></i>Formulir Data Prestasi</h5>
            <?php if ($tahun_aktif): ?>
            <small class="d-block mt-1">Menampilkan siswa dari tahun ajaran aktif</small>
            <?php else: ?>
            <small class="d-block mt-1 text-warning">Tidak ada tahun ajaran aktif, menampilkan semua siswa</small>
            <?php endif; ?>
        </div>
        <div class="card-body p-4">
            <form method="POST" id="formTambahPrestasi">
                <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 
                                    while ($siswa = mysqli_fetch_assoc($result_siswa)): 
                                    ?>
                                    <option value="<?= $siswa['id_siswa']; ?>">
                                        <?= $siswa['nisn'] . ' - ' . $siswa['nama_lengkap'] . ' (' . $siswa['nis'] . ')'; ?>
                                    </option>
                                    <?php endwhile; ?>
                                </select>
                            </div>
                            <?php if ($tahun_aktif): ?>
                            <small class="form-text text-muted">Hanya menampilkan siswa dari tahun ajaran aktif</small>
                            <?php else: ?>
                            <small class="form-text text-warning">Tidak ada tahun ajaran aktif, menampilkan semua siswa</small>
                            <?php endif; ?>
                        </div>
                        
                        <div class="mb-3">
                            <label for="jenis" class="form-label">Jenis Prestasi <span class="text-danger">*</span></label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="fas fa-tag"></i></span>
                                <select class="form-select" id="jenis" name="jenis" required>
                                    <option value="">Pilih Jenis</option>
                                    <option value="Akademik">Akademik</option>
                                    <option value="Non Akademik">Non Akademik</option>
                                </select>
                            </div>
                        </div>
                        
                        <div class="mb-3">
                            <label for="tingkat" class="form-label">Tingkat Prestasi <span class="text-danger">*</span></label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="fas fa-signal"></i></span>
                                <select class="form-select" id="tingkat" name="tingkat" required>
                                    <option value="">Pilih Tingkat</option>
                                    <option value="Sekolah">Sekolah</option>
                                    <option value="Kabupaten">Kabupaten</option>
                                    <option value="Provinsi">Provinsi</option>
                                    <option value="Nasional">Nasional</option>
                                    <option value="International">International</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="nama_prestasi" class="form-label">Nama Prestasi <span class="text-danger">*</span></label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="fas fa-trophy"></i></span>
                                <input type="text" class="form-control" id="nama_prestasi" name="nama_prestasi" required placeholder="Nama prestasi">
                            </div>
                        </div>
                        
                        <div class="mb-3">
                            <label for="tahun" class="form-label">Tahun <span class="text-danger">*</span></label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="fas fa-calendar"></i></span>
                                <input type="number" class="form-control" id="tahun" name="tahun" required 
                                       min="2000" max="2099" value="<?= date('Y'); ?>" placeholder="Tahun prestasi">
                            </div>
                        </div>
                        
                        <div class="mb-3">
                            <label for="keterangan" class="form-label">Keterangan</label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="fas fa-info-circle"></i></span>
                                <textarea class="form-control" id="keterangan" name="keterangan" rows="3" placeholder="Keterangan tambahan"></textarea>
                            </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('formTambahPrestasi').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'
            });
        }
    });
});

$(document).ready(function() {
    // Inisialisasi Select2
    $('#id_siswa').select2({
        theme: 'bootstrap4',
        placeholder: "Pilih Siswa",
        allowClear: true
    });
});
</script>

<style>
.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;
}

.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>

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