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/rasnuruljadid/admin

Free Space:

9.88 TB

🔧 Quick Actions

✏️ Editing: kelola-kontak.php

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

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

// Cek timeout session (5 menit = 300 detik)
if (isset($_SESSION['LAST_ACTIVITY']) && (time() - $_SESSION['LAST_ACTIVITY'] > 300)) {
    session_unset();
    session_destroy();
    header('Location: login.php');
    exit;
}
$_SESSION['LAST_ACTIVITY'] = time(); // Update waktu aktivitas terakhir

// Deteksi Primary Key
$pk = 'id';
$q_pk = query("SHOW KEYS FROM kontak_masuk WHERE Key_name = 'PRIMARY'");
if (mysqli_num_rows($q_pk) > 0) {
    $row_pk = mysqli_fetch_assoc($q_pk);
    $pk = $row_pk['Column_name'];
}

// Ambil data profil untuk sidebar
$q_profil = "SELECT * FROM profil_sekolah LIMIT 1";
$r_profil = query($q_profil);
$profil = mysqli_fetch_assoc($r_profil);

$action = isset($_GET['action']) ? $_GET['action'] : '';
$id = isset($_GET['id']) ? $_GET['id'] : 0;
$success = ''; $error = '';

// Handle Delete
if ($action == 'hapus' && $id) {
    if (query("DELETE FROM kontak_masuk WHERE $pk = $id")) $success = "Pesan berhasil dihapus!";
    else $error = "Gagal menghapus pesan: " . mysqli_error($conn);
    $action = '';
}

// Handle Status Update (Tandai Dibaca)
if ($action == 'baca' && $id) {
    if (query("UPDATE kontak_masuk SET status = 'dibaca' WHERE $pk = $id")) {
        $success = "Pesan ditandai sudah dibaca.";
    }
    $action = '';
}

$list_data = query("SELECT * FROM kontak_masuk ORDER BY created_at DESC");
?>
<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Kelola Kontak - Admin RA Salafiyah Nurul Jadid</title>
    <link href="https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600;700&family=Poppins:wght@400;500;600&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: 'Poppins', sans-serif; background: #f0f2f5; }
        .admin-wrapper { display: flex; min-height: 100vh; }
        .sidebar { width: 280px; background: #ffffff; color: white; position: fixed; height: 100vh; overflow-y: auto; box-shadow: 2px 0 10px rgba(0,0,0,0.05); }
        .sidebar-header { padding: 30px 20px; text-align: center; border-bottom: 1px solid #f0f0f0; }
        .sidebar-header h2 { font-family: 'Fredoka', sans-serif; font-size: 20px; color: #333; margin-bottom: 5px; }
        .sidebar-header p { font-size: 13px; opacity: 0.8; }
        .sidebar-menu { padding: 20px 0; }
        .menu-item { padding: 15px 25px; display: flex; align-items: center; gap: 12px; color: #666; text-decoration: none; transition: all 0.3s; font-weight: 500; margin: 5px 15px; border-radius: 10px; }
        .menu-item:hover, .menu-item.active { background: linear-gradient(135deg, #FF6B9D 0%, #FF8E53 100%); color: white; box-shadow: 0 5px 15px rgba(255, 107, 157, 0.3); }
        .menu-item i { font-size: 18px; width: 25px; }
        .main-content { margin-left: 280px; flex: 1; padding: 30px; }
        .top-bar { background: white; padding: 20px 30px; border-radius: 15px; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.03); margin-bottom: 30px; display: flex; justify-content: space-between; align-items: center; }
        .top-bar h1 { font-family: 'Fredoka', sans-serif; font-size: 28px; color: #333; font-weight: 600; }
        .admin-info { display: flex; align-items: center; gap: 15px; }
        .admin-avatar { width: 45px; height: 45px; background: linear-gradient(135deg, #FF6B9D, #9B59B6); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 20px; }
        
        .content-card { background: white; padding: 30px; border-radius: 15px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05); }
        
        table { width: 100%; border-collapse: collapse; margin-top: 10px; }
        th, td { padding: 15px; text-align: left; border-bottom: 1px solid #f0f0f0; }
        th { font-weight: 600; color: #333; background: #f9f9f9; border-radius: 8px; }
        tr:hover td { background-color: #fcfcfc; }
        
        .btn-action { padding: 8px 12px; border-radius: 8px; text-decoration: none; color: white; font-size: 13px; margin-right: 5px; display: inline-block; transition: 0.3s; }
        .btn-view { background: #3498db; box-shadow: 0 2px 5px rgba(52, 152, 219, 0.3); }
        .btn-delete { background: #e74c3c; box-shadow: 0 2px 5px rgba(231, 76, 60, 0.3); }
        .btn-wa { background: #25D366; box-shadow: 0 2px 5px rgba(37, 211, 102, 0.3); }
        .btn-action:hover { transform: translateY(-2px); opacity: 0.9; }
        
        .status-badge { padding: 5px 10px; border-radius: 15px; font-size: 12px; font-weight: 600; }
        .status-baru { background: #e8f4f8; color: #3498db; }
        .status-dibaca { background: #d4edda; color: #155724; }
        
        .alert { padding: 15px; border-radius: 8px; margin-bottom: 20px; }
        .alert-success { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
        .alert-error { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }

.menu-toggle { display: none; font-size: 24px; cursor: pointer; color: #2C3E50; margin-right: 15px; }

@media (max-width: 968px) {
            body { overflow-x: hidden; }
            .sidebar { left: -280px; width: 280px; z-index: 1000; transition: 0.3s; background: white; }
            .sidebar.active { left: 0; }
            .main-content { margin-left: 0; padding: 20px; width: 100%; max-width: 100vw; }
            .table-responsive { 
                display: block;
                width: 100%;
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
            }
            .menu-toggle { display: block; }
            .top-bar { justify-content: flex-start; padding: 15px 20px; }
            .top-bar h1 { font-size: 20px; margin-right: auto; }
            .content-card { padding: 20px; }
            th, td { padding: 8px; font-size: 12px; white-space: nowrap; }
            .btn-action { padding: 5px 8px; font-size: 11px; }
            .status-badge { padding: 4px 8px; font-size: 11px; }
        }

@media (max-width: 480px) {
            .top-bar h1 { font-size: 18px; }
            .admin-avatar { width: 40px; height: 40px; font-size: 18px; }
            .admin-info > div:not(.admin-avatar) { display: none; }
        }
    </style>
    <script>
        document.addEventListener('DOMContentLoaded', () => {
            const menuToggle = document.getElementById('menuToggle');
            const sidebar = document.querySelector('.sidebar');
            if(menuToggle){
                menuToggle.addEventListener('click', () => {
                    sidebar.classList.toggle('active');
                });
            }
            document.addEventListener('click', (e) => {
                if(window.innerWidth <= 968) {
                    if (sidebar && !sidebar.contains(e.target) && menuToggle && !menuToggle.contains(e.target) && sidebar.classList.contains('active')) {
                        sidebar.classList.remove('active');
                    }
                }
            });
        });
    </script>
</head>
<body>
    <div class="admin-wrapper">
        <div class="sidebar">
            <div class="sidebar-header">
                <?php if (!empty($profil['logo'])): ?>
                    <img src="../assets/images/<?php echo $profil['logo']; ?>" alt="Logo" style="width: 60px; height: auto; margin-bottom: 10px;">
                <?php else: ?>
                    <div style="font-size: 40px; margin-bottom: 10px;"><i class="fas fa-school"></i></div>
                <?php endif; ?>
                <h2 style="font-size: 18px;"><?php echo !empty($profil['nama_sekolah']) ? $profil['nama_sekolah'] : 'RA SALAFIYAH'; ?></h2>
            </div>
            <div class="sidebar-menu">
                <a href="dashboard.php" class="menu-item"><i class="fas fa-home"></i> <span>Dashboard</span></a>
                <a href="kelola-profil.php" class="menu-item"><i class="fas fa-cog"></i> <span>Kelola Profil</span></a>
                <a href="kelola-guru.php" class="menu-item"><i class="fas fa-chalkboard-teacher"></i> <span>Kelola Guru</span></a>
                <a href="kelola-kegiatan.php" class="menu-item"><i class="fas fa-calendar-alt"></i> <span>Kelola Kegiatan</span></a>
                <a href="kelola-galeri.php" class="menu-item"><i class="fas fa-images"></i> <span>Kelola Galeri</span></a>
                <a href="kelola-pendaftaran.php" class="menu-item"><i class="fas fa-user-plus"></i> <span>Kelola Pendaftaran</span></a>
                <a href="kelola-kontak.php" class="menu-item active"><i class="fas fa-envelope"></i> <span>Kelola Kontak</span></a>
                <a href="../index.php" class="menu-item" target="_blank"><i class="fas fa-globe"></i> <span>Lihat Website</span></a>
            </div>
        </div>
        
        <div class="main-content">
            <div class="top-bar">
                <div class="menu-toggle" id="menuToggle">
                    <i class="fas fa-bars"></i>
                </div>
                <h1><i class="fas fa-envelope"></i> Kelola Kontak</h1>
                <div class="admin-info">
                    <div class="admin-avatar"><i class="fas fa-user"></i></div>
                    <div><strong><?php echo $_SESSION['admin_name']; ?></strong></div>
                </div>
            </div>
            
            <?php if ($success): ?><div class="alert alert-success"><?php echo $success; ?></div><?php endif; ?>
            <?php if ($error): ?><div class="alert alert-error"><?php echo $error; ?></div><?php endif; ?>

<div class="content-card">
                <div class="table-responsive">
                    <table>
                        <thead>
                            <tr>
                                <th>No</th>
                                <th>Tanggal</th>
                                <th>Nama Pengirim</th>
                                <th>Subjek</th>
                                <th>Pesan</th>
                                <th>Status</th>
                                <th>Aksi</th>
                            </tr>
                        </thead>
                        <tbody>
                            <?php 
                            $no = 1; 
                            while($row = mysqli_fetch_assoc($list_data)): 
                                $id_pesan = $row[$pk];
                            ?>
                            <tr>
                                <td><?php echo $no++; ?></td>
                                <td><?php echo date('d/m/Y', strtotime($row['created_at'])); ?></td>
                                <td>
                                    <?php echo $row['nama']; ?><br>
                                    <small style="color:#888;"><?php echo $row['email']; ?></small>
                                </td>
                                <td><?php echo $row['subjek']; ?></td>
                                <td><?php echo substr($row['pesan'], 0, 50) . (strlen($row['pesan']) > 50 ? '...' : ''); ?></td>
                                <td>
                                    <span class="status-badge status-<?php echo $row['status']; ?>">
                                        <?php echo ucfirst($row['status']); ?>
                                    </span>
                                </td>
                                <td>
                                    <?php if($row['status'] == 'baru'): ?>
                                    <a href="?action=baca&id=<?php echo $id_pesan; ?>" class="btn-action btn-view" title="Tandai Dibaca"><i class="fas fa-check"></i></a>
                                    <?php endif; ?>
                                    <?php if(!empty($row['telepon'])): ?>
                                    <a href="https://wa.me/<?php echo preg_replace('/^0/', '62', preg_replace('/[^0-9]/', '', $row['telepon'])); ?>" target="_blank" class="btn-action btn-wa" title="Balas via WA"><i class="fab fa-whatsapp"></i></a>
                                    <?php endif; ?>
                                    <a href="?action=hapus&id=<?php echo $id_pesan; ?>" class="btn-action btn-delete" onclick="return confirm('Yakin ingin menghapus pesan ini?')" title="Hapus"><i class="fas fa-trash"></i></a>
                                </td>
                            </tr>
                            <?php endwhile; ?>
                            <?php if(mysqli_num_rows($list_data) == 0): ?>
                            <tr><td colspan="7" style="text-align:center;">Belum ada pesan masuk.</td></tr>
                            <?php endif; ?>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</body>
</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: kelola-kontak.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation