"""
مكون عرض ابتكارات النظام
"""

import streamlit as st


def display_innovations():
    """
    عرض ابتكارات النظام
    """
    # تعريف الابتكارات الرئيسية
    innovations = [
        {
            "title": "تحليل المستندات بالذكاء الاصطناعي",
            "description": "استخراج البنود والكميات والمخاطر من المستندات تلقائيًا باستخدام تقنيات الذكاء الاصطناعي ومعالجة اللغة الطبيعية، مما يوفر الوقت والجهد ويقلل من الأخطاء البشرية.",
            "icon": "📄"
        },
        {
            "title": "تقنية التسعير غير المتزن",
            "description": "آلية متطورة لتحليل وتطبيق استراتيجيات التسعير غير المتزن، مع ضمان الحفاظ على القيمة الإجمالية للعرض، وزيادة فرص الربحية وتحسين التدفق النقدي.",
            "icon": "💰"
        },
        {
            "title": "حاسبة المحتوى المحلي الذكية",
            "description": "حساب وتحسين نسبة المحتوى المحلي في المشاريع بطريقة آلية، مع اقتراح بدائل محلية للمنتجات والخدمات المستوردة لتحقيق متطلبات المحتوى المحلي.",
            "icon": "🏭"
        },
        {
            "title": "نظام التنبؤ بالأسعار",
            "description": "التنبؤ بأسعار المواد والخدمات باستخدام خوارزميات التعلم الآلي والبيانات التاريخية، مما يساعد في اتخاذ قرارات التسعير بدقة أكبر.",
            "icon": "📊"
        },
        {
            "title": "تحليل المخاطر الاستباقي",
            "description": "تحديد وتحليل المخاطر المحتملة في المشاريع بشكل استباقي، مع توفير استراتيجيات المعالجة المناسبة لكل مخاطرة وتقدير تأثيرها على التكلفة.",
            "icon": "⚠️"
        }
    ]
    
    # عرض الابتكارات في صفوف
    col1, col2 = st.columns(2)
    
    for i, innovation in enumerate(innovations):
        # توزيع الابتكارات على عمودين
        current_col = col1 if i % 2 == 0 else col2
        
        with current_col:
            st.markdown(f"""
            <div class="innovation-card">
                <div class="innovation-icon">{innovation["icon"]}</div>
                <h3>{innovation["title"]}</h3>
                <p>{innovation["description"]}</p>
            </div>
            """, unsafe_allow_html=True)
    
    # إضافة أسلوب CSS للبطاقات
    st.markdown("""
    <style>
    .innovation-card {
        background-color: #f8f9fa;
        border-radius: 10px;
        padding: 15px;
        margin-bottom: 20px;
        border-right: 5px solid #ff9a3c;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }
    .innovation-icon {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .innovation-card h3 {
        color: #333;
        margin-bottom: 10px;
    }
    .innovation-card p {
        color: #666;
        font-size: 14px;
    }
    </style>
    """, unsafe_allow_html=True)