"""
مكون عرض الابتكارات النظامية المحسن
"""

import streamlit as st

def display_innovations():
    """
    عرض الابتكارات النظامية بتصميم محسن
    """
    # إنشاء صفوف لعرض الابتكارات
    col1, col2 = st.columns(2)
    
    with col1:
        st.markdown("""
        <div class="innovation-card">
            <div class="innovation-icon">🤖</div>
            <h3>الذكاء الاصطناعي المتقدم</h3>
            <p>استخدام نماذج الذكاء الاصطناعي المتقدمة لتحليل المستندات واستخراج البيانات بدقة عالية، مع دعم اللغة العربية بشكل كامل.</p>
        </div>
        """, unsafe_allow_html=True)
        
        st.markdown("""
        <div class="innovation-card">
            <div class="innovation-icon">📊</div>
            <h3>التسعير الذكي</h3>
            <p>نظام متكامل للتسعير يعتمد على قواعد بيانات الأسعار المحدثة والتنبؤ بالتكاليف المستقبلية باستخدام خوارزميات التعلم الآلي.</p>
        </div>
        """, unsafe_allow_html=True)
        
        st.markdown("""
        <div class="innovation-card">
            <div class="innovation-icon">🔄</div>
            <h3>التكامل مع الأنظمة الخارجية</h3>
            <p>واجهات برمجة تطبيقات (APIs) متكاملة تسمح بالربط مع أنظمة إدارة المشاريع وأنظمة المحاسبة والأنظمة الحكومية.</p>
        </div>
        """, unsafe_allow_html=True)
    
    with col2:
        st.markdown("""
        <div class="innovation-card">
            <div class="innovation-icon">🗺️</div>
            <h3>وحدة الخرائط المتكاملة</h3>
            <p>عرض المشاريع والمناقصات على الخرائط التفاعلية مع تحليل جغرافي متقدم للمواقع والمسافات والتكاليف اللوجستية.</p>
        </div>
        """, unsafe_allow_html=True)
        
        st.markdown("""
        <div class="innovation-card">
            <div class="innovation-icon">📱</div>
            <h3>تطبيق الجوال المتكامل</h3>
            <p>إمكانية الوصول إلى النظام من خلال تطبيق الجوال مع إشعارات فورية ومتابعة للمشاريع والمناقصات أثناء التنقل.</p>
        </div>
        """, unsafe_allow_html=True)
        
        st.markdown("""
        <div class="innovation-card">
            <div class="innovation-icon">🔒</div>
            <h3>أمان متقدم للبيانات</h3>
            <p>نظام أمان متعدد الطبقات لحماية البيانات الحساسة مع تشفير من طرف إلى طرف وتحكم دقيق في الصلاحيات.</p>
        </div>
        """, unsafe_allow_html=True)