<?php
// تأمين الجلسة وجلب الاتصال بالقاعدة
if (session_status() === PHP_SESSION_NONE) { session_start(); }
error_reporting(0);

require_once 'db_connect.php';

// محاولة جلب اسم المدرسة، الشعار، وإعدادات الواجهة من جدول site_config (إن وجد) أو schools
$academy_name = "نظام الإدارة الأكاديمية";
$academy_logo = "images/icon.png";
$academy_desc = "منصة تعليمية متطورة لإدارة شؤون الطلاب، الحسابات، والكادر التدريسي.";
$hero_title = "مرحباً بكم في بوابتنا الأكاديمية";
$hero_subtitle = "اختر البوابة المناسبة لتسجيل الدخول والمتابعة.";

try {
    // 1. نبحث أولاً في جدول site_config المخصص لإعدادات الواجهة
    $check_config = $conn->query("SELECT site_title, logo_path, hero_title, hero_subtitle FROM site_config LIMIT 1");
    if ($check_config && $check_config->num_rows > 0) {
        $row = $check_config->fetch_assoc();
        $academy_name = $row['site_title'] ?: $academy_name;
        $academy_logo = $row['logo_path'] ?: $academy_logo;
        if (!empty($row['hero_title'])) $hero_title = $row['hero_title'];
        if (!empty($row['hero_subtitle'])) $hero_subtitle = $row['hero_subtitle'];
    } else {
        // 2. إذا لم يكن متوفراً، نبحث في جدول schools
        $check_school = $conn->query("SELECT school_name, school_logo FROM schools LIMIT 1");
        if ($check_school && $check_school->num_rows > 0) {
            $row = $check_school->fetch_assoc();
            $academy_name = $row['school_name'] ?: $academy_name;
            $academy_logo = $row['school_logo'] ?: $academy_logo;
            $hero_title = "مرحباً بكم في " . $academy_name;
        }
    }
} catch (Exception $e) {
    // في حال لم يتم تثبيت القاعدة بعد
    $hero_title = "يرجى تثبيت قاعدة البيانات أولاً";
    $hero_subtitle = "<a href='install.php' class='text-blue-400 underline'>اضغط هنا للبدء بالتثبيت</a>";
}
?>
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?= htmlspecialchars($academy_name) ?> | الصفحة الرئيسية</title>
    
    <!-- Tailwind CSS & Font Awesome -->
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    
    <!-- خط تجوال الأنيق -->
    <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700;900&display=swap" rel="stylesheet">
    
    <style>
        body { 
            font-family: 'Tajawal', sans-serif; 
            background-color: #0b0f19; /* خلفية داكنة احترافية */
            background-image: 
                radial-gradient(at 0% 0%, hsla(339,49%,30%,0.3) 0px, transparent 50%),
                radial-gradient(at 100% 100%, hsla(217,100%,25%,0.3) 0px, transparent 50%);
            background-attachment: fixed;
            color: #f8fafc;
        }
        
        .glass-card {
            background: rgba(15, 23, 42, 0.6);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid rgba(255, 255, 255, 0.05);
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            border-left: 1px solid rgba(255, 255, 255, 0.1);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
        }
        
        .portal-btn {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .portal-btn:hover {
            transform: translateY(-5px);
        }
    </style>
</head>
<body class="min-h-screen flex flex-col items-center justify-center p-4 relative overflow-hidden">

    <!-- مؤثرات خلفية مضيئة -->
    <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[800px] h-[800px] bg-blue-600/10 rounded-full blur-[120px] pointer-events-none"></div>

    <div class="max-w-5xl w-full relative z-10">
        
        <!-- الهيدر (الشعار والاسم) -->
        <header class="text-center mb-12 animate-[fadeIn_0.5s_ease-out]">
            <img src="<?= htmlspecialchars($academy_logo) ?>" alt="شعار الأكاديمية" class="w-32 h-32 object-contain mx-auto mb-6 drop-shadow-[0_0_15px_rgba(255,255,255,0.2)]" onerror="this.src='https://cdn-icons-png.flaticon.com/512/8074/8074800.png'">
            <h1 class="text-4xl md:text-5xl font-black text-white mb-4 tracking-tight"><?= htmlspecialchars($hero_title) ?></h1>
            <p class="text-slate-400 text-lg md:text-xl max-w-2xl mx-auto leading-relaxed"><?= $hero_subtitle ?></p>
        </header>

        <!-- 🚀 شبكة البوابات (5 بوابات متكاملة جنب بعض) 🚀 -->
        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-5 mb-12">
            
            <!-- 1. بوابة الإدارة والمحاسبة -->
            <a href="login.php?role=admin" class="portal-btn glass-card rounded-3xl p-5 text-center group cursor-pointer block text-decoration-none relative overflow-hidden">
                <div class="absolute top-0 right-0 w-full h-1 bg-gradient-to-r from-transparent via-amber-500 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div>
                <div class="w-16 h-16 mx-auto bg-gradient-to-br from-amber-500 to-orange-700 rounded-2xl flex items-center justify-center text-2xl text-white shadow-[0_0_20px_rgba(245,158,11,0.4)] mb-4 group-hover:scale-110 transition-transform">
                    <i class="fas fa-user-shield"></i>
                </div>
                <h3 class="text-lg font-bold text-white mb-1">الإدارة والمحاسبة</h3>
                <p class="text-[11px] text-slate-400">المدير والمحاسب وموظفي المؤسسة.</p>
            </a>

            <!-- 2. بوابة المدرسين -->
            <a href="login.php?role=teacher" class="portal-btn glass-card rounded-3xl p-5 text-center group cursor-pointer block text-decoration-none relative overflow-hidden">
                <div class="absolute top-0 right-0 w-full h-1 bg-gradient-to-r from-transparent via-blue-500 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div>
                <div class="w-16 h-16 mx-auto bg-gradient-to-br from-blue-500 to-indigo-700 rounded-2xl flex items-center justify-center text-2xl text-white shadow-[0_0_20px_rgba(59,130,246,0.4)] mb-4 group-hover:scale-110 transition-transform">
                    <i class="fas fa-chalkboard-teacher"></i>
                </div>
                <h3 class="text-lg font-bold text-white mb-1">بوابة المدرسين</h3>
                <p class="text-[11px] text-slate-400">الدروس، البث المباشر، والامتحانات.</p>
            </a>

            <!-- 3. بوابة الطلاب -->
            <a href="login.php?role=student" class="portal-btn glass-card rounded-3xl p-5 text-center group cursor-pointer block text-decoration-none relative overflow-hidden">
                <div class="absolute top-0 right-0 w-full h-1 bg-gradient-to-r from-transparent via-[#ff4d79] to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div>
                <div class="w-16 h-16 mx-auto bg-gradient-to-br from-[#ff4d79] to-[#93003c] rounded-2xl flex items-center justify-center text-2xl text-white shadow-[0_0_20px_rgba(255,77,121,0.4)] mb-4 group-hover:scale-110 transition-transform">
                    <i class="fas fa-user-graduate"></i>
                </div>
                <h3 class="text-lg font-bold text-white mb-1">بوابة الطلاب</h3>
                <p class="text-[11px] text-slate-400">المقررات الدراسية والفصول الذكية.</p>
            </a>

            <!-- 4. بوابة أولياء الأمور -->
            <a href="login.php?role=parent" class="portal-btn glass-card rounded-3xl p-5 text-center group cursor-pointer block text-decoration-none relative overflow-hidden">
                <div class="absolute top-0 right-0 w-full h-1 bg-gradient-to-r from-transparent via-emerald-400 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div>
                <div class="w-16 h-16 mx-auto bg-gradient-to-br from-emerald-400 to-emerald-700 rounded-2xl flex items-center justify-center text-2xl text-white shadow-[0_0_20px_rgba(16,185,129,0.4)] mb-4 group-hover:scale-110 transition-transform">
                    <i class="fas fa-users"></i>
                </div>
                <h3 class="text-lg font-bold text-white mb-1">أولياء الأمور</h3>
                <p class="text-[11px] text-slate-400">متابعة دقيقة لمستوى الطالب المالي.</p>
            </a>

            <!-- 🚀 5. بطاقة تفعيل الترخيص الجديدة 🚀 -->
            <a href="activate.php" class="portal-btn glass-card rounded-3xl p-5 text-center group cursor-pointer block text-decoration-none relative overflow-hidden border-pink-500/30">
                <div class="absolute top-0 right-0 w-full h-1 bg-gradient-to-r from-transparent via-rose-500 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div>
                <div class="w-16 h-16 mx-auto bg-gradient-to-br from-rose-600 to-pink-700 rounded-2xl flex items-center justify-center text-2xl text-white shadow-[0_0_20px_rgba(244,63,94,0.4)] mb-4 group-hover:scale-110 transition-transform">
                    <i class="fas fa-key"></i>
                </div>
                <h3 class="text-lg font-bold text-white mb-1">تفعيل الترخيص</h3>
                <p class="text-[11px] text-slate-400">إدخال وتحديث مفتاح ترخيص المنصة.</p>
            </a>

        </div>

        <div class="text-center text-sm text-slate-500 font-bold border-t border-slate-800/50 pt-6">
            مُشغل بواسطة نظام <span class="text-[#ff4d79]">Roozmari</span> &copy; <?= date('Y') ?>
        </div>
        
    </div>

</body>
</html>