<?php
// ========================================
// صفحه ورود به پنل مدیریت
// پروژه فروشگاه کیف‌لند
// ========================================

require_once '../config/database.php';
require_once '../config/settings.php';
require_once '../includes/auth.php';
require_once '../includes/functions.php';

$settings = SiteSettings::getInstance();
$pageTitle = 'ورود به پنل مدیریت | ' . $settings->get('site_name');

// اگر کاربر قبلاً وارد شده و ادمین است، مستقیم به داشبورد هدایت شود
if (Auth::isLoggedIn() && Auth::isAdmin()) {
    header('Location: index.php');
    exit;
}

$error = '';
$success = '';
$email = '';

// پردازش فرم ورود
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $email = filter_input(INPUT_POST, 'email', FILTER_SANITIZE_EMAIL);
    $password = $_POST['password'] ?? '';
    $remember = isset($_POST['remember']);

    if (empty($email) || empty($password)) {
        $error = 'لطفاً ایمیل و رمز عبور را وارد کنید';
    } elseif (!Auth::validateEmail($email)) {
        $error = 'ایمیل وارد شده معتبر نیست';
    } else {
        // تلاش برای ورود
        if (Auth::login($email, $password, $remember)) {
            // بررسی نقش کاربر
            if (Auth::isAdmin()) {
                Auth::logActivity('admin_login', 'ورود موفق به پنل مدیریت');
                header('Location: index.php');
                exit;
            } else {
                // کاربر عادی وارد شده، خارجش کن
                Auth::logout();
                $error = 'شما دسترسی لازم برای ورود به پنل مدیریت را ندارید';
            }
        } else {
            Auth::logActivity('admin_login_failed', 'تلاش ناموفق برای ورود به پنل مدیریت');
            $error = 'ایمیل یا رمز عبور اشتباه است';
        }
    }
}
?>
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?= htmlspecialchars($pageTitle) ?></title>
    <link href="https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="assets/css/style.css">
    <style>
        /* استایل‌های اختصاصی صفحه ورود (کاملاً هماهنگ با تم شیشه‌ای) */
        body.login-page {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 100vh;
            padding: 24px;
        }
        .login-wrapper {
            width: 100%;
            max-width: 440px;
        }
        .login-card {
            background: var(--glass-bg);
            backdrop-filter: blur(60px) saturate(180%);
            -webkit-backdrop-filter: blur(60px) saturate(180%);
            border: 1px solid var(--glass-border);
            border-radius: var(--radius);
            padding: 40px 32px;
            box-shadow: var(--shadow-soft);
            text-align: center;
        }
        .login-logo {
            width: 72px;
            height: 72px;
            background: linear-gradient(135deg, #007AFF 0%, #5856D6 100%);
            border-radius: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 24px;
            font-size: 32px;
            color: #fff;
            box-shadow: 0 8px 20px rgba(0,122,255,0.3);
        }
        .login-card h2 {
            font-size: 26px;
            font-weight: 700;
            color: var(--text-primary);
            margin-bottom: 8px;
            letter-spacing: -0.5px;
        }
        .login-card > p {
            color: var(--text-secondary);
            font-size: 14px;
            margin-bottom: 28px;
            opacity: 0.8;
        }
        .form-group {
            margin-bottom: 18px;
            text-align: right;
        }
        .form-group label {
            display: block;
            font-size: 13px;
            font-weight: 500;
            color: var(--text-primary);
            margin-bottom: 8px;
        }
        .form-group input[type="email"],
        .form-group input[type="password"] {
            width: 100%;
            padding: 12px 16px;
            background: rgba(255,255,255,0.35);
            backdrop-filter: blur(15px);
            border: 1px solid var(--glass-border);
            border-radius: var(--radius-sm);
            font-family: 'Vazirmatn', sans-serif;
            font-size: 14px;
            color: var(--text-primary);
            transition: all 0.2s ease;
        }
        .form-group input:focus {
            outline: none;
            background: rgba(255,255,255,0.55);
            border-color: rgba(0,122,255,0.4);
            box-shadow: 0 0 0 4px rgba(0,122,255,0.1);
        }
        .form-options {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 24px;
            font-size: 13px;
        }
        .remember-me {
            display: flex;
            align-items: center;
            gap: 8px;
            cursor: pointer;
            color: var(--text-secondary);
        }
        .remember-me input {
            width: 16px;
            height: 16px;
            accent-color: var(--primary);
            cursor: pointer;
        }
        .forgot-password {
            color: var(--primary);
            text-decoration: none;
            font-weight: 500;
        }
        .forgot-password:hover { text-decoration: underline; }
        .btn-login {
            width: 100%;
            padding: 14px;
            background: linear-gradient(135deg, #007AFF 0%, #5856D6 100%);
            color: white;
            border: none;
            border-radius: var(--radius-sm);
            font-family: 'Vazirmatn', sans-serif;
            font-size: 15px;
            font-weight: 600;
            cursor: pointer;
            box-shadow: 0 4px 12px rgba(0,122,255,0.25);
            transition: all 0.2s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }
        .btn-login:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 16px rgba(0,122,255,0.35);
        }
        .btn-login:active { transform: translateY(0); }
        .alert {
            padding: 12px 16px;
            border-radius: var(--radius-sm);
            margin-bottom: 20px;
            font-size: 13px;
            font-weight: 500;
            display: flex;
            align-items: center;
            gap: 10px;
            text-align: right;
            animation: fadeIn 0.3s ease;
        }
        .alert-error {
            background: rgba(255,59,48,0.15);
            border: 1px solid rgba(255,59,48,0.25);
            color: var(--danger);
        }
        .alert-success {
            background: rgba(52,199,89,0.15);
            border: 1px solid rgba(52,199,89,0.25);
            color: var(--success);
        }
        .back-to-site {
            margin-top: 24px;
            font-size: 13px;
            color: var(--text-secondary);
        }
        .back-to-site a {
            color: var(--primary);
            text-decoration: none;
            font-weight: 500;
            transition: opacity 0.2s;
        }
        .back-to-site a:hover { opacity: 0.8; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
    </style>
</head>
<body class="login-page">
    <!-- پوشش پس‌زمینه برای هماهنگی با script.js -->
    <div class="overlay" id="overlay"></div>

    <div class="login-wrapper">
        <main class="login-card">
            <div class="login-logo">
                <i class="fas fa-shield-alt"></i>
            </div>
            <h2>ورود به پنل مدیریت</h2>
            <p>لطفاً برای دسترسی به داشبورد وارد شوید</p>

            <?php if (!empty($error)): ?>
            <div class="alert alert-error">
                <i class="fas fa-exclamation-circle"></i>
                <?= htmlspecialchars($error) ?>
            </div>
            <?php endif; ?>

            <?php if (!empty($success)): ?>
            <div class="alert alert-success">
                <i class="fas fa-check-circle"></i>
                <?= htmlspecialchars($success) ?>
            </div>
            <?php endif; ?>

            <form method="POST" action="<?= htmlspecialchars($_SERVER['PHP_SELF']) ?>" autocomplete="off">
                <div class="form-group">
                    <label for="email">آدرس ایمیل</label>
                    <input type="email" id="email" name="email" value="<?= htmlspecialchars($email) ?>" placeholder="admin@example.com" required autocomplete="email">
                </div>
                <div class="form-group">
                    <label for="password">رمز عبور</label>
                    <input type="password" id="password" name="password" placeholder="رمز عبور خود را وارد کنید" required autocomplete="current-password">
                </div>
                <div class="form-options">
                    <label class="remember-me">
                        <input type="checkbox" name="remember" id="remember">
                        <span>مرا به خاطر بسپار</span>
                    </label>
                    <a href="#" class="forgot-password">فراموشی رمز؟</a>
                </div>
                <button type="submit" class="btn-login">
                    <i class="fas fa-sign-in-alt"></i> ورود به سیستم
                </button>
            </form>

            <div class="back-to-site">
                بازگشت به <a href="../index.php">صفحه اصلی سایت</a>
            </div>
        </main>
    </div>

    <script src="assets/js/script.js"></script>
</body>
</html>