<?php
include 'config.php';
if (!isset($_SESSION['user_id'])) { header("Location: login.php"); exit(); }

$user_id = $_SESSION['user_id'];

$stmt = $pdo->prepare("
    SELECT p.* FROM pages p 
    JOIN user_permissions up ON p.id = up.page_id 
    WHERE up.user_id = ? AND p.is_menu = 1
");
$stmt->execute([$user_id]);
$my_pages = $stmt->fetchAll();

$current_file = basename($_SERVER['PHP_SELF']);

// دالة سحب الأيقونة الفرعية مباشرة بناءً على القيمة المخزنة في الداتا بيز
if (!function_exists('get_egyptian_icon')) {
    function get_egyptian_icon($icon_name) {
        switch ($icon_name) {
            case 'ankh': // مفتاح الحياة
                return '<svg viewBox="0 0 24 24" fill="currentColor" width="100%" height="100%"><path d="M12 2a4 4 0 0 0-4 4v3a4 4 0 0 0 3 3.87V15H9v2h2v5h2v-5h2v-2h-2v-2.13A4 4 0 0 0 16 9V6a4 4 0 0 0-4-4zm2 7a2 2 0 0 1-4 0V6a2 2 0 0 1 4 0z"/></svg>';
            case 'pyramid': // الهرم المدرج والمستقر
                return '<svg viewBox="0 0 24 24" fill="currentColor" width="100%" height="100%"><path d="M12 1.5L1.5 21.5h21L12 1.5zm0 4.8l7.2 13.7H4.8L12 6.3z"/></svg>';
            case 'eye-of-horus': // عين حورس الحامية والذكية للوحة التحكم والتقارير
                return '<svg viewBox="0 0 24 24" fill="currentColor" width="100%" height="100%"><path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zm0 12.5c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"/></svg>';
            case 'statue': // تمثال الفرعون الجالس الملكي
                return '<svg viewBox="0 0 24 24" fill="currentColor" width="100%" height="100%"><path d="M12 2c1.1 0 2 .9 2 2v2h-4V4c0-1.1.9-2 2-2zm4 7v4c0 2.5-1.5 4.5-4 5v4h2v2H10v-2h2v-4c-2.5-.5-4-2.5-4-5V9h8zM6 10h1v4H6zm11 0h1v4h-1z"/></svg>';
            case 'anubis': // تمثال رأس أنوبيس لحماية النظام والدعم الفني
                return '<svg viewBox="0 0 24 24" fill="currentColor" width="100%" height="100%"><path d="M12 2s-1 3-3 4v4c0 2 1 4 3 6 2-2 3-4 3-6V6c-2-1-3-4-3-4zm-5 6h1v4H7zm9 0h1v4h-1zM9 18h6v2H9z"/></svg>';
            case 'scarab': // الجعران الفرعوني المقدس للتحويلات والحركة
                return '<svg viewBox="0 0 24 24" fill="currentColor" width="100%" height="100%"><path d="M12 2a6 6 0 0 0-6 6v2a6 6 0 0 0 1 3.24V19a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3v-5.76a6 6 0 0 0 1-3.24V8a6 6 0 0 0-6-6zm-3 6a3 3 0 0 1 6 0v1H9V8z"/></svg>';
            case 'cartouche': // الخرطوشة الملكية للنقدية والمبيعات
                return '<svg viewBox="0 0 24 24" fill="currentColor" width="100%" height="100%"><path d="M16 2H8a4 4 0 0 0-4 4v12a4 4 0 0 0 4 4h8a4 4 0 0 0 4-4V6a4 4 0 0 0-4-4zm2 16a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12z"/></svg>';
            case 'papyrus': // البردية الملكية للتوثيق والفواتير
                return '<svg viewBox="0 0 24 24" fill="currentColor" width="100%" height="100%"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 14H7v-2h10v2zm0-4H7v-2h10v2zm0-4H7V7h10v2z"/></svg>';
            case 'obelisk': // المسلة الفرعونية الشاهقة للفروع والامتداد
                return '<svg viewBox="0 0 24 24" fill="currentColor" width="100%" height="100%"><path d="M12 1L9 5h6l-3-4zm-2 5l-1 15h6l-1-15H10zm-1 16h6v1H9v-1z"/></svg>';
            default: // احتياطي مفتاح الحياة
                return '<svg viewBox="0 0 24 24" fill="currentColor" width="100%" height="100%"><path d="M12 2a4 4 0 0 0-4 4v3a4 4 0 0 0 3 3.87V15H9v2h2v5h2v-5h2v-2h-2v-2.13A4 4 0 0 0 16 9V6a4 4 0 0 0-4-4zm2 7a2 2 0 0 1-4 0V6a2 2 0 0 1 4 0z"/></svg>';
        }
    }
}
?>
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="UTF-8">
    <title><?= $sys_settings['system_name'] ?></title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.rtl.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2 family=Cairo:wght@400;600;700&family=Reem+Kufi:wght@500;700&display=swap" rel="stylesheet">
    
    <style>
        :root { 
            --main-color: #11161d; 
            --gold-royal: #d4af37; 
            --dark-basalt: #070a0e; 
        }
        
        body { background-color: var(--dark-basalt); font-family: 'Cairo', sans-serif; }
        .navbar-odoo { background-color: var(--main-color) !important; padding: 5px 10px; border-bottom: 2px solid var(--gold-royal); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5); }
        .navbar-brand { font-family: 'Reem Kufi', serif; color: var(--gold-royal) !important; font-weight: 700; font-size: 20px; }
        .navbar-nav { display: flex; align-items: center; gap: 4px; }
        
        .nav-link { 
            font-family: 'Reem Kufi', serif !important; 
            color: rgba(255,255,255,0.85) !important; 
            font-size: 11px !important; 
            padding: 6px 4px !important; 
            border-radius: 6px;
            display: flex;
            flex-direction: column; 
            align-items: center;
            justify-content: center;
            text-align: center;
            min-width: 75px; 
            white-space: normal; 
            line-height: 1.3;
        }
        
        /* التحكم بحجم أشكال التماثيل والرموز في الشريط العلوي */
        .nav-link svg {
            width: 18px !important;
            height: 18px !important;
            margin-bottom: 5px !important;
            color: rgba(255, 255, 255, 0.85);
            transition: transform 0.2s ease, color 0.2s ease;
        }
        
        .nav-link:hover { color: var(--gold-royal) !important; background-color: rgba(212, 175, 55, 0.08); }
        .nav-link:hover svg { color: var(--gold-royal) !important; transform: scale(1.1); }
        
        .nav-item.active .nav-link { color: var(--gold-royal) !important; background-color: rgba(212, 175, 55, 0.05); border-bottom: 2px solid var(--gold-royal); }
        .nav-item.active .nav-link svg { color: var(--gold-royal) !important; }

        .breadcrumb-section { background: #0d1116; border-bottom: 1px solid rgba(212, 175, 55, 0.15); padding: 12px 25px; }
        .breadcrumb-item a { font-family: 'Reem Kufi', serif; color: var(--gold-royal) !important; text-decoration: none; font-size: 15px; }
        .breadcrumb-item.active { color: #ffffff !important; font-size: 15px; font-weight: 600; }
        .breadcrumb-item + .breadcrumb-item::before { color: rgba(212, 175, 55, 0.35) !important; }
        .user-profile-box { border-right: 1px solid rgba(212, 175, 55, 0.2); padding-right: 15px; margin-right: 5px; }
        .logout-btn { color: rgba(255, 255, 255, 0.7) !important; }
    </style>
</head>
<body>

<nav class="navbar navbar-expand-lg navbar-dark navbar-odoo">
    <div class="container-fluid">
        <a class="navbar-brand" href="dashboard.php"><i class="fa fa-th-large me-2"></i> <?= $sys_settings['system_name'] ?></a>
        <div class="collapse navbar-collapse">
            <ul class="navbar-nav me-auto">
                <?php foreach($my_pages as $page): ?>
                <li class="nav-item <?= ($current_file == $page['page_url']) ? 'active' : '' ?>">
                    <a class="nav-link" href="<?= $page['page_url'] ?>">
                        <!-- هنا يتم استدعاء الأيقونة المكتوبة صراحة في قاعدة البيانات للـ navbar -->
                        <?= get_egyptian_icon($page['icon']) ?>
                        <?= $page['page_name'] ?>
                    </a>
                </li>
                <?php endforeach; ?>
            </ul>
            <div class="d-flex align-items-center text-white user-profile-box">
                <span class="me-3 small"><i class="fa fa-user-shield text-warning me-1"></i> <?= $_SESSION['full_name'] ?></span>
                <a href="logout.php" class="btn btn-sm logout-btn" title="تسجيل الخروج"><i class="fa fa-power-off"></i></a>
            </div>
        </div>
    </div>
</nav>

<div class="breadcrumb-section">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-0">
            <li class="breadcrumb-item"><a href="dashboard.php">الرئيسية</a></li>
            <li class="breadcrumb-item active" aria-current="page">
                <?php
                $stmt_p = $pdo->prepare("SELECT page_name FROM pages WHERE page_url = ?");
                $stmt_p->execute([$current_file]);
                echo $stmt_p->fetchColumn() ?: "لوحة التحكم";
                ?>
            </li>
        </ol>
    </nav>
</div>