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/absensi-ra

Free Space:

9.88 TB

🔧 Quick Actions

✏️ Editing: absensi.php

<?php
require_once 'config.php';
checkLogin();
$conn = getConnection();

// Proses hapus absensi
if (isset($_GET['hapus'])) {
    $id = $_GET['hapus'];
    $stmt = $conn->prepare("DELETE FROM absensi WHERE id = ?");
    $stmt->bind_param("i", $id);
    
    if ($stmt->execute()) {
        $url = "absensi.php?tanggal=" . (isset($_GET['tanggal']) ? $_GET['tanggal'] : date('Y-m-d'));
        if (isset($_GET['kelas'])) $url .= "&kelas=" . $_GET['kelas'];
        if (isset($_GET['mapel'])) $url .= "&mapel=" . $_GET['mapel'];
        echo "<script>alert('Data absensi berhasil dihapus!'); window.location.href='$url';</script>";
    }
}

// Filter
$tanggal = isset($_GET['tanggal']) ? clean($_GET['tanggal']) : date('Y-m-d');
$kelas = isset($_GET['kelas']) ? clean($_GET['kelas']) : '';
$mapel = isset($_GET['mapel']) ? clean($_GET['mapel']) : '';
$nama_guru = (isset($_GET['nama_guru']) && $_GET['nama_guru'] !== '') ? clean($_GET['nama_guru']) : $_SESSION['nama'];

// Query absensi
$query = "SELECT a.*, s.nis, s.nama, s.kelas 
          FROM absensi a 
          JOIN siswa s ON a.siswa_id = s.id 
          WHERE a.tanggal = ?";

if ($kelas) {
    $query .= " AND s.kelas = ?";
}
if ($mapel) {
    $query .= " AND a.mata_pelajaran = ?";
}

$query .= " ORDER BY a.waktu DESC";

$stmt = $conn->prepare($query);
if ($kelas && $mapel) {
    $stmt->bind_param("sss", $tanggal, $kelas, $mapel);
} elseif ($kelas) {
    $stmt->bind_param("ss", $tanggal, $kelas);
} elseif ($mapel) {
    $stmt->bind_param("ss", $tanggal, $mapel);
} else {
    $stmt->bind_param("s", $tanggal);
}
$stmt->execute();
$absensi_list = $stmt->get_result();

// Ambil daftar kelas
$kelas_list = $conn->query("SELECT DISTINCT kelas FROM siswa ORDER BY kelas");

// Ambil daftar mapel dari database
$mapel_list_db = $conn->query("SELECT * FROM mata_pelajaran ORDER BY nama_mapel");

// Ambil daftar guru dari database
$guru_list_db = $conn->query("SELECT nama FROM users ORDER BY nama");

// Statistik
// Filter statistik juga
$stats_where = "WHERE a.tanggal = '$tanggal'";
if ($kelas) $stats_where .= " AND s.kelas = '$kelas'";
if ($mapel) $stats_where .= " AND a.mata_pelajaran = '$mapel'";

$total_siswa_query = "SELECT COUNT(*) as total FROM siswa s";
if ($kelas) $total_siswa_query .= " WHERE s.kelas = '$kelas'";
$total_siswa = $conn->query($total_siswa_query)->fetch_assoc()['total'];

$hadir = $conn->query("SELECT COUNT(*) as total FROM absensi a JOIN siswa s ON a.siswa_id = s.id $stats_where AND a.status = 'Hadir'")->fetch_assoc()['total'];
$total_absen = $conn->query("SELECT COUNT(*) as total FROM absensi a JOIN siswa s ON a.siswa_id = s.id $stats_where")->fetch_assoc()['total'];

