<?php
// تعريف المفتاح السري (يجب أن يكون مطابقاً للمفتاح في ملف login_process)
define('SECRET_KEY', 'your_super_secret_key_2024_secure_encryption');
define('ENCRYPTION_METHOD', 'AES-256-CBC');

function decryptData($data) {
    $key = hash('sha256', SECRET_KEY);
    list($encrypted_data, $iv) = explode('::', base64_decode($data), 2);
    return openssl_decrypt($encrypted_data, ENCRYPTION_METHOD, $key, 0, $iv);
}

session_start();

// Check if user is logged in via session
if (!isset($_SESSION['evaluator_name']) || !isset($_SESSION['is_authenticated'])) {
    // Check if auth token cookie exists
    if (isset($_COOKIE['auth_token'])) {
        try {
            // Decrypt the token
            $decrypted = decryptData($_COOKIE['auth_token']);
            $token_data = json_decode($decrypted, true);
            
            // Check if token is still valid
            if ($token_data && isset($token_data['expires']) && $token_data['expires'] > time()) {
                // Auto-login using token data (No database check needed!)
                $_SESSION['evaluator_name'] = $token_data['name'];
                $_SESSION['national_id'] = $token_data['national_id'];
                $_SESSION['login_time'] = time();
                $_SESSION['is_authenticated'] = true;
                $_SESSION['auto_login'] = true;
            } else {
                // Token expired, clear cookies
                setcookie('auth_token', '', time() - 3600, '/');
                setcookie('remembered_national_id', '', time() - 3600, '/');
                setcookie('remembered_name', '', time() - 3600, '/');
                header("Location: new_login.php");
                exit();
            }
        } catch (Exception $e) {
            // Invalid token, redirect to login
            setcookie('auth_token', '', time() - 3600, '/');
            header("Location: new_login.php");
            exit();
        }
    } else {
        header("Location: new_login.php");
        exit();
    }
}

$evaluatorName = htmlspecialchars($_SESSION['evaluator_name'], ENT_QUOTES, 'UTF-8');
$isAutoLogin = isset($_SESSION['auto_login']) && $_SESSION['auto_login'] === true;
?>
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>البرنامج القومي · لوحة التحكم</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <link rel="stylesheet" href="unified-style.css">
    <style>
        .dashboard-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 2.5rem;
            max-width: 1000px;
            margin: 3rem auto;
            padding: 0 1.5rem;
        }
        @media (max-width: 720px) {
            .dashboard-grid {
                grid-template-columns: 1fr;
                gap: 2rem;
                margin: 2rem auto;
            }
        }
        .entry-card {
            background: var(--white);
            border-radius: var(--radius);
            box-shadow: var(--shadow);
            padding: 2.5rem 2rem;
            text-align: center;
            transition: all 0.25s ease;
            border: 2px solid transparent;
            cursor: pointer;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            min-height: 280px;
        }
        .entry-card:hover {
            transform: translateY(-6px);
            box-shadow: var(--shadow-hover);
            border-color: var(--accent);
        }
        .entry-card .icon-circle {
            width: 90px;
            height: 90px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--primary), var(--primary-light));
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 1.5rem;
            font-size: 2.8rem;
            color: white;
            box-shadow: 0 8px 18px rgba(13, 110, 110, 0.25);
            transition: transform 0.2s;
        }
        .entry-card:hover .icon-circle {
            transform: scale(1.05);
        }
        .entry-card h3 {
            font-size: 1.6rem;
            margin-bottom: 0.6rem;
            color: var(--text-dark);
        }
        .entry-card p {
            color: var(--text-muted);
            font-size: 0.95rem;
            margin-bottom: 1.2rem;
        }
        .entry-card .btn {
            min-width: 160px;
            padding: 12px 28px;
        }
        .entry-card .btn i {
            margin-left: 8px;
        }
        .card-school .btn {
            background: var(--primary);
        }
        .card-school .btn:hover {
            background: var(--accent);
            color: var(--text-dark);
        }
        .card-student .btn {
            background: #1a7a5a;
        }
        .card-student .btn:hover {
            background: var(--accent);
            color: var(--text-dark);
        }
        .card-student .icon-circle {
            background: linear-gradient(135deg, #1a7a5a, #2ca57a);
        }
        .subtitle {
            text-align: center;
            color: var(--text-muted);
            margin-top: 0.5rem;
            font-size: 1rem;
            border-bottom: 2px solid var(--border);
            padding-bottom: 0.8rem;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }
        .main-container {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        body {
            min-height: 100vh;
            display: flex;
            flex-direction: column;
        }
        .topbar {
            justify-content: space-between;
        }
        .topbar .welcome {
            font-size: 1.1rem;
        }
        .topbar .welcome i {
            margin-left: 8px;
            color: var(--accent);
        }
        .topbar-links a.logout-link {
            color: #dc3545;
        }
        .topbar-links a.logout-link:hover {
            color: #a71d2a;
        }
        .auto-login-badge {
            background: #28a745;
            color: white;
            padding: 4px 12px;
            border-radius: 50px;
            font-size: 0.7rem;
            margin-right: 10px;
            display: inline-block;
        }
    </style>
</head>
<body>

<header class="program-header">
    <div class="header-content">
        <img src="wezara.png" alt="شعار الوزارة" class="logo-right">
        <div class="title-container">
            <h1 class="program-title">البرنامج القومي لتنمية مهارات اللغة العربية بالمرحلة الابتدائية</h1>
        </div>
        <img src="week.png" alt="شعار البرنامج" class="logo-left">
    </div>
</header>

<div class="topbar">
    <div class="welcome">
        <i class="fas fa-user-circle"></i> مرحبًا د. <?= $evaluatorName ?> 👋
        <?php if ($isAutoLogin): ?>
        <span class="auto-login-badge"><i class="fas fa-check-circle"></i> تلقائي</span>
        <?php endif; ?>
    </div>
    <div class="topbar-links">
        <a href="index.php"><i class="fas fa-home"></i> الرئيسية</a>
        <a href="logout.php" class="logout-link"><i class="fas fa-sign-out-alt"></i> تسجيل خروج</a>
    </div>
</div>

<div class="main-container">
    <div class="subtitle">
        <i class="fas fa-arrow-circle-left" style="margin-left: 8px;"></i>
        اختر العملية المطلوبة من الخيارات أدناه
        <i class="fas fa-arrow-circle-right" style="margin-right: 8px;"></i>
    </div>

    <div class="dashboard-grid">
        <div class="entry-card card-school" onclick="navigateTo('schooldesc.php')">
            <div class="icon-circle">
                <i class="fas fa-school"></i>
            </div>
            <h3>إدخال بيانات مدرسة</h3>
            <p>تسجيل وتحديث البيانات الأساسية للمدارس<br>من نوع، فترة، بيئة، موارد، معلمين وطلاب</p>
            <a href="schooldesc.php" class="btn">
                <i class="fas fa-edit"></i> ادخال بيانات المدرسة
            </a>
        </div>

        <div class="entry-card card-student" onclick="navigateTo('new_rows_fail_students.php')">
            <div class="icon-circle">
                <i class="fas fa-user-graduate"></i>
            </div>
            <h3>إدخال بيانات الطلاب</h3>
            <p>تقييم الطلاب في مهارات اللغة العربية<br>تسجيل الدرجات، الحضور/الغياب، والإعاقات</p>
            <a href="new_rows_fail_students.php" class="btn">
                <i class="fas fa-pen"></i> ادخال بيانات الطلاب
            </a>
        </div>
    </div>

    <div style="text-align:center; color:var(--text-muted); font-size:0.8rem; margin-top:0.5rem; padding-bottom:1.5rem;">
        <i class="fas fa-external-link-alt"></i> سيتم توجيهك إلى الصفحة المطلوبة
    </div>
</div>

<div style="width:95%; margin:0 auto 1rem; text-align:center; color:var(--text-muted); font-size:0.75rem; border-top:1px solid var(--border); padding-top:0.8rem;">
    <i class="fas fa-arrow-left"></i> البرنامج القومي لتنمية اللغة العربية · لوحة التحكم
</div>

<script>
    function navigateTo(url) {
        window.location.href = url;
    }

    document.querySelectorAll('.entry-card').forEach(card => {
        card.addEventListener('click', function(e) {
            if (e.target.tagName !== 'A' && !e.target.closest('a')) {
                const link = this.querySelector('a');
                if (link) {
                    window.location.href = link.getAttribute('href');
                }
            }
        });
    });

    document.querySelectorAll('.entry-card a').forEach(link => {
        link.addEventListener('click', function(e) {
            e.stopPropagation();
        });
    });
</script>

</body>
</html>