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

// Ambil ID perkembangan dari URL
$id_perkembangan = $_GET['id'] ?? 0;

// Query untuk mengambil data perkembangan siswa - PERBAIKAN QUERY
$query = "SELECT ps.*, s.*, t.tahun_ajaran 
          FROM bind_perkembangan_siswa ps 
          JOIN bind_siswa s ON ps.id_siswa = s.id_siswa 
          JOIN bind_datasiswa ds ON s.id_siswa = ds.id_siswa
          JOIN bind_tahunajaran t ON ds.id_tahunajaran = t.id_tahunajaran 
          WHERE ps.id_perkembangan = $id_perkembangan";
$result = mysqli_query($conn, $query);
$perkembangan = mysqli_fetch_assoc($result);

// Cek jika data tidak ditemukan
if (!$perkembangan) {
    echo "<script>
        Swal.fire({
            icon: 'error',
            title: 'Error',
            text: 'Data perkembangan siswa tidak ditemukan'
        }).then(() => {
            window.location.href = 'index.php';
        });
    </script>";
    exit;
}

// Format tanggal untuk tampilan
$tanggal_lahir = $perkembangan['tanggal_lahir'] ? date('d/m/Y', strtotime($perkembangan['tanggal_lahir'])) : '-';
$tanggal_keluar = $perkembangan['tanggal_keluar'] ? date('d/m/Y', strtotime($perkembangan['tanggal_keluar'])) : '-';
$tgl_ijazah = $perkembangan['tgl_ijazah'] ? date('d/m/Y', strtotime($perkembangan['tgl_ijazah'])) : '-';
$tgl_skhun = $perkembangan['tgl_skhun'] ? date('d/m/Y', strtotime($perkembangan['tgl_skhun'])) : '-';
$status_lulus = $perkembangan['lulus'] ? '<span class="badge bg-success">Lulus</span>' : '<span class="badge bg-secondary">Tidak Lulus</span>';
?>

<div class="container mt-4">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h2><i class="fas fa-info-circle me-2"></i>Detail Perkembangan Siswa</h2>
        <div>
            <a href="edit.php?id=<?= $perkembangan['id_perkembangan'] ?>" class="btn btn-warning">
                <i class="fas fa-edit me-1"></i> Edit
            </a>
            <a href="index.php" class="btn btn-secondary">
                <i class="fas fa-arrow-left me-1"></i> Kembali
            </a>
        </div>
    </div>
    
    <div class="row">
        <!-- Informasi Siswa -->
        <div class="col-md-4 mb-4">
            <div class="card border-0 shadow-lg h-100">
                <div class="card-header bg-primary text-white py-3">
                    <h5 class="card-title mb-0"><i class="fas fa-user-graduate me-2"></i>Informasi Siswa</h5>
                </div>
                <div class="card-body">
                    <?php if ($perkembangan['foto_masuk']): ?>
                    <div class="text-center mb-3">
                        <img src="../uploads/foto-siswa/<?= $perkembangan['foto_masuk'] ?>" 
                             alt="Foto Siswa" class="img-thumbnail" style="max-height: 200px;">
                    </div>
                    <?php endif; ?>
                    
                    <table class="table table-sm">
                        <tr>
                            <th width="40%">NISN</th>
                            <td><?= $perkembangan['nisn'] ?></td>
                        </tr>
                        <tr>
                            <th>NIS</th>
                            <td><?= $perkembangan['nis'] ?></td>
                        </tr>
                        <tr>
                            <th>Nama Lengkap</th>
                            <td><?= $perkembangan['nama_lengkap'] ?></td>
                        </tr>
                        <tr>
                            <th>Nama Panggilan</th>
                            <td><?= $perkembangan['nama_panggilan'] ?: '-' ?></td>
                        </tr>
                        <tr>
                            <th>Jenis Kelamin</th>
                            <td><?= $perkembangan['jenis_kelamin'] == 'L' ? 'Laki-laki' : 'Perempuan' ?></td>
                        </tr>
                        <tr>
                            <th>Tempat/Tgl Lahir</th>
                            <td><?= $perkembangan['tempat_lahir'] ?: '-' ?> / <?= $tanggal_lahir ?></td>
                        </tr>
                        <tr>
                            <th>Agama</th>
                            <td><?= $perkembangan['agama'] ?: '-' ?></td>
                        </tr>
                        <tr>
                            <th>Tahun Ajaran</th>
                            <td><?= $perkembangan['tahun_ajaran'] ?></td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        
        <!-- Informasi Perkembangan -->
        <div class="col-md-8 mb-4">
            <div class="card border-0 shadow-lg h-100">
                <div class="card-header bg-success text-white py-3">
                    <h5 class="card-title mb-0"><i class="fas fa-chart-line me-2"></i>Informasi Perkembangan</h5>
                </div>
                <div class="card-body">
                    <div class="row mb-4">
                        <div class="col-md-6">
                            <div class="card bg-light">
                                <div class="card-body text-center">
                                    <h6 class="card-title text-primary">Status Kelulusan</h6>
                                    <div class="display-6 fw-bold"><?= $status_lulus ?></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card bg-light">
                                <div class="card-body text-center">
                                    <h6 class="card-title text-primary">Tanggal Keluar</h6>
                                    <div class="display-6 fw-bold"><?= $tanggal_keluar ?></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <h6 class="border-bottom pb-2 mb-3">Detail Keluar</h6>
                    <table class="table table-sm">
                        <tr>
                            <th width="30%">Alasan Keluar</th>
                            <td><?= $perkembangan['alasan_keluar'] ? nl2br(htmlspecialchars($perkembangan['alasan_keluar'])) : '-' ?></td>
                        </tr>
                    </table>
                    
                    <h6 class="border-bottom pb-2 mb-3 mt-4">Dokumen Kelulusan</h6>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-header bg-info text-white py-2">
                                    <h6 class="card-title mb-0"><i class="fas fa-file-certificate me-1"></i>Ijazah</h6>
                                </div>
                                <div class="card-body">
                                    <table class="table table-sm">
                                        <tr>
                                            <th width="40%">Nomor</th>
                                            <td><?= $perkembangan['no_ijazah'] ?: '-' ?></td>
                                        </tr>
                                        <tr>
                                            <th>Tanggal</th>
                                            <td><?= $tgl_ijazah ?></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-header bg-info text-white py-2">
                                    <h6 class="card-title mb-0"><i class="fas fa-file-alt me-1"></i>SKHUN</h6>
                                </div>
                                <div class="card-body">
                                    <table class="table table-sm">
                                        <tr>
                                            <th width="40%">Nomor</th>
                                            <td><?= $perkembangan['no_skhun'] ?: '-' ?></td>
                                        </tr>
                                        <tr>
                                            <th>Tanggal</th>
                                            <td><?= $tgl_skhun ?></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <?php if ($perkembangan['foto_lulus']): ?>
                    <h6 class="border-bottom pb-2 mb-3 mt-4">Foto Keluar/Lulus</h6>
                    <div class="text-center">
                        <img src="../uploads/foto-lulus/<?= $perkembangan['foto_lulus'] ?>" 
                             alt="Foto Lulus" class="img-thumbnail" style="max-height: 250px;">
                        <div class="mt-2">
                            <a href="../uploads/foto-lulus/<?= $perkembangan['foto_lulus'] ?>" 
                               target="_blank" class="btn btn-sm btn-outline-primary">
                                <i class="fas fa-external-link-alt me-1"></i> Lihat Full Size
                            </a>
                        </div>
                    </div>
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Informasi Kontak -->
    <div class="row">
        <div class="col-md-6 mb-4">
            <div class="card border-0 shadow-lg">
                <div class="card-header bg-warning text-dark py-3">
                    <h5 class="card-title mb-0"><i class="fas fa-address-card me-2"></i>Informasi Kontak</h5>
                </div>
                <div class="card-body">
                    <table class="table table-sm">
                        <tr>
                            <th width="40%">Alamat</th>
                            <td><?= $perkembangan['alamat'] ? nl2br(htmlspecialchars($perkembangan['alamat'])) : '-' ?></td>
                        </tr>
                        <tr>
                            <th>No. HP</th>
                            <td><?= $perkembangan['no_hp'] ?: '-' ?></td>
                        </tr>
                        <tr>
                            <th>Tinggal Dengan</th>
                            <td><?= $perkembangan['tinggal_dengan'] ?: '-' ?></td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        
        <!-- Informasi Kesehatan -->
        <div class="col-md-6 mb-4">
            <div class="card border-0 shadow-lg">
                <div class="card-header bg-info text-white py-3">
                    <h5 class="card-title mb-0"><i class="fas fa-heartbeat me-2"></i>Informasi Kesehatan</h5>
                </div>
                <div class="card-body">
                    <table class="table table-sm">
                        <tr>
                            <th width="40%">Golongan Darah</th>
                            <td><?= $perkembangan['golongan_darah'] ?: '-' ?></td>
                        </tr>
                        <tr>
                            <th>Riwayat Penyakit</th>
                            <td><?= $perkembangan['riwayat_penyakit'] ? nl2br(htmlspecialchars($perkembangan['riwayat_penyakit'])) : '-' ?></td>
                        </tr>
                        <tr>
                            <th>Kelainan Jasmani</th>
                            <td><?= $perkembangan['kelainan_jasmani'] ? nl2br(htmlspecialchars($perkembangan['kelainan_jasmani'])) : '-' ?></td>
                        </tr>
                        <tr>
                            <th>Tinggi/Berat</th>
                            <td>
                                <?= $perkembangan['tinggi_cm'] ? $perkembangan['tinggi_cm'] . ' cm' : '-' ?> / 
                                <?= $perkembangan['berat_kg'] ? $perkembangan['berat_kg'] . ' kg' : '-' ?>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
.card {
    border-radius: 12px;
    overflow: hidden;
}

.card-header {
    border-radius: 12px 12px 0 0 !important;
}

.table th {
    font-weight: 600;
    color: #495057;
    background-color: #f8f9fa;
}

.badge {
    font-size: 1rem;
    padding: 0.5rem 1rem;
}

.display-6 {
    font-size: 1.8rem;
}
</style>

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