<?php
session_start();
// التأكد من استدعاء ملف الاتصال الصحيح
require_once('db_connection.php'); 

/**
 * 1. منطق تعدد اللغات
 */
$lang = $_GET['lang'] ?? $_SESSION['lang'] ?? 'ar';
$_SESSION['lang'] = $lang;

$translations = [
    'ar' => [
        'title' => 'بوابة إدارة موقع الويب | معهد لغة العرب',
'welcome' => 'بوابة إدارة موقع الويب',
        'sub_welcome' => 'نظام إدارة معهد لغة العرب',
        'username_label' => 'اسم المستخدم',
        'username_placeholder' => 'أدخل اسم المستخدم',
        'password_label' => 'كلمة المرور',
        'remember' => 'تذكر بيانات الدخول',
        'login_btn' => 'تـسجيل الـدخول',
        'student_portal' => 'الدخول إلى بوابة الطالب',
        'rights' => 'جميع الحقوق محفوظة.',
        'dir' => 'rtl'
    ],
    'tr' => [
'title' => 'Web Sitesi Yönetim Portalı | Lughat AlArab Institute',
'welcome' => 'Web Sitesi Yönetim Portalı',
        'sub_welcome' => 'Lughat Al Arab Institute Yönetim Sistemi',
        'username_label' => 'Kullanıcı Adı',
        'username_placeholder' => 'Kullanıcı adınızı girin',
        'password_label' => 'Şifre',
        'remember' => 'Beni hatırla',
        'login_btn' => 'Giriş Yap',
        'student_portal' => 'Öğrenci Portalı Girişi',
        'rights' => 'Tüm hakları saklıdır.',
        'dir' => 'ltr'
    ],
    'en' => [
'title' => 'Website Management Portal | Lughat AlArab Institute',
'welcome' => 'Website Management Portal',
        'sub_welcome' => 'Lughat Al Arab Management System',
        'username_label' => 'Username',
        'username_placeholder' => 'Enter username',
        'password_label' => 'Password',
        'remember' => 'Remember me',
        'login_btn' => 'Login Now',
        'student_portal' => 'Student Portal Access',
        'rights' => 'All rights reserved.',
        'dir' => 'ltr'
    ]
];

$t = $translations[$lang] ?? $translations['ar'];
$error = '';

/**
 * 2. منطق تسجيل الدخول (نفس منطقك القديم الناجح)
 */
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $user_input = $_POST['username'];
    $pass_input = $_POST['password'];

    // استخدام اسم الجدول admins كما في كودك الناجح
    $stmt = $conn->prepare("SELECT id, password FROM admins WHERE username = ?");
    
    if ($stmt) {
        $stmt->bind_param("s", $user_input);
        $stmt->execute();
        $result = $stmt->get_result();

        if ($row = $result->fetch_assoc()) {
            if (password_verify($pass_input, $row['password'])) {
                // تحديث وقت آخر دخول (اختياري)
                $conn->query("UPDATE admins SET last_login = NOW() WHERE id = " . $row['id']);
                
                $_SESSION['admin_id'] = $row['id'];
                $_SESSION['admin_user'] = $user_input;
                header("Location: index.php");
                exit();
            }
        }
        
        // رسائل الخطأ حسب اللغة المختار
        $error = ($lang == 'ar' ? "خطأ في اسم المستخدم أو كلمة المرور" : ($lang == 'tr' ? "Geçersiz kullanıcı adı veya şifre" : "Invalid credentials"));
        $stmt->close();
    } else {
        $error = "Database Error: " . $conn->error;
    }
}
?>

<!DOCTYPE html>
<html lang="<?= $lang ?>" dir="<?= $t['dir'] ?>">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title><?= $t['title'] ?></title>
    
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;900&display=swap" rel="stylesheet">
    
    <style>
        body { 
            font-family: 'Cairo', sans-serif; 
            margin: 0; padding: 0; 
            min-height: 100vh;
            display: flex; align-items: center; justify-content: center;
            background-color: #f4f1ea; 
            background-image: linear-gradient(rgba(244, 241, 234, 0.40), rgba(244, 241, 234, 0.40)), url('../assets/pngegg2.jpg');
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover; 
            background-attachment: fixed;
            overflow-x: hidden;
        }
        .overlay-bg {
            position: fixed; top: 0; left: 0; width: 100%; height: 100%;
            background: rgba(244, 241, 234, 0.8); z-index: -1;
        }
        .glass-card {
            background: rgba(255, 255, 255, 0.98);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(197, 160, 89, 0.2); 
            border-radius: 24px;
            box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.1);
        }
        .input-institute {
            background: #fdfdfb;
            border: 1.5px solid #e8e4db;
            font-size: 16px !important; 
            transition: all 0.3s ease;
        }
        .input-institute:focus {
            border-color: #c5a059;
            box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.1);
            outline: none;
        }
        .btn-admin {
            background: #1a1a1a; 
            color: #c5a059; 
            touch-action: manipulation;
            transition: all 0.2s ease;
        }
        .btn-admin:hover {
            background: #000;
            box-shadow: 0 5px 15px rgba(197, 160, 89, 0.3);
        }
        .btn-admin:active { transform: scale(0.98); }

        .gold-divider {
            height: 3px; width: 60px;
            background: linear-gradient(90deg, transparent, #c5a059, transparent);
            margin: 10px auto;
        }

        .lang-capsule {
            background: #f1f5f9; 
            padding: 4px;
            border-radius: 50px;
            display: inline-flex;
            align-items: center;
            border: 1px solid #e2e8f0;
        }

        .lang-link {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 8px 16px;
            border-radius: 40px;
            text-decoration: none;
            font-weight: 700;
            font-size: 14px;
            color: #64748b;
            transition: all 0.3s ease;
        }

        .lang-link.active {
            background: white;
            color: #c5a059; 
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        }

        .flag-img {
            width: 24px;   
            height: 16px;  
            object-fit: contain; 
            display: block;
        }
    </style>
</head>
<body>

<div class="overlay-bg"></div>

<div class="max-w-[92%] sm:max-w-md w-full px-4 relative py-10">
    <div class="flex justify-center mb-8">
        <div class="lang-capsule">
            <a href="?lang=en" class="lang-link <?= $lang=='en'?'active':'' ?>">
                <span>EN</span>
                <img src="https://flagcdn.com/w40/us.png" class="flag-img" alt="EN">
            </a>

            <a href="?lang=tr" class="lang-link <?= $lang=='tr'?'active':'' ?>">
                <span>TR</span>
                <img src="https://flagcdn.com/w40/tr.png" class="flag-img" alt="TR">
            </a>

            <a href="?lang=ar" class="lang-link <?= $lang=='ar'?'active':'' ?>">
                <span style="font-family: 'Cairo', sans-serif;">AR</span>
                <img src="https://flagcdn.com/w40/jo.png" class="flag-img" alt="AR">
            </a>
        </div>
    </div>

    <div class="text-center mb-6">
        <img src="../assets/logo.png" alt="Logo" class="logo-img h-32 md:h-40 drop-shadow-xl mx-auto">
    </div>

    <div class="glass-card p-6 md:p-10 relative overflow-hidden">
        <div class="text-center mb-6">
            <h1 class="text-2xl md:text-3xl font-black text-gray-800"><?= $t['welcome'] ?></h1>
            <div class="gold-divider"></div>
            <p class="text-[#c5a059] font-bold text-[11px] md:text-sm mt-1 uppercase tracking-wider"><?= $t['sub_welcome'] ?></p>
        </div>

        <?php if ($error): ?>
            <div class="mb-5 p-3 bg-red-50 border-<?= $t['dir'] == 'rtl' ? 'r' : 'l' ?>-4 border-red-500 text-red-700 rounded-lg text-xs flex items-center font-bold">
                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mx-2" viewBox="0 0 20 20" fill="currentColor">
                    <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z" clip-rule="evenodd" />
                </svg>
                <?= htmlspecialchars($error) ?>
            </div>
        <?php endif; ?>

        <form method="POST" class="space-y-5">
            <div>
                <label class="block mb-1.5 text-[11px] font-black text-gray-500 uppercase"><?= $t['username_label'] ?></label>
                <div class="relative">
                    <span class="absolute inset-y-0 <?= $t['dir'] == 'rtl' ? 'right-4' : 'left-4' ?> flex items-center text-gray-300">
                        <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" /></svg>
                    </span>
                    <input type="text" name="username" required
                           class="input-institute w-full <?= $t['dir'] == 'rtl' ? 'pr-11 pl-4' : 'pl-11 pr-4' ?> py-3.5 rounded-xl font-bold text-gray-700"
                           placeholder="<?= $t['username_placeholder'] ?>"
                           value="<?= htmlspecialchars($_POST['username'] ?? '') ?>">
                </div>
            </div>

            <div>
                <label class="block mb-1.5 text-[11px] font-black text-gray-500 uppercase"><?= $t['password_label'] ?></label>
                <div class="relative">
                    <span class="absolute inset-y-0 <?= $t['dir'] == 'rtl' ? 'right-4' : 'left-4' ?> flex items-center text-gray-300">
                        <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" /></svg>
                    </span>
                    <input type="password" name="password" required
                           class="input-institute w-full <?= $t['dir'] == 'rtl' ? 'pr-11 pl-4' : 'pl-11 pr-4' ?> py-3.5 rounded-xl text-gray-700"
                           placeholder="••••••••">
                </div>
            </div>

            <div class="flex items-center text-xs">
                <label class="flex items-center text-gray-600 cursor-pointer">
                    <input type="checkbox" name="remember" class="<?= $t['dir'] == 'rtl' ? 'ml-2' : 'mr-2' ?> rounded accent-[#c5a059] h-4 w-4">
                    <span class="font-bold"><?= $t['remember'] ?></span>
                </label>
            </div>

            <button type="submit"
                    class="btn-admin w-full py-4 rounded-xl font-black text-base shadow-lg flex items-center justify-center gap-2">
                <span><?= $t['login_btn'] ?></span>
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" class="<?= $t['dir'] == 'ltr' ? 'rotate-180' : '' ?>"><path d="M15 19l-7-7 7-7"/></svg>
            </button>
        </form>

        
    </div>

    <div class="mt-8 text-center px-4">
        <p class="text-[13px] text-gray-400 font-bold">
            &copy; <?= date('Y') ?> <?= ($lang == 'ar' ? 'معهد لغة العرب' : 'Lughat AlArab Institute') ?>. <?= $t['rights'] ?>
        </p>
    </div>
</div>

</body>
</html>