Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 5.14.0-611.26.1.el9_7.x86_64

PHP Version:

8.4.15

User:

u892747680

Directory:

/home/u892747680/domains/sisteminformasic.com/public_html/kbnuruljadid/admin

Free Space:

9.88 TB

🔧 Quick Actions

✏️ Editing: kelola-siswa.php

<?php
session_start();
if (!isset($_SESSION['admin_id'])) {
    header("Location: login.php");
    exit;
}

include '../config.php';

// ==================================================================
// ✅ AUTO-SETUP DATABASE SISWA
// ==================================================================
// Memastikan tabel pendaftaran (yang juga berfungsi sebagai database siswa) tersedia
$check_table = mysqli_query($conn, "SHOW TABLES LIKE 'pendaftaran'");
if (mysqli_num_rows($check_table) == 0) {
    $sql_create = "CREATE TABLE pendaftaran (
        id INT(11) UNSIGNED AUTO_INCREMENT PRIMARY KEY,
        nama_anak VARCHAR(255) NOT NULL,
        jenis_kelamin VARCHAR(20) NULL,
        status VARCHAR(20) DEFAULT 'pending',
        tahun_masuk YEAR NULL,
        tanggal_daftar TIMESTAMP DEFAULT CURRENT_TIMESTAMP
    )";
    mysqli_query($conn, $sql_create);
}

// Pastikan kolom tahun_masuk ada (penting untuk filter siswa)
$check_col = mysqli_query($conn, "SHOW COLUMNS FROM pendaftaran LIKE 'tahun_masuk'");
if (mysqli_num_rows($check_col) == 0) {
    mysqli_query($conn, "ALTER TABLE pendaftaran ADD COLUMN tahun_masuk YEAR NULL");
}

// Pastikan kolom NIS (Nomor Induk Siswa) ada
$check_nis = mysqli_query($conn, "SHOW COLUMNS FROM pendaftaran LIKE 'nis'");
if (mysqli_num_rows($check_nis) == 0) {
    mysqli_query($conn, "ALTER TABLE pendaftaran ADD COLUMN nis VARCHAR(50) NULL AFTER id");
}

// ==================================================================
// 🔧 FIX STRUKTUR DATABASE (AUTO_INCREMENT)
// ==================================================================
// Cek apakah kolom ID sudah AUTO_INCREMENT
$check_ai = mysqli_query($conn, "SHOW COLUMNS FROM pendaftaran WHERE Field = 'id' AND Extra LIKE '%auto_increment%'");
if (mysqli_num_rows($check_ai) == 0) {
    // Jika ada ID 0 (akibat insert tanpa AI), update ke angka baru yang aman
    $check_zero = mysqli_query($conn, "SELECT count(*) as total FROM pendaftaran WHERE id = 0");
    $row_zero = mysqli_fetch_assoc($check_zero);
    $total_zero = $row_zero['total'];

if ($total_zero > 0) {
        // Ambil semua ID yang sudah ada untuk menghindari duplikasi
        $existing_ids = [];
        $res_ids = mysqli_query($conn, "SELECT id FROM pendaftaran WHERE id != 0");
        while($r_id = mysqli_fetch_assoc($res_ids)) {
            $existing_ids[] = (int)$r_id['id'];
        }

// Tentukan start ID
        $next_id = 1;
        if (!empty($existing_ids)) {
            $next_id = max($existing_ids) + 1;
        }

// Loop sebanyak jumlah ID 0
        for ($i = 0; $i < $total_zero; $i++) {
            // Cari ID yang belum terpakai berdasarkan data array
            while (in_array($next_id, $existing_ids)) {
                $next_id++;
            }
            
            // Update satu per satu
            // Gunakan try-catch Throwable untuk menangkap semua jenis error database di PHP 8+
            try {
                mysqli_query($conn, "UPDATE pendaftaran SET id = $next_id WHERE id = 0 LIMIT 1");
                $existing_ids[] = $next_id; // Tambahkan ke array lokal agar tidak dipilih lagi
            } catch (\Throwable $e) { 
                // Abaikan error duplicate, lanjut loop
            }
            $next_id++;
        }
    }

// 🔧 FIX GENERAL DUPLICATE IDs (PENTING: Hapus Duplikat Sebelum Add Primary Key)
    // Cek jika ada ID kembar selain 0 (misal ID 8 ada dua baris)
    $dup_query = mysqli_query($conn, "SELECT id, COUNT(*) as c FROM pendaftaran GROUP BY id HAVING c > 1");
    while($dup_row = mysqli_fetch_assoc($dup_query)) {
        $dup_id = $dup_row['id'];
        $count = $dup_row['c'];
        
        // Loop untuk update duplikat (sisakan 1, ubah sisanya)
        for($k = 1; $k < $count; $k++) {
            // Cari ID baru yang aman (Max ID + 1)
            $max_q = mysqli_query($conn, "SELECT MAX(id) as max_id FROM pendaftaran");
            $max_r = mysqli_fetch_assoc($max_q);
            $new_safe_id = $max_r['max_id'] + 1;
            
            // Update satu baris duplikat ke ID baru
            mysqli_query($conn, "UPDATE pendaftaran SET id = $new_safe_id WHERE id = $dup_id LIMIT 1");
        }
    }
    
    // Pastikan Primary Key ada sebelum Auto Increment
    $check_pk = mysqli_query($conn, "SHOW KEYS FROM pendaftaran WHERE Key_name = 'PRIMARY'");
    if (mysqli_num_rows($check_pk) == 0) {
        mysqli_query($conn, "ALTER TABLE pendaftaran ADD PRIMARY KEY (id)");
        try {
            mysqli_query($conn, "ALTER TABLE pendaftaran ADD PRIMARY KEY (id)");
        } catch (\Throwable $e) { 
            // Abaikan error jika masih ada duplikat, refresh halaman akan mencoba fix lagi 
        }
    }
    // Terapkan Auto Increment
    mysqli_query($conn, "ALTER TABLE pendaftaran MODIFY COLUMN id INT(11) UNSIGNED AUTO_INCREMENT");
    try {
        mysqli_query($conn, "ALTER TABLE pendaftaran MODIFY COLUMN id INT(11) UNSIGNED AUTO_INCREMENT");
    } catch (\Throwable $e) { /* Abaikan */ }
}

// Filter Status
$filter_status = isset($_GET['status']) ? clean_input($_GET['status']) : 'diterima';
$valid_statuses = ['diterima', 'lulus'];
if (!in_array($filter_status, $valid_statuses)) {
    $filter_status = 'diterima';
}

// Filter Tahun
$query_years = "SELECT DISTINCT tahun_masuk as tahun FROM pendaftaran WHERE status IN ('diterima', 'lulus') AND tahun_masuk IS NOT NULL ORDER BY tahun DESC";
$result_years = mysqli_query($conn, $query_years);

$filter_tahun = isset($_GET['tahun']) ? clean_input($_GET['tahun']) : 'all';
$where_tahun = "";
if ($filter_tahun != 'all') {
    $where_tahun = "AND tahun_masuk = '$filter_tahun'";
}

// Ambil semua siswa (pendaftar yang diterima)
$query = "SELECT * FROM pendaftaran WHERE status = '$filter_status' $where_tahun ORDER BY nama_anak ASC";
$result = mysqli_query($conn, $query);

// Ambil pengaturan untuk kop surat
$q_set = "SELECT * FROM pengaturan LIMIT 1";
$r_set = mysqli_query($conn, $q_set);
$pengaturan = mysqli_fetch_assoc($r_set);

// Ambil nama kepala sekolah
$query_kepsek = "SELECT nama FROM struktur_organisasi WHERE jabatan LIKE '%Kepala Sekolah%' ORDER BY urutan ASC LIMIT 1";
$result_kepsek = mysqli_query($conn, $query_kepsek);
$nama_kepsek = ".......................";
if ($result_kepsek && mysqli_num_rows($result_kepsek) > 0) {
    $kepsek = mysqli_fetch_assoc($result_kepsek);
    $nama_kepsek = str_replace(array("\r", "\n"), ' ', $kepsek['nama']);
}

// Generate watermark CSS for printing
$watermark_css = '';
if (!empty($pengaturan['logo']) && file_exists(ROOT_PATH . 'images/' . $pengaturan['logo'])) {
    $logo_path = ROOT_PATH . 'images/' . $pengaturan['logo'];
    $logo_type = mime_content_type($logo_path);
    $logo_data = base64_encode(file_get_contents($logo_path));
    $logo_base64 = 'data:' . $logo_type . ';base64,' . $logo_data;
    
    $watermark_css = "
        content: '';
        background-image: url('$logo_base64');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 50%;
        opacity: 0.05;
        top: 0; left: 0; width: 100%; height: 100%;
    ";
} else {
    $watermark_css = "
        content: 'KB NURUL JADID';
        font-size: 60pt;
        color: rgba(0, 0, 0, 0.05);
        transform: translate(-50%, -50%) rotate(-45deg);
        top: 50%; left: 50%;
        font-weight: bold;
    ";
}

// Hitung total siswa
$total_siswa = mysqli_num_rows($result);
mysqli_data_seek($result, 0);
?>
<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Kelola Siswa - Admin KB NURUL JADID</title>
    <link rel="stylesheet" href="../css/admin-style.css">
    <link href="https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
    <?php include 'includes/sidebar.php'; ?>

<div class="content-wrapper">
            <div class="page-header">
                <div class="header-left">
                    <h1>🎓 Kelola <?php echo ($filter_status == 'lulus') ? 'Alumni' : 'Siswa Aktif'; ?></h1>
                    <p>Daftar siswa <?php echo ($filter_status == 'lulus') ? 'yang telah lulus' : 'yang aktif'; ?> di sekolah.</p>
                </div>
                <div class="header-right">
                    <div class="filters-wrapper">
                        <form method="GET" style="margin: 0;">
                            <select name="status" onchange="this.form.submit()" class="filter-select" style="margin-right: 10px;">
                                <option value="diterima" <?php echo $filter_status == 'diterima' ? 'selected' : ''; ?>>Siswa Aktif</option>
                                <option value="lulus" <?php echo $filter_status == 'lulus' ? 'selected' : ''; ?>>Alumni / Lulus</option>
                            </select>
                            
                            <select name="tahun" onchange="this.form.submit()" class="filter-select">
                                <option value="all">Semua Tahun</option>
                                <?php 
                                if($result_years && mysqli_num_rows($result_years) > 0) {
                                    mysqli_data_seek($result_years, 0);
                                    while($y = mysqli_fetch_assoc($result_years)): 
                                ?>
                                    <option value="<?php echo $y['tahun']; ?>" <?php echo $filter_tahun == $y['tahun'] ? 'selected' : ''; ?>>
                                        Tahun <?php echo $y['tahun']; ?>
                                    </option>
                                <?php endwhile; } ?>
                            </select>
                        </form>
                    </div>
                    <div class="header-actions">
                        <button onclick="window.print()" class="btn btn-secondary">🖨️ Cetak</button>
                        <a href="tambah-siswa.php" class="btn btn-primary">➕ Tambah Siswa Baru</a>
                    </div>
                </div>
            </div>

<?php if(isset($_GET['msg'])): ?>
                <div class="alert alert-<?php echo $_GET['type']; ?>">
                    <?php 
                    if($_GET['msg'] == 'success_add') echo '✅ Siswa berhasil ditambahkan!';
                    if($_GET['msg'] == 'success_edit') echo '✅ Data siswa berhasil diupdate!';
                    if($_GET['msg'] == 'success_delete') echo '✅ Data siswa berhasil dihapus!';
                    if($_GET['msg'] == 'error') echo '❌ Terjadi kesalahan!';
                    ?>
                </div>
            <?php endif; ?>

<div class="table-card">
                
                <div class="print-header">
                    <table class="print-kop-table">
                        <tr>
                            <?php if(!empty($pengaturan['logo']) && file_exists('../images/' . $pengaturan['logo'])): ?>
                            <td class="print-kop-logo">
                                <img src="../images/<?php echo $pengaturan['logo']; ?>" alt="Logo Sekolah">
                            </td>
                            <?php endif; ?>
                            <td class="print-kop-text">
                                <h1>KELOMPOK BERMAIN NURUL JADID</h1>
                                <p class="kop-address"><?php echo htmlspecialchars($pengaturan['alamat_sekolah']); ?></p>
                                <p class="kop-contact">Telp: <?php echo htmlspecialchars($pengaturan['telepon_sekolah']); ?> | Email: <?php echo htmlspecialchars($pengaturan['email_sekolah']); ?></p>
                            </td>
                        </tr>
                    </table>
                    <div class="print-kop-line"></div>
                </div>

<div class="print-document-title">
                    <h2>DAFTAR <?php echo ($filter_status == 'lulus') ? 'ALUMNI' : 'SISWA AKTIF'; ?></h2>
                    <?php if($filter_tahun != 'all'): ?>
                        <h3>Tahun Ajaran <?php echo $filter_tahun; ?>/<?php echo ($filter_tahun + 1); ?></h3>
                    <?php else: ?>
                        <h3>Seluruh Tahun Ajaran</h3>
                    <?php endif; ?>
                </div>

<div class="table-wrapper">
                    <table class="data-table">
                        <thead>
                            <tr>
                                <th class="text-center" style="width: 8%;">No</th>
                                <th class="text-center" style="width: 15%;">NIS</th>
                                <th style="width: 35%;">Nama Siswa</th>
                                <th class="text-center" style="width: 18%;">Tahun Masuk</th>
                                <th class="text-center" style="width: 18%;">Jenis Kelamin</th>
                                <th class="text-center no-print" style="width: 21%;">Aksi</th>
                            </tr>
                        </thead>
                        <tbody>
                            <?php if($result && mysqli_num_rows($result) > 0): ?>
                                <?php 
                                $no = 1;
                                while($row = mysqli_fetch_assoc($result)): 
                                ?>
                                <tr>
                                    <td class="text-center"><?php echo $no++; ?></td>
                                    <td class="text-center"><?php echo $row['nis'] ?? '-'; ?></td>
                                    <td>
                                        <div class="user-info">
                                            <div class="user-avatar">👶</div>
                                            <div>
                                                <strong><?php echo $row['nama_anak']; ?></strong>
                                            </div>
                                        </div>
                                        <span class="print-only-name"><?php echo $row['nama_anak']; ?></span>
                                    </td>
                                    <td class="text-center"><?php echo $row['tahun_masuk'] ?? '-'; ?></td>
                                    <td class="text-center"><?php echo $row['jenis_kelamin'] ?? '-'; ?></td>
                                    <td class="no-print">
                                        <div class="action-buttons">
                                            <a href="detail-siswa.php?id=<?php echo $row['id']; ?>" 
                                               class="btn btn-icon btn-secondary" 
                                               title="Detail">
                                                📄
                                            </a>
                                            <a href="edit-siswa.php?id=<?php echo $row['id']; ?>" 
                                               class="btn btn-icon btn-secondary" 
                                               title="Edit">
                                                ✏️
                                            </a>
                                            <a href="hapus-siswa.php?id=<?php echo $row['id']; ?>" 
                                               class="btn btn-icon btn-danger" 
                                               title="Hapus"
                                               onclick="return confirm('Yakin ingin menghapus data siswa ini? Ini akan menghapus data pendaftarannya juga.')">
                                                🗑️
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <?php endwhile; ?>
                            <?php else: ?>
                                <tr>
                                    <td colspan="5" style="text-align: center; padding: 3rem;">
                                        <div class="empty-state">
                                            <div style="font-size: 4rem; margin-bottom: 1rem;">🎓</div>
                                            <h3>Belum Ada Data</h3>
                                            <p>Terima pendaftaran siswa baru di menu "Kelola Pendaftaran".</p>
                                        </div>
                                    </td>
                                </tr>
                            <?php endif; ?>
                        </tbody>
                    </table>
                </div>

