<?php
// ================== BOOTSTRAP ==================
declare(strict_types=1);
error_reporting(E_ALL);
ini_set('display_errors', '0');   // للإنتاج: لا تعرض الأخطاء للمستخدم
ini_set('log_errors', '1');       // سجّلها في error_log

session_start();

// 1) اتصال قاعدة البيانات (يجب أن يعرّف $pdo كـ PDO)
require_once __DIR__ . '/database_connection.php';
if (!isset($pdo) || !($pdo instanceof PDO)) {
    // أوقف التنفيذ بوضوح بدل استخدام $conn (MySQLi)
    http_response_code(500);
    exit('Database connection ($pdo) is not available. Ensure database_connection.php defines $pdo as PDO.');
}

// 2) تسجيل تلقائي عبر remember_token إذا ما في جلسة
if (empty($_SESSION['user_id']) && !empty($_COOKIE['remember_token'])) {
    $token = $_COOKIE['remember_token'];

    // اجلب user_id إن وُجد
    $stmt = $pdo->prepare("SELECT user_id FROM user_tokens WHERE token = ? LIMIT 1");
    $stmt->execute([$token]);
    $userId = $stmt->fetchColumn();

    if ($userId) {
        // تدوير التوكن (اختياري لكن أوصى به)
        try {
            $pdo->beginTransaction();

            // احذف القديم
            $pdo->prepare("DELETE FROM user_tokens WHERE token = ?")->execute([$token]);

            // أنشئ جديد
            $newToken = bin2hex(random_bytes(64));
            $pdo->prepare("INSERT INTO user_tokens (user_id, token) VALUES (?, ?)")->execute([$userId, $newToken]);

            $pdo->commit();

            // جدّد الكوكي (طابق نفس المعاملات التي أنشأتها عند تسجيل الدخول)
            setcookie('remember_token', $newToken, time() + (60*60*24*30), '/', '', false, true); // اجعل secure=true إن كان موقعك HTTPS
            $_COOKIE['remember_token'] = $newToken;
        } catch (Throwable $e) {
            if ($pdo->inTransaction()) { $pdo->rollBack(); }
            // لو فشل التدوير، ثبِّت الكوكي الحالي لتجنّب إعادة الاستعلام كل مرة
            setcookie('remember_token', $token, time() + (60*60*24*30), '/', '', false, true);
        }

        // أمان الجلسة
        session_regenerate_id(true);
        $_SESSION['user_id'] = (int)$userId;
    } else {
        // توكن غير صالح: احذف الكوكي
        setcookie('remember_token', '', time() - 3600, '/', '', false, true);
        unset($_COOKIE['remember_token']);
    }
}

// 3) حالة الدخول لاستخدامها في الواجهة
$isLoggedIn = !empty($_SESSION['user_id']);
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>Fniyna - Earn Money by Shortening URLs</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"/>
    <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"/>
</head>
<body>

<header>
    <div class="logo">
        <img src="logo.svg" alt="logo" width="50" height="50">
        EarnLinks
    </div>
    <nav>
        <ul class="nav-links" id="navLinks">
            <li><a href="#"><i class="fas fa-home"></i> Home</a></li>
            <li class="nav-item"><a class="nav-link" href="#features">Features</a></li>
            <li class="nav-item"><a class="nav-link" href="#how-it-works">How It Works</a></li>
            <li class="nav-item"><a class="nav-link" href="#pricing">Rates</a></li>

            <?php if ($isLoggedIn): ?>
                <li><a href="dashboard.php" class="btn-primary"><i class="fas fa-tachometer-alt"></i> Dashboard</a></li>
                <li><a href="logout.php" class="btn-primary"><i class="fas fa-sign-out-alt"></i> Logout</a></li>
            <?php else: ?>
                <li><a href="login.php"><i class="fas fa-sign-in-alt"></i> Sign In</a></li>
                <li><a href="register.php" class="btn-primary"><i class="fas fa-user-plus"></i> Join Now</a></li>
            <?php endif; ?>
        </ul>
    </nav>
    <div class="menu-icon" onclick="toggleMenu()">
        <i class="fas fa-bars"></i>
    </div>
</header>

<!-- Navigation (Bootstrap) -->
<nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top">
    <div class="container">
        <a class="navbar-brand d-flex align-items-center" href="#">
            <img src="assets/images/logo.svg" alt="Fniyna" width="40" height="40" class="me-2">
            <span class="fw-bold fs-4">Fniyna</span>
        </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav ms-auto">
                <li class="nav-item"><a class="nav-link" href="#features">Features</a></li>
                <li class="nav-item"><a class="nav-link" href="#how-it-works">How It Works</a></li>
                <li class="nav-item"><a class="nav-link" href="#pricing">Rates</a></li>

                <?php if ($isLoggedIn): ?>
                    <li class="nav-item">
                        <a class="nav-link btn btn-light text-primary ms-2 px-3" href="dashboard.php">Dashboard</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link btn btn-outline-light ms-2 px-3" href="logout.php">Logout</a>
                    </li>
                <?php else: ?>
                    <li class="nav-item">
                        <a class="nav-link btn btn-outline-light ms-2 px-3" href="login.php">Login</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link btn btn-light text-primary ms-2 px-3" href="register.php">Sign Up</a>
                    </li>
                <?php endif; ?>
            </ul>
        </div>
    </div>
</nav>

<!-- بقية صفحتك كما هي (Hero, Features, How It Works, Pricing, CTA, Footer ...) -->

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/main.js"></script>

<style>
/* نفس الستايلات التي وضعتها */
.logo { font-size: 28px; font-weight: 800; display:flex; align-items:center; background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.logo img { margin-right:12px; filter:drop-shadow(0 2px 4px rgba(0,0,0,.1)); }
.nav-links { display:flex; list-style:none; gap:30px; }
.nav-links a { color:#475569; text-decoration:none; font-weight:600; font-size:15px; transition:all .3s ease; padding:8px 16px; border-radius:8px; }
.nav-links a:hover { color:#2563eb; background:rgba(37,99,235,.05); }
.nav-links .btn-primary { background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%); color:#fff; padding:10px 24px; border-radius:10px; box-shadow:0 4px 12px rgba(37,99,235,.3); }
.nav-links .btn-primary:hover { transform:translateY(-2px); box-shadow:0 6px 16px rgba(37,99,235,.4); }
</style>
</body>
</html>
