"""
مكون ترويسة الصفحة المطور 2025
"""

import streamlit as st
from datetime import datetime
import config


def render_header(page_title=None):
    """
    عرض ترويسة الصفحة المحسنة
    
    الوسيطات:
        page_title: عنوان الصفحة المعروضة (اختياري)
    """
    # إنشاء مكون الترويسة باستخدام HTML
    title_display = "نظام تحليل العقود والمناقصات"
    # إذا تم تمرير عنوان للصفحة، قم بإضافته للعنوان الرئيسي
    if page_title:
        title_display = f"نظام تحليل العقود والمناقصات: {page_title}"
        
    header_html = """
    <div class="header-container">
        <div class="header-title">
            <div class="logo">
                <span class="logo-text">WAHBi AI</span>
            </div>
            <h1>{title}</h1>
            <p>الحلول الشاملة للتسعير والتحليل بالذكاء الاصطناعي - شركة شبه الجزيرة للمقاولات</p>
        </div>
        <div class="header-info">
            <div class="date-box">
                <div class="date-day">{day}</div>
                <div class="date-info">
                    <div class="date-month">{month}</div>
                    <div class="date-year">{year}</div>
                </div>
            </div>
        </div>
    </div>
    """
    
    # الحصول على معلومات التاريخ الحالي
    today = datetime.now()
    day = today.day
    month_names = [
        "يناير", "فبراير", "مارس", "إبريل", "مايو", "يونيو",
        "يوليو", "أغسطس", "سبتمبر", "أكتوبر", "نوفمبر", "ديسمبر"
    ]
    month = month_names[today.month - 1]
    year = today.year
    
    # استبدال القيم في قالب HTML
    header_html = header_html.format(title=title_display, day=day, month=month, year=year)
    
    # عرض الترويسة
    st.markdown(header_html, unsafe_allow_html=True)
    
    # إضافة شريط التنقل الرئيسي
    if 'is_authenticated' in st.session_state and st.session_state.is_authenticated:
        render_navigation_menu()
    else:
        # عرض قائمة التنقل المختصرة للمستخدمين غير المسجلين
        render_basic_navigation_menu()
    
    # إضافة خط فاصل
    st.markdown("<hr>", unsafe_allow_html=True)


def render_navigation_menu():
    """
    عرض قائمة التنقل الرئيسية المحسنة
    """
    # إنشاء قائمة التنقل المختصرة
    menu_items = [
        {"icon": "🏠", "label": "الرئيسية", "url": "/?page=home"},
        {"icon": "📊", "label": "لوحة المعلومات", "url": "/?page=dashboard"},
        {"icon": "📝", "label": "المناقصات", "url": "/?page=tenders"},
        {"icon": "💰", "label": "التسعير", "url": "/?page=pricing"},
        {"icon": "📈", "label": "التقارير", "url": "/?page=reports"}, 
        {"icon": "⚙️", "label": "الإعدادات", "url": "/?page=settings"},
        {"icon": "❓", "label": "المساعدة", "url": "/?page=help"},
        {"icon": "ℹ️", "label": "حول النظام", "url": "/?page=about"},
    ]
    
    # إنشاء قائمة HTML
    menu_html = """
    <div class="nav-menu">
        <ul>
    """
    
    for item in menu_items:
        menu_html += f"""
            <li>
                <a href="{item['url']}">
                    <span class="nav-icon">{item['icon']}</span>
                    <span class="nav-label">{item['label']}</span>
                </a>
            </li>
        """
    
    menu_html += """
        </ul>
    </div>
    """
    
    # عرض قائمة التنقل
    st.markdown(menu_html, unsafe_allow_html=True)


def render_basic_navigation_menu():
    """
    عرض قائمة تنقل بسيطة للمستخدمين غير المسجلين
    """
    # إنشاء قائمة التنقل المختصرة
    menu_items = [
        {"icon": "🏠", "label": "الرئيسية", "url": "/?page=home"},
        {"icon": "🔐", "label": "تسجيل الدخول", "url": "/?page=login"},
        {"icon": "❓", "label": "المساعدة", "url": "/?page=help"},
        {"icon": "ℹ️", "label": "حول النظام", "url": "/?page=about"},
    ]
    
    # إنشاء قائمة HTML
    menu_html = """
    <div class="nav-menu">
        <ul>
    """
    
    for item in menu_items:
        menu_html += f"""
            <li>
                <a href="{item['url']}">
                    <span class="nav-icon">{item['icon']}</span>
                    <span class="nav-label">{item['label']}</span>
                </a>
            </li>
        """
    
    menu_html += """
        </ul>
    </div>
    """
    
    # عرض قائمة التنقل
    st.markdown(menu_html, unsafe_allow_html=True)