<div class="print-info-box">
                    <div class="info-row">
                        <span class="info-label">Total Siswa:</span>
                        <span class="info-value"><?php echo $total_siswa; ?> orang</span>
                    </div>
                    <div class="info-row">
                        <span class="info-label">Tanggal Cetak:</span>
                        <span class="info-value"><?php 
                            $bulan = array(1 => 'Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember');
                            echo date('d') . ' ' . $bulan[date('n')] . ' ' . date('Y'); 
                        ?></span>
                    </div>
                </div>
                
                
                <div class="print-footer">
                    <div class="signature-box signature-right">
                        <p class="signature-place"><?php 
                            echo 'Mliwang, ' . date('d') . ' ' . $bulan[date('n')] . ' ' . date('Y');
                        ?></p>
                        <p class="signature-role">Kepala Sekolah</p>
                        <div class="signature-space"></div>
                        <p class="signature-name"><?php echo htmlspecialchars($nama_kepsek); ?></p>
                    </div>
                </div>
            </div>
        </div>
    </div>

<div id="detailModal" class="modal">
        <div class="modal-content">
            <span class="modal-close" onclick="closeModal()">&times;</span>
            <h2>📋 Detail Siswa</h2>
            <div id="modalBody"></div>
        </div>
    </div>

/* =====================================================
           MODAL STYLES
           ===================================================== */
        .modal { 
            display: none; 
            position: fixed; 
            z-index: 10000; 
            left: 0; 
            top: 0; 
            width: 100%; 
            height: 100%; 
            background: rgba(0,0,0,0.5); 
        }
        
        .modal-content { 
            background: white; 
            margin: 5% auto; 
            padding: 2rem; 
            border-radius: 20px; 
            max-width: 700px; 
            position: relative; 
            animation: slideDown 0.3s ease; 
            max-height: 85vh;
            overflow-y: auto;
        }
        
        @keyframes slideDown { 
            from { transform: translateY(-50px); opacity: 0; } 
            to { transform: translateY(0); opacity: 1; } 
        }
        
        .modal-close { 
            position: absolute; 
            right: 1.5rem; 
            top: 1.5rem; 
            font-size: 2rem; 
            cursor: pointer; 
            color: var(--text-light); 
            transition: color 0.3s;
        }
        
        .modal-close:hover {
            color: var(--danger);
        }
        
        .modal-header-info { 
            text-align: center; 
            margin-bottom: 2rem; 
            padding-bottom: 1.5rem; 
            border-bottom: 1px solid var(--border); 
        }
        
        .modal-avatar { 
            width: 80px; 
            height: 80px; 
            background: linear-gradient(135deg, var(--primary), var(--purple)); 
            color: white; 
            border-radius: 50%; 
            display: inline-flex; 
            align-items: center; 
            justify-content: center; 
            font-size: 3rem; 
            margin-bottom: 1rem; 
            border: 4px solid white; 
            box-shadow: 0 5px 15px rgba(0,0,0,0.1); 
        }
        
        .modal-student-name { 
            font-size: 1.8rem; 
            font-weight: 700; 
            color: var(--text-dark); 
        }
        
        .modal-student-class { 
            font-size: 1.1rem; 
            font-weight: 600; 
            color: var(--primary); 
        }
        
        .modal-detail-grid { 
            display: grid; 
            grid-template-columns: 1fr 1fr; 
            gap: 2rem; 
        }
        
        .detail-group h3 { 
            font-size: 1.1rem; 
            color: var(--purple); 
            margin-bottom: 1rem; 
            padding-bottom: 0.5rem; 
            border-bottom: 2px solid var(--purple); 
            display: inline-block; 
        }
        
        .detail-group-full { 
            margin-top: 2rem; 
        }
        
        .detail-group-full h3 { 
            font-size: 1.1rem; 
            color: var(--purple); 
            margin-bottom: 1rem; 
            padding-bottom: 0.5rem; 
            border-bottom: 2px solid var(--purple); 
            display: inline-block; 
        }
        
        .detail-grid-item { 
            display: flex; 
            align-items: flex-start; 
            gap: 1rem; 
            margin-bottom: 1.5rem; 
        }
        
        .detail-icon { 
            font-size: 1.5rem; 
            color: var(--primary); 
            margin-top: 2px; 
        }
        
        .detail-label { 
            font-weight: 600; 
            margin-bottom: 0.25rem; 
            font-size: 0.85rem; 
            color: var(--text-light); 
        }
        
        .detail-value { 
            color: var(--text-dark); 
            font-weight: 500; 
        }

/* =====================================================
           PRINT STYLES - SUPER RAPI & PROFESIONAL
           ===================================================== */
        @media print {
            /* Reset & Setup Dasar */
            * {
                -webkit-print-color-adjust: exact !important;
                print-color-adjust: exact !important;
            }
            
            body {
                background: white;
                font-family: 'Times New Roman', Times, serif;
                color: #000;
                margin: 0;
                padding: 0;
            }
            
            @page {
                size: A4 portrait;
                margin: 1.5cm 2cm;
            }

/* Watermark */
            body::after {
                <?php echo $watermark_css; ?>
                position: fixed;
                z-index: -1;
            }

/* Sembunyikan Elemen yang Tidak Perlu */
            .sidebar, 
            .admin-header, 
            .page-header, 
            .modal, 
            .no-print, 
            .alert,
            .user-info,
            .action-buttons,
            .data-table th:last-child, 
            .data-table td:last-child {
                display: none !important;
            }

.main-content {
                margin-left: 0;
                padding: 0;
                width: 100%;
            }
            
            .content-wrapper {
                padding: 0;
            }
            
            .table-card {
                box-shadow: none;
                border: none;
                padding: 0;
                margin: 0;
            }

/* ==================== KOP SURAT SUPER RAPI ==================== */
            .print-header {
                display: block;
                margin-bottom: 20px;
                page-break-inside: avoid;
            }

.print-kop-table {
                width: 100%;
                border-collapse: collapse;
                margin-bottom: 10px;
            }

.print-kop-table tr {
                vertical-align: middle;
            }

.print-kop-logo {
                width: 95px;
                text-align: center;
                vertical-align: middle;
                padding-right: 12px;
            }

.print-kop-logo img {
                width: 80px;
                height: 80px;
                object-fit: contain;
                display: block;
                margin: 0 auto;
            }

.print-kop-text {
                text-align: center;
                vertical-align: middle;
                padding: 0 5px;
            }

.print-kop-text h1 {
                font-size: 18pt;
                font-weight: bold;
                margin: 0 0 4px 0;
                text-transform: uppercase;
                color: #000;
                line-height: 1.2;
                letter-spacing: 1.5px;
            }

.print-kop-text .kop-address {
                font-size: 10pt;
                margin: 2px 0;
                line-height: 1.3;
                color: #000;
                font-style: normal;
            }

.print-kop-text .kop-contact {
                font-size: 9.5pt;
                margin: 2px 0 0 0;
                line-height: 1.2;
                color: #222;
            }

.print-kop-line {
                width: 100%;
                border: none;
                border-top: 3px solid #000;
                border-bottom: 1px solid #000;
                height: 0;
                margin: 8px 0 0 0;
                padding: 0;
            }

/* ==================== JUDUL DOKUMEN ==================== */
            .print-document-title {
                display: block;
                text-align: center;
                margin: 22px 0 25px 0;
                page-break-inside: avoid;
            }

.print-document-title h2 {
                font-size: 15pt;
                font-weight: bold;
                margin: 0 0 6px 0;
                text-decoration: underline;
                text-transform: uppercase;
                letter-spacing: 1px;
                color: #000;
            }

.print-document-title h3 {
                font-size: 12pt;
                font-weight: bold;
                margin: 0;
                color: #000;
            }

/* ==================== TABEL ==================== */
            .table-wrapper {
                margin: 0 0 15px 0;
            }

.data-table { 
                border-collapse: collapse; 
                width: 100%; 
                font-size: 11pt; 
                border: 1.5px solid #000;
            }
            
            .data-table thead {
                background-color: #e0e0e0 !important;
            }

.data-table th {
                background-color: #e0e0e0 !important;
                color: #000;
                border: 1px solid #000;
                text-align: center;
                padding: 10px 6px;
                font-weight: bold; 
                vertical-align: middle; 
                font-size: 11pt;
                line-height: 1.3;
            }
            
            .data-table td { 
                border: 1px solid #000; 
                color: #000; 
                padding: 8px 6px;
                vertical-align: middle;
                font-size: 10.5pt;
                line-height: 1.4;
            }

.data-table tbody tr:nth-child(even) {
                background-color: #f5f5f5 !important;
            }

.data-table tbody tr:nth-child(odd) {
                background-color: #ffffff !important;
            }

.text-center {
                text-align: center !important;
            }

/* Tampilkan nama untuk print */
            .print-only-name {
                display: inline !important;
                font-weight: 600;
            }

/* ==================== INFO BOX ==================== */
            .print-info-box {
                display: block;
                background-color: #f8f8f8 !important;
                border: 1.5px solid #999;
                padding: 12px 15px;
                margin: 20px 0 30px 0;
                border-radius: 4px;
                page-break-inside: avoid;
            }

.info-row {
                display: flex;
                justify-content: space-between;
                margin: 6px 0;
                font-size: 10.5pt;
                line-height: 1.5;
            }

.info-label {
                font-weight: bold;
                color: #000;
            }

.info-value {
                color: #000;
            }

/* ==================== TANDA TANGAN ==================== */
            .print-footer {
                display: block;
                text-align: right;
                margin-top: 40px;
                page-break-inside: avoid;
                padding: 0 20px;
            }
            
            .signature-box {
                display: inline-block;
                text-align: center;
                width: 220px;
            }

.signature-right {
                margin-right: 0;
            }

.signature-place {
                font-size: 11pt;
                margin: 0 0 3px 0;
                font-weight: normal;
                color: #000;
            }

.signature-role {
                font-size: 11pt;
                margin: 0;
                font-weight: bold;
                color: #000;
            }

.signature-space {
                height: 65px;
                margin: 8px 0;
            }
            
            .signature-name {
                font-weight: bold;
                text-decoration: underline;
                font-size: 11pt;
                margin: 0;
                padding: 0;
                color: #000;
            }

/* Prevent Page Break */
            .print-header,
            .print-document-title,
            .print-footer,
            .signature-box,
            .print-info-box {
                page-break-inside: avoid;
            }

/* Force Print Colors */
            thead, th, .print-kop-line, .print-info-box {
                -webkit-print-color-adjust: exact !important;
                print-color-adjust: exact !important;
            }
        }

/* =====================================================
           RESPONSIVE UNTUK MODAL
           ===================================================== */
        @media (max-width: 700px) { 
            .modal-detail-grid { 
                grid-template-columns: 1fr; 
                gap: 0; 
            }
            
            .page-header {
                flex-direction: column;
                align-items: flex-start;
            }
            
            .header-right {
                width: 100%;
                justify-content: space-between;
            }
        }
    </style>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: kelola-siswa.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation