<?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 (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
                   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'];
    $hubungan = $_POST['hubungan'];
    $nama = $_POST['nama'];
    $tempat_lahir = $_POST['tempat_lahir'];
    $tanggal_lahir = (!empty($_POST['tanggal_lahir'])) ? $_POST['tanggal_lahir'] : NULL;
    $agama = $_POST['agama'];
    $kewarganegaraan = $_POST['kewarganegaraan'];
    $pendidikan_terakhir = $_POST['pendidikan_terakhir'];
    $pekerjaan = $_POST['pekerjaan'];
    $penghasilan_bulanan = (!empty($_POST['penghasilan_bulanan'])) ? $_POST['penghasilan_bulanan'] : NULL;
    $alamat = $_POST['alamat'];
    $no_hp = $_POST['no_hp'];
    $status_hidup = $_POST['status_hidup'];
    
    // Validasi: Cek apakah siswa sudah memiliki data orang tua dengan hubungan yang sama
    $query_cek = "SELECT ot.id_orangtua, s.nisn, s.nama_lengkap 
                 FROM bind_orang_tua ot 
                 JOIN bind_siswa s ON ot.id_siswa = s.id_siswa 
                 WHERE ot.id_siswa = '$id_siswa' AND ot.hubungan = '$hubungan'";
    $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 $hubungan untuk siswa <b>" . addslashes($data_siswa['nama_lengkap']) . "</b> (NISN: " . $data_siswa['nisn'] . ") sudah ada.<br>Silakan edit data yang sudah ada atau pilih hubungan yang berbeda.'
            });
        </script>";
    } else {
        // Jika belum ada data, lakukan insert dengan prepared statement
        $sql = "INSERT INTO bind_orang_tua (id_siswa, hubungan, nama, tempat_lahir, tanggal_lahir, 
                agama, kewarganegaraan, pendidikan_terakhir, pekerjaan, penghasilan_bulanan, 
                alamat, no_hp, status_hidup) 
                VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)";
        
        $stmt = $conn->prepare($sql);
        $stmt->bind_param("issssssssdsss", 
            $id_siswa,
            $hubungan,
            $nama,
            $tempat_lahir,
            $tanggal_lahir,
            $agama,
            $kewarganegaraan,
            $pendidikan_terakhir,
            $pekerjaan,
            $penghasilan_bulanan,
            $alamat,
            $no_hp,
            $status_hidup
        );
        
        if ($stmt->execute()) {
            echo "<script>
                Swal.fire({
                    icon: 'success',
                    title: 'Berhasil',
                    text: 'Data orang tua 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-user-plus me-2"></i>Tambah Data Orang Tua / Wali</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-users me-2"></i>Formulir Data Orang Tua / Wali</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="formTambahOrangTua">
                <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):
                                        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>
                        </div>
                        
                        <div class="mb-3">
                            <label for="hubungan" class="form-label">Hubungan <span class="text-danger">*</span></label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="fas fa-heart"></i></span>
                                <select class="form-select" id="hubungan" name="hubungan" required>
                                    <option value="">Pilih Hubungan</option>
                                    <option value="Ayah">Ayah</option>
                                    <option value="Ibu">Ibu</option>
                                    <option value="Wali">Wali</option>
                                </select>
                            </div>
                        </div>
                        
                        <div class="mb-3">
                            <label for="nama" class="form-label">Nama Lengkap <span class="text-danger">*</span></label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="fas fa-user"></i></span>
                                <input type="text" class="form-control" id="nama" name="nama" required placeholder="Nama lengkap orang tua/wali">
                            </div>
                        </div>
                        
                        <div class="mb-3">
                            <label for="tempat_lahir" class="form-label">Tempat Lahir</label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="fas fa-map-marker-alt"></i></span>
                                <input type="text" class="form-control" id="tempat_lahir" name="tempat_lahir" placeholder="Tempat lahir">
                            </div>
                        </div>
                        
                        <div class="mb-3">
                            <label for="tanggal_lahir" class="form-label">Tanggal Lahir</label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="fas fa-calendar"></i></span>
                                <input type="date" class="form-control" id="tanggal_lahir" name="tanggal_lahir">
                            </div>
                        </div>
                        
                        <div class="mb-3">
                            <label for="agama" class="form-label">Agama</label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="fas fa-pray"></i></span>
                                <select class="form-select" id="agama" name="agama">
                                    <option value="">Pilih Agama</option>
                                    <option value="Islam">Islam</option>
                                    <option value="Kristen">Kristen</option>
                                    <option value="Katolik">Katolik</option>
                                    <option value="Hindu">Hindu</option>
                                    <option value="Buddha">Buddha</option>
                                    <option value="Konghucu">Konghucu</option>
                                </select>
                            </div>
                        </div>
                        <div class="mb-3">
                            <label for="kewarganegaraan" class="form-label">Kewarganegaraan</label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="fas fa-globe"></i></span>
                                <input type="text" class="form-control" id="kewarganegaraan" name="kewarganegaraan" value="Indonesia" placeholder="Kewarganegaraan">
                            </div>
                        </div>
                    </div>
                    
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="pendidikan_terakhir" class="form-label">Pendidikan Terakhir</label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="fas fa-graduation-cap"></i></span>
                                <select class="form-select" id="pendidikan_terakhir" name="pendidikan_terakhir">
                                    <option value="">Pilih Pendidikan</option>
                                    <option value="Tidak Sekolah">Tidak Sekolah</option>
                                    <option value="SD/Sederajat">SD/Sederajat</option>
                                    <option value="SMP/Sederajat">SMP/Sederajat</option>
                                    <option value="SMA/Sederajat">SMA/Sederajat</option>
                                    <option value="D1/D2/D3">D1/D2/D3</option>
                                    <option value="S1/D4">S1/D4</option>
                                    <option value="S2">S2</option>
                                    <option value="S3">S3</option>
                                </select>
                            </div>
                        </div>
                        
                        <div class="mb-3">
                            <label for="pekerjaan" class="form-label">Pekerjaan</label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="fas fa-briefcase"></i></span>
                                <input type="text" class="form-control" id="pekerjaan" name="pekerjaan" placeholder="Pekerjaan">
                            </div>
                        </div>
                        
                        <div class="mb-3">
                            <label for="penghasilan_bulanan" class="form-label">Penghasilan Bulanan (Rp)</label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="fas fa-money-bill-wave"></i></span>
                                <input type="number" class="form-control" id="penghasilan_bulanan" name="penghasilan_bulanan" min="0" step="100000" placeholder="0">
                            </div>
                        </div>
                        
                        <div class="mb-3">
                            <label for="alamat" class="form-label">Alamat</label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="fas fa-home"></i></span>
                                <textarea class="form-control" id="alamat" name="alamat" rows="4" placeholder="Alamat lengkap"></textarea>
                            </div>
                        </div>
                        
                        <div class="mb-3">
                            <label for="no_hp" class="form-label">No. HP</label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="fas fa-phone"></i></span>
                                <input type="text" class="form-control" id="no_hp" name="no_hp" placeholder="Nomor handphone">
                            </div>
                        </div>
                        
                        <div class="mb-3">
                            <label for="status_hidup" class="form-label">Status <span class="text-danger">*</span></label>
                            <div class="input-group">
                                <span class="input-group-text"><i class="fas fa-heartbeat"></i></span>
                                <select class="form-select" id="status_hidup" name="status_hidup" required>
                                    <option value="Hidup" selected>Hidup</option>
                                    <option value="Meninggal">Meninggal</option>
                                </select>
                            </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('formTambahOrangTua').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
    });

    // 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 orang tua.<br>Pastikan sudah ada siswa yang terdaftar.',
        confirmButtonColor: '#3085d6'
    });
    <?php endif; ?>
});
</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;
}

.select2-container--disabled {
    opacity: 0.7;
    pointer-events: none;
}
</style>

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