// Ambil pengaturan sekolah untuk kop surat
$settings = $conn->query("SELECT * FROM settings LIMIT 1")->fetch_assoc();
$school_name = $settings ? $settings['nama_sekolah'] : 'Sekolah';
$school_logo = ($settings && !empty($settings['logo_path']) && file_exists($settings['logo_path'])) ? $settings['logo_path'] : null;
$kepala_sekolah = ($settings && !empty($settings['nama_kepala_sekolah'])) ? $settings['nama_kepala_sekolah'] : 'Wahida Zuhriyatul Islami, S.H';
?>
<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Laporan Absensi</title>
    <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        body {
            font-family: 'Nunito', sans-serif;
            background: #f0f8ff; /* AliceBlue, a very light blue */
            min-height: 100vh;
            padding: 20px;
            color: #444;
        }
        .circles {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            z-index: -1;
        }
        .circles li {
            position: absolute;
            display: block;
            list-style: none;
            width: 20px;
            height: 20px;
            background: rgba(255, 192, 203, 0.5); /* Light Pink */
            animation: bubble-animate 25s linear infinite;
            bottom: -150px;
            border-radius: 50%;
        }
        .circles li:nth-child(1) { left: 25%; width: 80px; height: 80px; animation-delay: 0s; background: rgba(173, 216, 230, 0.5); /* Light Blue */ }
        .circles li:nth-child(2) { left: 10%; width: 20px; height: 20px; animation-delay: 2s; animation-duration: 12s; background: rgba(255, 255, 153, 0.5); /* Light Yellow */ }
        .circles li:nth-child(3) { left: 70%; width: 20px; height: 20px; animation-delay: 4s; }
        .circles li:nth-child(4) { left: 40%; width: 60px; height: 60px; animation-delay: 0s; animation-duration: 18s; background: rgba(144, 238, 144, 0.5); /* Light Green */ }
        .circles li:nth-child(5) { left: 65%; width: 20px; height: 20px; animation-delay: 0s; }
        .circles li:nth-child(6) { left: 75%; width: 110px; height: 110px; animation-delay: 3s; background: rgba(255, 182, 193, 0.5); /* Light Pink */ }
        .circles li:nth-child(7) { left: 35%; width: 150px; height: 150px; animation-delay: 7s; background: rgba(173, 216, 230, 0.5); }
        .circles li:nth-child(8) { left: 50%; width: 25px; height: 25px; animation-delay: 15s; animation-duration: 45s; }
        .circles li:nth-child(9) { left: 20%; width: 15px; height: 15px; animation-delay: 2s; animation-duration: 35s; background: rgba(255, 255, 153, 0.5); }
        .circles li:nth-child(10) { left: 85%; width: 150px; height: 150px; animation-delay: 0s; animation-duration: 11s; background: rgba(144, 238, 144, 0.5); }
        @keyframes bubble-animate {
            0% { transform: translateY(0) rotate(0deg); opacity: 1; }
            100% { transform: translateY(-1000px) rotate(360deg); opacity: 0; }
        }
        .container {
            max-width: 1200px;
            margin: 0 auto;
        }
        .header {
            background: #fff;
            padding: 25px;
            border-radius: 20px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.05);
            margin-bottom: 30px;
            color: #333;
            position: relative;
            text-align: center;
            border: 2px dashed #ffd166; /* Sunny Yellow */
        }
        .header h1 {
            color: #ef476f; /* Pinkish Red */
            margin-bottom: 10px;
            font-weight: 800;
        }
        .header p { color: #555; }
        .back-btn {
            position: absolute;
            top: 20px;
            left: 20px;
            width: 45px;
            height: 45px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #ffd166;
            color: white;
            text-decoration: none;
            border-radius: 50%;
            transition: all 0.3s ease;
            font-size: 20px;
            border: none;
        }
        .back-btn:hover { 
            background: #ef476f; 
            transform: scale(1.1) rotate(360deg);
        }
        .stats {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 20px;
            margin-bottom: 30px;
        }
        .stat-card {
            background: #fff;
            padding: 20px;
            border-radius: 20px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
            text-align: center;
            transition: transform 0.3s;
            border-top: 5px solid;
        }
        .stat-card:nth-child(1) { border-color: #118ab2; } /* Blue */
        .stat-card:nth-child(2) { border-color: #06d6a0; } /* Green */
        .stat-card:nth-child(3) { border-color: #ffd166; } /* Yellow */
        .stat-card:nth-child(4) { border-color: #ef476f; } /* Pink */
        .stat-card:hover { transform: translateY(-5px); }
        .stat-card h3 {
            color: #777;
            font-size: 14px;
            margin-bottom: 10px;
            font-weight: 700;
        }
        .stat-card .number {
            font-size: 36px;
            font-weight: 800;
            color: #333;
        }
        .content {
            background: #fff;
            padding: 30px;
            border-radius: 20px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.05);
            margin-bottom: 20px;
            color: #444;
        }
        .content h2 {
            color: #06d6a0; /* Green */
            margin-bottom: 20px;
            font-weight: 700;
            border-bottom: 2px solid #f0f0f0;
            padding-bottom: 10px;
        }
        .filter-form {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
            gap: 15px;
            margin-bottom: 30px;
            align-items: end;
            background: #f7f9fc;
            padding: 20px;
            border-radius: 15px;
        }
        .form-group {
            margin-bottom: 0;
        }
        .form-group label {
            display: block;
            margin-bottom: 5px;
            font-weight: bold;
            color: #555;
        }
        .form-group input, .form-group select {
            width: 100%;
            padding: 12px;
            border: 2px solid #e0e0e0;
            border-radius: 10px;
            font-size: 16px;
            font-family: inherit;
            background: #f9f9f9;
            color: #333;
            transition: all 0.3s ease;
        }
        .form-group input:focus, .form-group select:focus, .form-group textarea:focus {
            outline: none;
            border-color: #118ab2; /* Blue */
            background: #fff;
        }
        .form-group option {
            background: #fff;
            color: #333;
        }
        .btn {
            padding: 10px 25px;
            background: linear-gradient(to right, #118ab2, #06d6a0); /* Blue to Green */
            color: white;
            border: none;
            border-radius: 50px;
            cursor: pointer;
            font-size: 16px;
            font-weight: 700;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            transition: all 0.3s ease;
            box-shadow: 0 4px 10px rgba(0,0,0,0.1);
        }
        .btn:hover {
            transform: translateY(-3px) scale(1.05);
            box-shadow: 0 6px 15px rgba(0,0,0,0.15);
        }
        .btn-danger { background: linear-gradient(to right, #ef476f, #ff6b6b); }
        .btn-small {
            width: 40px;
            height: 40px;
            padding: 0;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
        }
        table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 20px;
        }
        table th {
            padding: 15px;
            text-align: left;
            background-color: #f7f9fc;
            color: #118ab2;
            font-weight: 800;
            text-transform: uppercase;
            font-size: 12px;
            letter-spacing: 1px;
        }
        table td {
            padding: 15px;
            border-bottom: 1px solid #eee;
            vertical-align: middle;
            color: #555;
            font-weight: 600;
        }
        table th:first-child, table td:first-child { border-radius: 10px 0 0 10px; }
        table th:last-child, table td:last-child { border-radius: 0 10px 10px 0; }
        table tbody tr {
            transition: all 0.2s ease-in-out;
        }
        table tbody tr:hover {
            background-color: #fffbe6; /* Light yellow hover */
            transform: scale(1.02);
            box-shadow: 0 5px 15px rgba(0,0,0,0.08);
        }
        .badge {
            padding: 5px 12px;
            border-radius: 50px;
            font-size: 12px;
            font-weight: bold;
        }
        .badge-success { background: #e6fffa; color: #06d6a0; }
        .badge-warning { background: #fffbe6; color: #ffd166; }
        .badge-danger { background: #fff5f5; color: #ef476f; }
        .badge-info { background: #e7f3ff; color: #118ab2; }
        .no-data {
            text-align: center;
            padding: 50px;
            color: #999;
            background: #f7f9fc;
            border-radius: 15px;
        }
        .no-data h3 {
            font-size: 24px;
            color: #ccc;
        }
        @media print {
            @page { margin: 1cm; size: A4; }
            body {
                background: white;
                color: #333;
                font-family: 'Nunito', sans-serif;
                -webkit-print-color-adjust: exact;
                print-color-adjust: exact;
            }
            .header, .back-btn, .filter-form, .btn, .circles, .stats, .no-print, h2 i {
                display: none !important;
            }
            .content {
                box-shadow: none;
                padding: 0;
                margin: 0;
                border-radius: 0;
                color: #333 !important;
                background: transparent !important;
                border: none !important;
                position: relative;
                z-index: 1;
            }
            .content h2 { display: none; }
            
            /* Watermark Logo */
            .content::before {
                content: "";
                position: absolute;
                top: 300px;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 400px;
                height: 400px;
                background-image: url('<?php echo $school_logo ? $school_logo : ""; ?>');
                background-repeat: no-repeat;
                background-position: center;
                background-size: contain;
                opacity: 0.1;
                z-index: -1;
            }
            
            /* Print Header */
            .print-header {
                display: flex !important;
                align-items: center;
                justify-content: space-between;
                border-bottom: 3px solid #141E30;
                padding-bottom: 20px;
                margin-bottom: 30px;
                position: relative;
            }
            .print-logo {
                width: 100px;
                height: 100px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .print-logo img {
                max-width: 100%;
                max-height: 100%;
                object-fit: contain;
            }
            .print-logo i {
                font-size: 50px;
                color: #141E30;
            }
            .print-info {
                flex: 1;
                text-align: center;
                padding: 0 20px;
            }
            .print-info h1 {
                font-size: 24px;
                font-weight: 800;
                margin: 0 0 5px 0;
                text-transform: uppercase;
                color: #141E30;
                letter-spacing: 2px;
            }
            .print-info h2 {
                font-size: 14px;
                font-weight: 600;
                margin: 0 0 5px 0;
                display: block !important;
                color: #555;
                text-transform: uppercase;
                letter-spacing: 3px;
                border: none;
                padding: 0;
            }
            .print-info p {
                font-size: 11px;
                margin: 0;
                color: #777;
                margin-top: 5px;
            }
            /* Spacer agar judul tetap di tengah */
            .print-header::after {
                content: "";
                width: 100px; /* Sama dengan lebar logo */
            }
            
            /* Report Meta */
            .report-meta {
                display: flex !important;
                justify-content: space-between;
                margin-bottom: 20px;
                border: 1px solid #e0e0e0;
                border-radius: 10px;
                padding: 15px;
                background: #f8f9fa !important;
            }
            .meta-item { 
                font-size: 12px; 
                color: #555;
            }
            .meta-item strong {
                color: #141E30;
                margin-right: 5px;
                text-transform: uppercase;
                font-size: 11px;
            }
            
            /* Table Styling */
            table {
                width: 100%;
                border-collapse: collapse;
                margin-top: 20px;
                border: 1px solid #000;
            }
            table thead th {
                background: #f0f0f0 !important;
                color: white !important;
                border: 1px solid #000;
                padding: 12px 10px;
                font-size: 11px;
                text-align: center;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: 0.5px;
                color: #333 !important;
            }
            table tbody td {
                border: 1px solid #000;
                padding: 10px;
                font-size: 11px;
                color: #444 !important;
            }
            table tbody tr:nth-child(even) {
                background-color: #f2f2f2 !important;
            }
            table tbody tr:hover { background-color: initial; transform: none; box-shadow: none; }
            
            /* Badges */
            .badge {
                padding: 4px 8px;
                border-radius: 4px;
                font-size: 10px;
                font-weight: bold;
                border: none;
                border-radius: 50px;
            }
            .badge-success { background: #e6fffa !important; color: #06d6a0 !important; }
            .badge-warning { background: #fffbe6 !important; color: #ffd166 !important; }
            .badge-danger { background: #fff5f5 !important; color: #ef476f !important; }
            .badge-info { background: #e7f3ff !important; color: #118ab2 !important; }
            
            /* Footer */
            .print-footer {
                display: flex !important;
                justify-content: space-between;
                margin-top: 50px;
                page-break-inside: avoid;
                padding: 0 30px;
            }
            .signature-box {
                text-align: center;
                width: 250px;
            }
            .signature-box p { margin-bottom: 80px; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: #555; }
            .signature-box span { 
                display: block; 
                border-bottom: 2px solid #141E30; 
                font-weight: 600;
                padding-bottom: 5px;
                font-size: 12px;
                color: #333 !important;
                text-transform: uppercase;
            }
        }
        .close {
            color: #aaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
            cursor: pointer;
        }
        .close:hover,
        .close:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
        }
        .print-header, .print-footer, .report-meta { display: none; }
        .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }
        @media (max-width: 768px) {
            body { padding: 15px; }
            .header { padding: 20px 15px; }
            .header h1 { font-size: 20px; }
            .stats { grid-template-columns: 1fr; gap: 15px; }
            .filter-form { grid-template-columns: 1fr; }
            .form-group { margin-bottom: 15px; }
            .btn { width: 100%; justify-content: center; }
            .content { padding: 20px; }
            table th, table td { padding: 10px; font-size: 13px; }
        }
    </style>
</head>
<body>
    <ul class="circles">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
    <div class="container">
        <div class="header">
            <a href="index.php" class="back-btn" title="Kembali"><i class="fa-solid fa-arrow-left"></i></a>
            <h1><i class="fa-solid fa-chart-line"></i> Laporan Absensi</h1>
            <p>Lihat dan kelola data absensi siswa</p>
        </div>

<div class="stats">
            <div class="stat-card">
                <h3>Total Siswa</h3>
                <div class="number"><?php echo $total_siswa; ?></div>
            </div>
            <div class="stat-card">
                <h3>Hadir Hari Ini</h3>
                <div class="number"><?php echo $hadir; ?></div>
            </div>
            <div class="stat-card">
                <h3>Total Absen</h3>
                <div class="number"><?php echo $total_absen; ?></div>
            </div>
            <div class="stat-card">
                <h3>Persentase</h3>
                <div class="number">
                    <?php echo $total_siswa > 0 ? round(($hadir/$total_siswa)*100) : 0; ?>%
                </div>
            </div>
        </div>

<div class="content">
            <h2><i class="fa-solid fa-filter"></i> Filter Absensi</h2>
            <form method="GET" class="filter-form">
                <div class="form-group">
                    <label>Tanggal:</label>
                    <input type="date" name="tanggal" value="<?php echo $tanggal; ?>">
                </div>
                <div class="form-group">
                    <label>Kelas:</label>
                    <select name="kelas">
                        <option value="">Semua Kelas</option>
                        <?php while($k = $kelas_list->fetch_assoc()): ?>
                            <option value="<?php echo $k['kelas']; ?>" 
                                    <?php echo $kelas == $k['kelas'] ? 'selected' : ''; ?>>
                                <?php echo $k['kelas']; ?>
                            </option>
                        <?php endwhile; ?>
                    </select>
                </div>
                <div class="form-group">
                    <label>Mata Pelajaran:</label>
                    <select name="mapel">
                        <option value="">Semua Mapel</option>
                        <?php while($m = $mapel_list_db->fetch_assoc()): ?>
                            <option value="<?php echo $m['nama_mapel']; ?>" <?php echo $mapel == $m['nama_mapel'] ? 'selected' : ''; ?>><?php echo $m['nama_mapel']; ?></option>
                        <?php endwhile; ?>
                    </select>
                </div>
                <div class="form-group">
                    <label>Nama Guru:</label>
                    <select name="nama_guru">
                        <option value="">-- Pilih Guru --</option>
                        <?php while($g = $guru_list_db->fetch_assoc()): ?>
                            <option value="<?php echo $g['nama']; ?>" <?php echo $nama_guru == $g['nama'] ? 'selected' : ''; ?>>
                                <?php echo $g['nama']; ?>
                            </option>
                        <?php endwhile; ?>
                    </select>
                </div>
                <div class="form-group" style="display: flex; gap: 10px; grid-column: 1 / -1;">
                    <button type="submit" class="btn"><i class="fa-solid fa-search"></i> Filter</button>
                    <button type="button" onclick="window.print()" class="btn"><i class="fa-solid fa-print"></i> Cetak</button>
                </div>
            </form>

<div class="print-header">
                <div class="print-logo">
                    <?php if ($school_logo): ?>
                        <img src="<?php echo $school_logo; ?>" alt="Logo">
                    <?php else: ?>
                        <i class="fa-solid fa-school"></i>
                    <?php endif; ?>
                </div>
                <div class="print-info">
                    <h1><?php echo htmlspecialchars($school_name); ?></h1>
                    <h2>Laporan Absensi Siswa</h2>
                    <p>Dicetak pada: <?php echo date('d F Y H:i'); ?></p>
                </div>
            </div>

<div class="report-meta">
                <div class="meta-item"><strong>Tanggal:</strong> <?php echo date('d F Y', strtotime($tanggal)); ?></div>
                <div class="meta-item"><strong>Kelas:</strong> <?php echo $kelas ? $kelas : 'Semua Kelas'; ?></div>
                <div class="meta-item"><strong>Mata Pelajaran:</strong> <?php echo $mapel ? $mapel : 'Semua Mapel'; ?></div>
            </div>

<h2><i class="fa-solid fa-list-check"></i> Data Absensi - <?php echo date('d F Y', strtotime($tanggal)); ?></h2>
            
            <div class="table-responsive">
            <?php if ($absensi_list->num_rows > 0): ?>
                <table>
                    <thead>
                        <tr>
                            <th width="60">No</th>
                            <th>NIS</th>
                            <th>Nama</th>
                            <th>Kelas</th>
                            <th>Mata Pelajaran</th>
                            <th>Waktu</th>
                            <th>Status</th>
                            <th class="no-print">Aksi</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php 
                        $no = 1;
                        while($absen = $absensi_list->fetch_assoc()): 
                            $badge_class = '';
                            switch($absen['status']) {
                                case 'Hadir': $badge_class = 'badge-success'; break;
                                case 'Izin': $badge_class = 'badge-info'; break;
                                case 'Sakit': $badge_class = 'badge-warning'; break;
                                case 'Alpa': $badge_class = 'badge-danger'; break;
                            }
                        ?>
                            <tr>
                                <td style="color: #00d2ff; font-weight: bold;"><?php echo $no++; ?></td>
                                <td><?php echo $absen['nis']; ?></td>
                                <td><?php echo $absen['nama']; ?></td>
                                <td><?php echo $absen['kelas']; ?></td>
                                <td><strong><?php echo isset($absen['mata_pelajaran']) ? $absen['mata_pelajaran'] : '-'; ?></strong></td>
                                <td><?php echo $absen['waktu']; ?></td>
                                <td>
                                    <span class="badge <?php echo $badge_class; ?>">
                                        <?php echo $absen['status']; ?>
                                    </span>
                                </td>
                                <td class="no-print">
                                    <a href="absensi.php?hapus=<?php echo $absen['id']; ?>&tanggal=<?php echo $tanggal; ?>&kelas=<?php echo $kelas; ?>&mapel=<?php echo $mapel; ?>" 
                                       class="btn btn-danger btn-small" title="Hapus"
                                       onclick="return confirm('Yakin ingin menghapus data absensi ini?')">
                                        <i class="fa-solid fa-trash"></i>
                                    </a>
                                </td>
                            </tr>
                        <?php endwhile; ?>
                    </tbody>
                </table>
            <?php else: ?>
                <div class="no-data">
                    <h3><i class="fa-solid fa-folder-open"></i> Belum ada data absensi</h3>
                    <p>Belum ada siswa yang melakukan absensi pada tanggal ini.</p>
                </div>
            <?php endif; ?>
            </div>

<div class="print-footer">
                <div class="signature-box">
                    <p>Mengetahui,<br>Kepala Sekolah</p>
                    <span><?php echo $kepala_sekolah; ?></span>
                </div>
                <div class="signature-box">
                    <p><?php echo date('d F Y'); ?><br>Guru Pengampu</p>
                    <span><?php echo $nama_guru; ?></span>
                </div>
            </div>
        </div>
    </div>
    <script>
        // Update nama guru di tanda tangan saat dropdown berubah (tanpa perlu klik filter dulu)
        const guruSelect = document.querySelector('select[name="nama_guru"]');
        const signatureSpan = document.querySelectorAll('.signature-box span')[1]; // Span kedua (Guru Pengampu)
        
        if(guruSelect && signatureSpan) {
            guruSelect.addEventListener('change', function() {
                if(this.value) signatureSpan.textContent = this.value;
            });
        }
    </script>
</body>
</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: absensi.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation