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

Free Space:

9.88 TB

🔧 Quick Actions

✏️ Editing: kelola_profil.php

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

// Cek login
if (!is_logged_in()) {
    redirect('../login.php');
}

// Get profil
 $profil = get_profil();
 
// Proses update
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    $nama_ponpes = mysqli_real_escape_string($conn, $_POST['nama_ponpes']);
    $visi = mysqli_real_escape_string($conn, $_POST['visi']);
    $misi = mysqli_real_escape_string($conn, $_POST['misi']);
    $sejarah = mysqli_real_escape_string($conn, $_POST['sejarah']);
    $alamat = mysqli_real_escape_string($conn, $_POST['alamat']);
    $kontak = mysqli_real_escape_string($conn, $_POST['kontak']);
    
    // Upload logo jika ada
    $logo = $profil['logo']; // default pakai logo lama

if (!empty($_FILES['logo']['name'])) {
    $logo_upload = upload_file($_FILES['logo'], "../uploads/logo");

if ($logo_upload['status']) {

// Hapus file lama jika ada
        if (!empty($profil['logo']) && file_exists("../uploads/logo/" . $profil['logo'])) {
            unlink("../uploads/logo/" . $profil['logo']);
        }

// Simpan nama file baru
        $logo = $logo_upload['file_name'];

} else {
        $_SESSION['error'] = "Gagal mengupload logo: " . $logo_upload['message'];
        redirect('kelola_profil.php');
    }
}

// Buat query update logo jika ada file baru
$update_logo_sql = "";
if (!empty($logo)) {
    $update_logo_sql = ", logo = '$logo'";
}

// Update data
    $query = "UPDATE profil SET 
          nama_ponpes = '$nama_ponpes', 
          visi = '$visi', 
          misi = '$misi', 
          sejarah = '$sejarah', 
          alamat = '$alamat', 
          kontak = '$kontak'
          $update_logo_sql
          WHERE id_profil = " . $profil['id_profil'];
    
    if (mysqli_query($conn, $query)) {
        $_SESSION['success'] = "Profil berhasil diperbarui.";
        redirect('kelola_profil.php');
    } else {
        $_SESSION['error'] = "Gagal memperbarui profil: " . mysqli_error($conn);
    }
}
?>

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Kelola Profil</title>
    
    
    <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
    
    
    <link rel="stylesheet" href="../assets/css/style.css">
    
    
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    
    
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    
    <style>
        /* Reset dan Base Styles */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        html, body {
            height: 100%;
            font-family: 'Poppins', sans-serif;
            overflow-x: hidden;
        }
        
        /* Navbar Fixed Top */
        .sb-topnav {
            position: fixed !important;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1039;
            height: 56px;
        }
        
        /* Main Layout Container */
        #layoutSidenav {
            display: flex;
            min-height: 100vh;
            padding-top: 56px; /* Height of navbar */
        }
        
        /* Sidebar Full Height */
        #layoutSidenav_nav {
            flex: 0 0 250px;
            position: fixed !important;
            top: 56px; /* Same as navbar height */
            left: 0;
            bottom: 0;
            width: 250px;
            height: calc(100vh - 56px);
            z-index: 1038;
            transition: all 0.3s ease;
            overflow-y: auto;
        }
        
        /* Main Content Area */
        #layoutSidenav_content {
            flex: 1;
            margin-left: 250px;
            min-height: calc(100vh - 56px);
            transition: all 0.3s ease;
            overflow-y: auto;
        }
        
        /* Sidebar Toggle State */
        body.sb-sidenav-toggled #layoutSidenav_nav {
            width: 0;
            overflow: hidden;
        }
        
        body.sb-sidenav-toggled #layoutSidenav_content {
            margin-left: 0;
        }
        
        /* Sidenav Styles */
        .sb-sidenav {
            background-color: #212529;
            height: 100%;
        }
        
        .sb-sidenav .sb-sidenav-menu {
            flex-grow: 1;
            height: 100%;
        }
        
        .sb-sidenav .nav {
            flex-direction: column;
            flex-wrap: nowrap;
            padding-bottom: 2rem; /* Extra padding at bottom */
        }
        
        .sb-sidenav .nav .nav-link {
            display: flex;
            align-items: center;
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
            position: relative;
            color: rgba(255, 255, 255, 0.8);
            transition: all 0.2s ease;
        }
        
        .sb-sidenav .nav .nav-link:hover {
            color: #fff;
            background-color: rgba(255, 255, 255, 0.1);
            padding-left: 1.5rem;
        }
        
        .sb-sidenav .nav .nav-link.active {
            color: #fff;
            background-color: #0d6efd;
        }
        
        .sb-sidenav .sb-sidenav-menu-heading {
            padding: 1.75rem 1rem 0.75rem;
            font-size: 0.75rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: rgba(255, 255, 255, 0.5);
        }
        
        .sb-nav-link-icon {
            font-size: 0.9rem;
            margin-right: 0.5rem;
            width: 20px;
            text-align: center;
        }
        
        /* Main Content Styles */
        main {
            padding-bottom: 2rem;
        }
        
        /* Card Styles */
        .card {
            box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
            border: 1px solid #e3e6f0;
            transition: transform 0.2s ease;
        }
        
        .card:hover {
            transform: translateY(-2px);
        }
        
        .card-header {
            background-color: #f8f9fc;
            border-bottom: 1px solid #e3e6f0;
            font-weight: 600;
        }
        
        /* Form Styles */
        .form-label {
            font-weight: 500;
            color: #5a5c69;
        }
        
        .form-control:focus {
            border-color: #4e73df;
            box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
        }
        
        /* Footer */
        footer {
            background-color: #f8f9fc;
            border-top: 1px solid #e3e6f0;
            margin-top: auto;
        }
        
        /* Responsive */
        @media (max-width: 768px) {
            #layoutSidenav_nav {
                width: 0;
                overflow: hidden;
            }
            
            #layoutSidenav_content {
                margin-left: 0;
            }
            
            body.sb-sidenav-toggled #layoutSidenav_nav {
                width: 250px;
            }
            
            body.sb-sidenav-toggled #layoutSidenav_content {
                margin-left: 250px;
            }
        }
        
        /* Scrollbar Styles */
        ::-webkit-scrollbar {
            width: 8px;
            height: 8px;
        }
        
        ::-webkit-scrollbar-track {
            background: #f1f1f1;
        }
        
        ::-webkit-scrollbar-thumb {
            background: #888;
            border-radius: 4px;
        }
        
        ::-webkit-scrollbar-thumb:hover {
            background: #555;
        }
        
        /* Alert Styles */
        .alert {
            border: none;
            border-radius: 0.35rem;
        }
        
        /* Button Styles */
        .btn {
            border-radius: 0.35rem;
            font-weight: 500;
        }
        
        /* Image Preview Styles */
        #previewLogo {
            border: 1px solid #e3e6f0;
            border-radius: 0.35rem;
            padding: 0.25rem;
            background-color: #fff;
        }
        
        /* Breadcrumb Styles */
        .breadcrumb {
            background-color: transparent;
            padding: 0;
            margin-bottom: 1rem;
        }
        
        .breadcrumb-item {
            font-size: 0.875rem;
        }
        
        .breadcrumb-item a {
            color: #4e73df;
            text-decoration: none;
        }
        
        .breadcrumb-item a:hover {
            text-decoration: underline;
        }
    </style>
</head>
<body class="sb-nav-fixed">
    
    <nav class="sb-topnav navbar navbar-expand navbar-dark bg-success">
        <a class="navbar-brand ps-3" href="dashboard.php">
            <i class="fas fa-mosque"></i> Pondok Pesantren Admin
        </a>
        <button class="btn btn-link btn-sm order-1 order-lg-0 me-4 me-lg-0" id="sidebarToggle">
            <i class="bi bi-list"></i>
        </button>
        <form class="d-none d-md-inline-block form-inline ms-auto me-0 me-md-3 my-2 my-md-0">
            <div class="input-group">
                <input class="form-control" type="text" placeholder="Cari..." aria-label="Cari" aria-describedby="btnNavbarSearch" />
                <button class="btn btn-primary" id="btnNavbarSearch" type="button">
                    <i class="bi bi-search"></i>
                </button>
            </div>
        </form>
        <ul class="navbar-nav ms-auto ms-md-0 me-3 me-lg-4">
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" id="navbarDropdown" href="#" role="button" data-bs-toggle="dropdown">
                    <i class="bi bi-person-circle fs-5"></i> <?= $_SESSION['admin']['nama_admin'] ?>
                </a>
                <ul class="dropdown-menu dropdown-menu-end">
                    <li><a class="dropdown-item" href="#"><i class="bi bi-person me-2"></i>Profil</a></li>
                    <li><a class="dropdown-item" href="#"><i class="bi bi-gear me-2"></i>Pengaturan</a></li>
                    <li><hr class="dropdown-divider" /></li>
                    <li><a class="dropdown-item" href="logout.php"><i class="bi bi-box-arrow-right me-2"></i>Logout</a></li>
                </ul>
            </li>
        </ul>
    </nav>
    
    <div id="layoutSidenav">
        <div id="layoutSidenav_nav">
            <nav class="sb-sidenav accordion sb-sidenav-dark" id="sidenavAccordion">
                <div class="sb-sidenav-menu">
                    <div class="nav">
                        <div class="sb-sidenav-menu-heading">Core</div>
                        <a class="nav-link" href="dashboard.php">
                            <div class="sb-nav-link-icon"><i class="bi bi-speedometer2"></i></div>
                            Dashboard
                        </a>
                        
                        <div class="sb-sidenav-menu-heading">Management</div>
                        <a class="nav-link active" href="kelola_profil.php">
                            <div class="sb-nav-link-icon"><i class="bi bi-building"></i></div>
                            Kelola Profil
                        </a>
                        <a class="nav-link" href="kelola_kegiatan.php">
                            <div class="sb-nav-link-icon"><i class="bi bi-calendar-event"></i></div>
                            Kelola Kegiatan
                        </a>
                        <a class="nav-link" href="kelola_galeri.php">
                            <div class="sb-nav-link-icon"><i class="bi bi-images"></i></div>
                            Kelola Galeri
                        </a>
                        <a class="nav-link" href="kelola_santri.php">
                            <div class="sb-nav-link-icon"><i class="bi bi-people"></i></div>
                            Kelola Santri
                        </a>
                        <a class="nav-link" href="kelola_admin.php">
                            <div class="sb-nav-link-icon"><i class="bi bi-person-badge"></i></div>
                            Kelola Admin
                        </a>
                        <a class="nav-link" href="kelola_kontak.php">
                            <div class="sb-nav-link-icon"><i class="bi bi-envelope"></i></div>
                            Kelola Kontak
                            <?php 
                                // Hitung pesan baru
                                $count_query = "SELECT COUNT(*) as total FROM kontak WHERE status = 'baru'";
                                $count_result = mysqli_query($conn, $count_query);
                                $count_new = mysqli_fetch_assoc($count_result)['total'];
                                if ($count_new > 0) {
                                    echo '<span class="badge bg-danger float-end">' . $count_new . '</span>';
                                }
                            ?>
                        </a>
                </div>
            </nav>
        </div>
        
        <div id="layoutSidenav_content">
            <main>
                <div class="container-fluid px-4">
                    <h1 class="mt-4">Kelola Profil</h1>
                    <ol class="breadcrumb mb-4">
                        <li class="breadcrumb-item"><a href="dashboard.php">Dashboard</a></li>
                        <li class="breadcrumb-item active">Kelola Profil</li>
                    </ol>
                    
                    <?php if (isset($_SESSION['success'])): ?>
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            <i class="bi bi-check-circle-fill me-2"></i><?= $_SESSION['success'] ?>
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                        </div>
                        <?php unset($_SESSION['success']); ?>
                    <?php endif; ?>
                    
                    <?php if (isset($_SESSION['error'])): ?>
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            <i class="bi bi-exclamation-triangle-fill me-2"></i><?= $_SESSION['error'] ?>
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                        </div>
                        <?php unset($_SESSION['error']); ?>
                    <?php endif; ?>
                    
                    <div class="card">
                        <div class="card-header">
                            <i class="bi bi-building me-1"></i>
                            Edit Profil Pondok Pesantren
                        </div>
                        <div class="card-body">
                            <form action="kelola_profil.php" method="post" enctype="multipart/form-data">
                                <div class="row mb-3">
                                    <div class="col-md-6">
                                        <label for="nama_ponpes" class="form-label">Nama Pondok Pesantren</label>
                                        <input type="text" class="form-control" id="nama_ponpes" name="nama_ponpes" value="<?= $profil['nama_ponpes'] ?>" required>
                                    </div>
                                    <div class="col-md-6">
                                        <label for="kontak" class="form-label">Kontak</label>
                                        <input type="text" class="form-control" id="kontak" name="kontak" value="<?= $profil['kontak'] ?>" required>
                                    </div>
                                </div>
                                
                                <div class="mb-3">
                                    <label for="visi" class="form-label">Visi</label>
                                    <textarea class="form-control" id="visi" name="visi" rows="3" required><?= $profil['visi'] ?></textarea>
                                </div>
                                
                                <div class="mb-3">
                                    <label for="misi" class="form-label">Misi</label>
                                    <textarea class="form-control" id="misi" name="misi" rows="4" required><?= $profil['misi'] ?></textarea>
                                </div>
                                
                                <div class="mb-3">
                                    <label for="sejarah" class="form-label">Sejarah</label>
                                    <textarea class="form-control" id="sejarah" name="sejarah" rows="5" required><?= $profil['sejarah'] ?></textarea>
                                </div>
                                
                                <div class="mb-3">
                                    <label for="alamat" class="form-label">Alamat</label>
                                    <textarea class="form-control" id="alamat" name="alamat" rows="3" required><?= $profil['alamat'] ?></textarea>
                                </div>
                                
                                <div class="mb-3">
                                    <label for="logo" class="form-label">Logo</label>
                                    <div class="d-flex align-items-center">
                                        <img src="../uploads/logo/<?= $profil['logo'] ?>" alt="Logo" class="me-3" width="100" id="previewLogo">
                                        <input type="file" class="form-control" id="logo" name="logo" accept="image/*" onchange="previewImage(this)">
                                    </div>
                                    <small class="text-muted">Kosongkan jika tidak ingin mengubah logo. Maksimal ukuran 2MB.</small>
                                </div>
                                
                                <div class="d-flex justify-content-end">
                                    <a href="dashboard.php" class="btn btn-secondary me-2">Batal</a>
                                    <button type="submit" class="btn btn-primary">Simpan Perubahan</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </main>
            
            <footer class="py-4 bg-light mt-auto">
                <div class="container-fluid px-4">
                    <div class="d-flex align-items-center justify-content-between small">
                        <div class="text-muted">Copyright &copy; <?= date('Y') ?> Pondok Pesantren Al-Hikmah</div>
                        <div>
                            <a href="#">Privacy Policy</a>
                            &middot;
                            <a href="#">Terms &amp; Conditions</a>
                        </div>
                    </div>
                </div>
            </footer>
        </div>
    </div>
    
    
    <script src="../assets/js/bootstrap.bundle.min.js"></script>
    
    
    <script src="../assets/js/jquery.min.js"></script>
    
    
    <script src="../assets/js/scripts.js"></script>
    <script src="../assets/js/script.js"></script>
    
    <script>
        // Sidebar Toggle Logic
        document.addEventListener('DOMContentLoaded', function() {
            const sidebarToggle = document.getElementById('sidebarToggle');
            const body = document.body;
            
            // Load saved state
            if (localStorage.getItem('sb|sidebar-toggle') === 'true') {
                body.classList.add('sb-sidenav-toggled');
            }
            
            // Toggle sidebar
            sidebarToggle.addEventListener('click', function(e) {
                e.preventDefault();
                body.classList.toggle('sb-sidenav-toggled');
                localStorage.setItem('sb|sidebar-toggle', body.classList.contains('sb-sidenav-toggled'));
            });
        });
        
        // Preview image before upload
        function previewImage(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();
                
                reader.onload = function(e) {
                    document.getElementById('previewLogo').src = e.target.result;
                }
                
                reader.readAsDataURL(input.files[0]);
            }
        }
    </script>
</body>
</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: kelola_profil.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation