"""
مكون الشريط الجانبي لنظام واهبي لتحليل العقود والمناقصات
Sidebar component for WAHBI Tender Analysis System
"""

import streamlit as st
import os
from pathlib import Path
import streamlit_option_menu as option_menu
import json

def get_user_info():
    """
    استرجاع معلومات المستخدم الحالي (يُستخدم كمثال بسيط)
    """
    # في بيئة الإنتاج، هذه المعلومات يجب أن تأتي من نظام المصادقة
    return {
        "name": "محمد أحمد",
        "role": "محلل عقود",
        "image": None
    }

def render_sidebar():
    """
    عرض الشريط الجانبي الرئيسي للتطبيق
    """
    with st.sidebar:
        # عرض معلومات المستخدم
        user = get_user_info()
        
        # مربع معلومات المستخدم
        st.markdown(f"""
        <div style="padding: 1rem; background: linear-gradient(135deg, #f0f7ff, #e8f1fb); border-radius: 10px; margin-bottom: 1.5rem; text-align: center;">
            <div style="width: 80px; height: 80px; background: linear-gradient(135deg, #1E88E5, #64B5F6); border-radius: 50%; margin: 0 auto 0.8rem auto; display: flex; justify-content: center; align-items: center; color: white; font-size: 2rem; font-weight: bold;">
                {user["name"][0] if user["name"] else "م"}
            </div>
            <h3 style="margin: 0; font-size: 1.2rem; color: #333;">{user["name"]}</h3>
            <p style="margin: 0; color: #1E88E5; font-size: 0.9rem;">{user["role"]}</p>
        </div>
        """, unsafe_allow_html=True)
        
        # القائمة الرئيسية باستخدام كومبوننت الشريط الجانبي
        selected = option_menu.option_menu(
            menu_title="الوصول السريع",
            options=[
                "الرئيسية", 
                "تحليل العقود", 
                "حاسبة التكاليف",
                "إدارة المشاريع",
                "الخريطة التفاعلية",
                "المساعد الذكي",
                "التقارير",
                "الإعدادات"
            ],
            icons=[
                "house-fill", 
                "file-earmark-text-fill", 
                "calculator-fill",
                "clipboard2-data-fill",
                "geo-alt-fill",
                "robot",
                "bar-chart-fill",
                "gear-fill"
            ],
            menu_icon="list",
            default_index=0,
            styles={
                "container": {"padding": "0!important", "background-color": "transparent", "direction": "rtl"},
                "icon": {"color": "#1E88E5", "font-size": "1rem", "float": "right", "margin-left": "10px"},
                "nav-link": {
                    "font-size": "0.9rem",
                    "text-align": "right",
                    "direction": "rtl",
                    "--hover-color": "#E3F2FD",
                    "margin-bottom": "0.2rem",
                    "padding-right": "15px",
                },
                "nav-link-selected": {"background-color": "#1E88E5", "color": "white", "text-align": "right"},
            }
        )
        
        # تخزين القيمة المحددة في session_state
        st.session_state["sidebar_selected"] = selected
        
        # إظهار حالة الاتصال بقاعدة البيانات وحالة النظام
        st.markdown("""
        <div style="padding: 1rem; background-color: #f0f2f5; border-radius: 10px; margin-top: 1.5rem;">
            <h4 style="margin: 0 0 0.8rem 0; font-size: 1rem; color: #333;">حالة النظام</h4>
            <div style="display: flex; align-items: center; margin-bottom: 0.5rem;">
                <div style="width: 8px; height: 8px; border-radius: 50%; background-color: #4CAF50; margin-left: 0.5rem;"></div>
                <span style="font-size: 0.9rem; color: #666;">قاعدة البيانات متصلة</span>
            </div>
            <div style="display: flex; align-items: center; margin-bottom: 0.5rem;">
                <div style="width: 8px; height: 8px; border-radius: 50%; background-color: #4CAF50; margin-left: 0.5rem;"></div>
                <span style="font-size: 0.9rem; color: #666;">واجهة برمجة التطبيقات</span>
            </div>
            <div style="display: flex; align-items: center;">
                <div style="width: 8px; height: 8px; border-radius: 50%; background-color: #4CAF50; margin-left: 0.5rem;"></div>
                <span style="font-size: 0.9rem; color: #666;">الذكاء الاصطناعي</span>
            </div>
        </div>
        """, unsafe_allow_html=True)
        
        # معلومات النظام وعنوان المشروع
        with st.expander("حول النظام", expanded=False):
            st.markdown("""
            <div style="font-size: 0.9rem; color: #666;">
                <p style="margin-bottom: 0.5rem;">نظام واهبي للذكاء الاصطناعي - إصدار 2.0</p>
                <p style="margin-bottom: 0.5rem;">تحليل العقود والمناقصات</p>
                <p style="margin: 0;">© 2025 جميع الحقوق محفوظة</p>
            </div>
            """, unsafe_allow_html=True)

def get_sidebar_selection():
    """
    الحصول على العنصر المحدد في القائمة الجانبية
    """
    return st.session_state.get("sidebar_selected", "الرئيسية")

def render_module_sidebar(module_name, options=[]):
    """
    عرض شريط جانبي مخصص للوحدة
    
    المعلمات:
        module_name (str): اسم الوحدة
        options (list): قائمة بالخيارات المتاحة في الوحدة
    """
    with st.sidebar:
        # عنوان الوحدة
        st.markdown(f"""
        <h3 style="margin-bottom: 1rem; color: #1E88E5; font-size: 1.2rem; padding-bottom: 0.5rem; border-bottom: 1px solid #eee;">
            {module_name}
        </h3>
        """, unsafe_allow_html=True)
        
        # إذا تم توفير خيارات للوحدة
        if options:
            selected = option_menu.option_menu(
                menu_title=None,
                options=options,
                menu_icon=None,
                default_index=0,
                styles={
                    "container": {"padding": "0!important", "background-color": "transparent", "direction": "rtl"},
                    "icon": {"color": "#1E88E5", "font-size": "1rem", "float": "right", "margin-left": "10px"},
                    "nav-link": {
                        "font-size": "0.9rem",
                        "text-align": "right",
                        "direction": "rtl",
                        "--hover-color": "#E3F2FD",
                        "margin-bottom": "0.2rem",
                        "padding-right": "15px",
                        "padding": "0.5rem"
                    },
                    "nav-link-selected": {"background-color": "#1E88E5", "color": "white", "text-align": "right"},
                }
            )
            
            # تخزين الخيار المحدد
            st.session_state[f"{module_name}_selected"] = selected
            
            return selected
        
        # زر للعودة إلى القائمة الرئيسية
        if st.button("العودة للقائمة الرئيسية", key=f"back_btn_{module_name}"):
            st.session_state["sidebar_selected"] = "الرئيسية"
            st.rerun()

def get_module_selection(module_name):
    """
    الحصول على العنصر المحدد في قائمة الوحدة
    
    المعلمات:
        module_name (str): اسم الوحدة
    """
    return st.session_state.get(f"{module_name}_selected", None)