<?php
// استدعاء ملف التحقق المنطقي في بداية الصفحة
require_once 'auth.php';
?>


<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>تسجيل الدخول - نادي الإمارات | Emirates Club Login</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.rtl.min.css" rel="stylesheet">
    <link href="assets/css/style.css" rel="stylesheet">
</head>
<body>

<div class="login-container">
    <div class="login-card">
        <div class="text-center">
            <img src="assets/images/emirates_club_logo.png" alt="Emirates Club Logo" class="login-logo">
            <h4 class="mb-1 text-success fw-bold">نادي الإمارات الثقافي الرياضي</h4>
            <h6 class="text-muted mb-4">Emirates Cultural & Sports Club</h6>
            <hr>
            <h5 class="mb-4">بوابة الخدمات الإلكترونية <br> <small class="text-muted fs-6">E-Services Portal</small></h5>
        </div>

        <?php if(!empty($error_msg)): ?>
            <div class="alert alert-danger text-center"><?php echo $error_msg; ?></div>
        <?php endif; ?>

        <form action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>" method="post">
            
            <div class="mb-3">
                <label class="form-label fw-bold">اسم المستخدم</label>
                <span class="bilingual-text">Username</span>
                <input type="text" name="username" class="form-control form-control-lg" required autofocus>
            </div>

            <div class="mb-3">
                <label class="form-label fw-bold">كلمة المرور</label>
                <span class="bilingual-text">Password</span>
                <input type="password" name="password" class="form-control form-control-lg" required>
            </div>

            <div class="d-grid gap-2 mt-4">
                <button type="submit" class="btn btn-ec-primary btn-lg">
                    تسجيل الدخول <span class="mx-2">|</span> Login
                </button>
            </div>

        </form>
        
        <div class="text-center mt-3">
            <small class="text-muted">جميع الحقوق محفوظة لنادي الإمارات © <?php echo date("Y"); ?></small>
        </div>
    </div>
</div>

</body>
</html>