File Manager

Editing:login.php

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

if (is_admin_logged_in()) {
    header('Location: index.php');
    exit;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Admin Login | VELORA</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap" rel="stylesheet">
    <style>
        :root {
            --primary-rose-gold: #B76E79;
            --luxury-pink: #E8A4B8;
            --soft-pink: #F8D7E2;
            --white: #FFFFFF;
            --dark-text: #2B2B2B;
            --gradient-rose: linear-gradient(135deg, #B76E79 0%, #E8A4B8 100%);
            --shadow-md: 0 5px 20px rgba(0,0,0,0.08);
            --shadow-rose: 0 10px 30px rgba(183,110,121,0.2);
        }
        
        * { margin: 0; padding: 0; box-sizing: border-box; }
        
        body {
            font-family: 'Inter', sans-serif;
            background: linear-gradient(135deg, #F8D7E2 0%, #FFFFFF 50%, #E8A4B8 100%);
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }
        
        .login-wrapper {
            background: var(--white);
            border-radius: 24px;
            box-shadow: var(--shadow-md);
            overflow: hidden;
            max-width: 1000px;
            width: 100%;
            display: grid;
            grid-template-columns: 1fr 1fr;
        }
        
        .login-left {
            background: var(--gradient-rose);
            color: var(--white);
            padding: 60px 40px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
        }
        
        .login-left h1 {
            font-family: 'Playfair Display', serif;
            font-size: 3rem;
            letter-spacing: 4px;
            margin-bottom: 20px;
        }
        
        .login-left p {
            opacity: 0.9;
            margin-bottom: 30px;
        }
        
        .login-left i {
            font-size: 6rem;
            margin-bottom: 20px;
            opacity: 0.3;
        }
        
        .login-right {
            padding: 60px 50px;
        }
        
        .login-right h2 {
            font-family: 'Playfair Display', serif;
            font-size: 1.8rem;
            margin-bottom: 10px;
            color: var(--dark-text);
        }
        
        .login-right .subtitle {
            color: #6c757d;
            margin-bottom: 30px;
        }
        
        .form-control {
            border: 2px solid #e9ecef;
            border-radius: 50px;
            padding: 12px 20px;
            font-size: 0.95rem;
            transition: all 0.3s ease;
        }
        
        .form-control:focus {
            border-color: var(--primary-rose-gold);
            box-shadow: var(--shadow-rose);
        }
        
        .input-group-text {
            border: 2px solid #e9ecef;
            border-right: none;
            border-radius: 50px 0 0 50px;
            background: transparent;
            color: var(--primary-rose-gold);
        }
        
        .input-group .form-control {
            border-left: none;
            border-radius: 0 50px 50px 0;
        }
        
        .input-group:focus-within .input-group-text {
            border-color: var(--primary-rose-gold);
        }
        
        .btn-login {
            background: var(--gradient-rose);
            color: var(--white);
            border: none;
            padding: 14px 30px;
            border-radius: 50px;
            font-weight: 500;
            width: 100%;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-size: 0.9rem;
            transition: all 0.3s ease;
            cursor: pointer;
        }
        
        .btn-login:hover {
            background: var(--primary-rose-gold);
            transform: translateY(-2px);
            box-shadow: var(--shadow-rose);
        }
        
        .alert {
            border-radius: 12px;
            border: none;
        }
        
        @media (max-width: 768px) {
            .login-wrapper { grid-template-columns: 1fr; }
            .login-left { padding: 30px 20px; }
            .login-left h1 { font-size: 2rem; }
            .login-left i { font-size: 3rem; }
            .login-right { padding: 30px 20px; }
        }
    </style>
</head>
<body>

<div class="login-wrapper">
    <div class="login-left">
        <img src="<?= SITE_URL ?>assets/logo/velora-logo.jpeg" alt="VELORA" class="admin-login-logo">
        <h1>VELORA</h1>
        <p>Admin Control Panel<br>Manage your premium ecommerce store</p>
    </div>
    <div class="login-right">
        <h2>Welcome Back</h2>
        <p class="subtitle">Sign in to access the admin dashboard</p>
        
        <?php if (isset($login_error)): ?>
            <div class="alert alert-danger">
                <i class="fas fa-exclamation-circle"></i> <?= htmlspecialchars($login_error) ?>
            </div>
        <?php endif; ?>
        
        <form method="POST">
            <?= csrf_field() ?>
            <input type="hidden" name="admin_login" value="1">
            
            <div class="mb-3">
                <label class="form-label">Username or Email</label>
                <div class="input-group">
                    <span class="input-group-text"><i class="fas fa-user"></i></span>
                    <input type="text" name="username" class="form-control" required placeholder="Enter username" autofocus>
                </div>
            </div>
            
            <div class="mb-3">
                <label class="form-label">Password</label>
                <div class="input-group">
                    <span class="input-group-text"><i class="fas fa-lock"></i></span>
                    <input type="password" name="password" class="form-control" required placeholder="Enter password">
                </div>
            </div>
            
            <div class="d-flex justify-content-between align-items-center mb-4">
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" id="remember">
                    <label class="form-check-label" for="remember">Remember me</label>
                </div>
                <a href="#" style="color: var(--primary-rose-gold); text-decoration: none; font-size: 0.9rem;">Forgot password?</a>
            </div>
            
            <button type="submit" class="btn-login">
                <i class="fas fa-sign-in-alt"></i> Sign In
            </button>
        </form>
        
        <p style="margin-top: 25px; text-align: center; color: #6c757d; font-size: 0.85rem;">
            Default: <strong>admin</strong> / <strong>admin123</strong>
        </p>
    </div>
</div>

</body>
</html>

Cancel

🤩 File Manager - Mr.X

Editing:login.php