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/pages

Free Space:

9.88 TB

🔧 Quick Actions

✏️ Editing: guru.php

<?php 
include '../config.php';

// Auto-fix: Buat tabel guru jika belum ada (untuk jaga-jaga jika admin belum buka halaman kelola)
$check_table = mysqli_query($conn, "SHOW TABLES LIKE 'guru'");
if (mysqli_num_rows($check_table) == 0) {
    $sql = "CREATE TABLE guru (
        id INT(11) UNSIGNED AUTO_INCREMENT PRIMARY KEY,
        nama VARCHAR(255) NOT NULL,
        nip VARCHAR(50) NULL,
        foto VARCHAR(255) NULL,
        created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
    )";
    mysqli_query($conn, $sql);
}

// Auto-fix: Tambahkan kolom jabatan jika belum ada
$check_col_jabatan = mysqli_query($conn, "SHOW COLUMNS FROM guru LIKE 'jabatan'");
if (mysqli_num_rows($check_col_jabatan) == 0) {
    mysqli_query($conn, "ALTER TABLE guru ADD COLUMN jabatan VARCHAR(100) NULL AFTER nama");
}

$query_guru = "SELECT * FROM guru ORDER BY CASE WHEN jabatan LIKE '%Kepala Sekolah%' THEN 0 ELSE 1 END, nama ASC";
$result_guru = mysqli_query($conn, $query_guru);
?>
<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Guru & Staf - KB NURUL JADID</title>
    <link rel="stylesheet" href="../css/style.css">
    <link href="https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
    
    <div class="clouds-container">
        <div class="cloud cloud1">☁️</div>
        <div class="cloud cloud2">☁️</div>
        <div class="cloud cloud3">☁️</div>
    </div>

<div class="balloons-container">
        <div class="balloon balloon1">🎈</div>
        <div class="balloon balloon2">🎈</div>
        <div class="balloon balloon3">🎈</div>
    </div>

<?php include '../navbar.php'; ?>

<section class="page-hero">
        <div id="particles-js"></div>
        <div class="container">
            <h1 class="page-title">👩‍🏫 Guru & Staf Pengajar</h1>
            <p class="page-subtitle">Berkenalan dengan pahlawan tanpa tanda jasa kami</p>
        </div>
    </section>

<section id="guru" class="guru-section" style="padding: 4rem 0;">
        <div class="container">
            <div class="guru-grid">
                <?php if(mysqli_num_rows($result_guru) > 0): ?>
                    <?php while($guru = mysqli_fetch_assoc($result_guru)): ?>
                    <div class="guru-card">
                        <div class="guru-image">
                            <?php 
                            $foto_src = "https://via.placeholder.com/300x300.png?text=👩‍🏫";
                            if (!empty($guru['foto']) && file_exists('../images/guru/' . $guru['foto'])) {
                                $foto_src = '../images/guru/' . $guru['foto'];
                            }
                            ?>
                            <img src="<?php echo $foto_src; ?>" alt="<?php echo $guru['nama']; ?>">
                        </div>
                        <div class="guru-info">
                            <h3><?php echo $guru['nama']; ?></h3>
                            <?php if(!empty($guru['jabatan'])): ?>
                                <p class="jabatan" style="color: var(--primary); font-weight: 600; margin-bottom: 0.5rem;"><?php echo $guru['jabatan']; ?></p>
                            <?php endif; ?>
                        </div>
                    </div>
                    <?php endwhile; ?>
                <?php else: ?>
                    <div style="grid-column: 1/-1; text-align: center; padding: 3rem;">
                        <h3>Belum ada data guru.</h3>
                    </div>
                <?php endif; ?>
            </div>
        </div>
    </section>

<?php include '../footer.php'; ?>
    <script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js"></script>
    <script src="../js/script.js"></script>
    <style>
        .guru-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
            gap: 2rem;
        }
        .guru-card {
            background: white;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            text-align: center;
            transition: transform 0.3s;
        }
        .guru-card:hover {
            transform: translateY(-10px);
        }
        .guru-image {
            height: 250px;
            overflow: hidden;
        }
        .guru-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .guru-info {
            padding: 1.5rem;
        }
        .guru-info h3 {
            color: var(--text-dark);
            margin-bottom: 0.5rem;
            font-size: 1.2rem;
        }
        .guru-info .nip {
            color: var(--text-light);
            font-size: 0.9rem;
        }
    </style>
</body>
</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: guru.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation