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

Free Space:

9.98 TB

🔧 Quick Actions

✏️ Editing: login-admin.php

<?php
session_start();
session_regenerate_id(true); // Mencegah sesi hijacking
if (isset($_SESSION['admin'])) {
    header("Location: admin/index.php");
    exit();
} else if (isset($_SESSION['petugas'])) {
    header("Location: petugas/index.php");
    exit();
}
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>Login Admin</title>

body::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="admin-pattern" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="white" opacity="0.05"/><rect x="5" y="5" width="2" height="2" fill="white" opacity="0.02"/></pattern></defs><rect width="100" height="100" fill="url(%23admin-pattern)"/></svg>');
        opacity: 0.6;
    }

.main-title {
        font-size: 2.5rem;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
        text-align: center;
        color: white;
        text-shadow: 0 2px 4px rgba(0,0,0,0.3);
        margin-bottom: 2rem;
        line-height: 1.2;
        position: relative;
        z-index: 1;
    }

.admin-badge {
        display: inline-block;
        background: linear-gradient(45deg, #e74c3c, #c0392b);
        color: white;
        padding: 0.3rem 1rem;
        border-radius: 25px;
        font-size: 0.8rem;
        font-weight: 600;
        margin-bottom: 1rem;
        text-transform: uppercase;
        letter-spacing: 1px;
        box-shadow: 0 4px 15px rgba(231, 76, 60, 0.3);
    }

.login-card {
        background: rgba(255, 255, 255, 0.98);
        backdrop-filter: blur(15px);
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 20px;
        box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2);
        overflow: hidden;
        position: relative;
        z-index: 1;
    }

.login-header {
        background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
        color: white;
        padding: 2.5rem;
        text-align: center;
        position: relative;
    }

.login-header::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 20"><defs><pattern id="admin-grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><polygon points="50,40 60,60 40,60" fill="white" opacity="0.05"/></pattern></defs><rect width="100" height="20" fill="url(%23admin-grain)"/></svg>');
        opacity: 0.3;
    }

.login-header h2 {
        font-size: 1.6rem;
        font-weight: 600;
        margin: 0.5rem 0 0 0;
        position: relative;
        z-index: 1;
    }

.login-header .icon {
        font-size: 3.5rem;
        margin-bottom: 1rem;
        opacity: 0.9;
        position: relative;
        z-index: 1;
    }

.admin-title {
        font-size: 1.1rem;
        font-weight: 500;
        margin-bottom: 0.5rem;
        opacity: 0.9;
        position: relative;
        z-index: 1;
    }

.form-control-user {
        border-radius: 50px;
        padding: 1rem 1.5rem;
        border: 2px solid #e3e6f0;
        transition: all 0.3s ease;
        font-size: 0.9rem;
        background: rgba(255, 255, 255, 0.9);
    }

.form-control-user:focus {
        border-color: #e74c3c;
        box-shadow: 0 0 0 0.2rem rgba(231, 76, 60, 0.25);
        transform: translateY(-2px);
        background: white;
    }

.btn-login {
        background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
        border: none;
        border-radius: 50px;
        padding: 1rem 2rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        transition: all 0.3s ease;
        box-shadow: 0 4px 15px rgba(231, 76, 60, 0.3);
        color: white;
    }

.btn-login:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 25px rgba(231, 76, 60, 0.4);
        background: linear-gradient(135deg, #c0392b 0%, #e74c3c 100%);
        color: white;
    }

.input-group-text {
        background: rgba(255, 255, 255, 0.9);
        border: 2px solid #e3e6f0;
        border-left: none;
        border-radius: 0 50px 50px 0;
        cursor: pointer;
        transition: all 0.3s ease;
    }

.input-group .form-control-user {
        border-radius: 50px 0 0 50px;
        border-right: none;
    }

.password-toggle:hover {
        background: #f8f9fc;
        color: #e74c3c;
    }

.link-style {
        color: #e74c3c;
        text-decoration: none;
        font-weight: 500;
        transition: all 0.3s ease;
    }

.link-style:hover {
        color: #c0392b;
        text-decoration: none;
        transform: translateX(2px);
    }

.divider {
    position: relative;
    text-align: center;
    margin: 2rem 0;
}

.divider::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(to right, transparent, #e3e6f0, transparent);
    z-index: 1; /* Pastikan garis di bawah */
}

.divider span {
    position: relative;
    background: white; /* Warna latar belakang card kamu */
    padding: 0 1rem;
    color: #6c757d;
    font-size: 0.9rem;
    z-index: 2; /* Pastikan teks di atas garis */
}

.security-notice {
        background: linear-gradient(135deg, #f8d7da 0%, #f1c2c7 100%);
        border: 1px solid #f5c6cb;
        border-radius: 15px;
        padding: 1rem;
        margin-bottom: 1.5rem;
        text-align: center;
    }

.security-notice i {
        color: #721c24;
        margin-right: 0.5rem;
    }

.security-notice span {
        color: #721c24;
        font-size: 0.85rem;
        font-weight: 500;
    }

/* Responsif */
    @media (max-width: 768px) {
        .main-title {
            font-size: 1.8rem;
            margin-bottom: 1.5rem;
            padding: 0 1rem;
        }
        
        .login-header {
            padding: 1.5rem;
        }
        
        .login-header h2 {
            font-size: 1.3rem;
        }
        
        .login-header .icon {
            font-size: 2.8rem;
        }

.admin-title {
            font-size: 1rem;
        }
    }

@media (max-width: 480px) {
        .main-title {
            font-size: 1.5rem;
        }
        
        .container {
            padding: 0 15px;
        }
    }
</style>
</head>

<body>
    <div class="container">
        
        <div class="row justify-content-center">
            <div class="col-12">
                <h1 class="main-title mt-4">
                    Pusat Aduan Masyarakat<br>
                    Kelurahan SendangHarjo Tuban
                </h1>
                <div class="text-center">
                    <span class="admin-badge">
                        <i class="fas fa-shield-alt mr-1"></i>Admin Portal
                    </span>
                </div>
            </div>
        </div>

<div class="row justify-content-center">
            <div class="col-md-6 col-lg-5">
                <div class="card login-card border-0 shadow-lg my-4">
                    
                    <div class="login-header">
                        <div class="icon">
                            <i class="fas fa-user-shield"></i>
                        </div>
                        <div class="admin-title">Panel Admin & Petugas</div>
                        <h2>Silahkan Login</h2>
                    </div>
                    
                    
                    <div class="card-body p-5">
                        
                        <div class="security-notice">
                            <i class="fas fa-exclamation-triangle"></i>
                            <span>Area Terbatas - Hanya untuk Admin & Petugas Resmi</span>
                        </div>

<form class="user" action="process/cek_login_admin.php" method="POST">
                            <div class="form-group mb-4">
                                <input type="text" class="form-control form-control-user" name="username" required placeholder="Masukkan Username Admin">
                            </div>
                            
                            <div class="form-group mb-4">
                                <div class="input-group">
                                    <input type="password" class="form-control form-control-user" name="password" id="password" required placeholder="Masukkan Password">
                                    <div class="input-group-append">
                                        <span class="input-group-text password-toggle" id="togglePassword">
                                            <i class="fas fa-eye"></i>
                                        </span>
                                    </div>
                                </div>
                            </div>
                            
                            <input type="submit" class="btn btn-login btn-user btn-block mb-4" value="Login Sebagai Admin">
                        </form>
                        
                        <div class="divider">
                            <span>atau</span>
                        </div>
                        
                        <div class="text-center">
                            <p class="mb-0">
                                <a class="link-style" href="login.php">
                                    <i class="fas fa-users mr-1"></i>Login Sebagai Masyarakat
                                </a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<script>
        document.getElementById("togglePassword").addEventListener("click", function () {
            var passwordInput = document.getElementById("password");
            var icon = this.querySelector("i");

if (passwordInput.type === "password") {
                passwordInput.type = "text";
                icon.classList.remove("fa-eye");
                icon.classList.add("fa-eye-slash");
            } else {
                passwordInput.type = "password";
                icon.classList.remove("fa-eye-slash");
                icon.classList.add("fa-eye");
            }
        });

// Smooth animations
        document.addEventListener('DOMContentLoaded', function() {
            const card = document.querySelector('.login-card');
            const title = document.querySelector('.main-title');
            const badge = document.querySelector('.admin-badge');
            
            // Fade in animation
            setTimeout(() => {
                title.style.opacity = '1';
                title.style.transform = 'translateY(0)';
            }, 100);
            
            setTimeout(() => {
                badge.style.opacity = '1';
                badge.style.transform = 'translateY(0)';
            }, 200);
            
            setTimeout(() => {
                card.style.opacity = '1';
                card.style.transform = 'translateY(0)';
            }, 400);
        });
    </script>

</body>
</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: login-admin.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation