v3 / app.py
EGYADMIN's picture
Upload 113 files
3d20a1c verified
#!/usr/bin/env python
# -*- coding: utf-8 -*-
"""
نظام واهبي للذكاء الاصطناعي لتحليل العقود والمناقصات
تطبيق Streamlit الرئيسي الذي يجمع جميع الوحدات والمكونات
"""
import os
import sys
import streamlit as st
import pandas as pd
import numpy as np
# تهيئة حالة الجلسة لكل وحدات النظام
if 'page' not in st.session_state:
st.session_state.page = 'home'
if 'analysis_type' not in st.session_state:
st.session_state.analysis_type = None
if 'show_document_upload' not in st.session_state:
st.session_state.show_document_upload = False
if 'report_type' not in st.session_state:
st.session_state.report_type = None
if 'show_report_form' not in st.session_state:
st.session_state.show_report_form = False
if 'analysis_result' not in st.session_state:
st.session_state.analysis_result = None
if 'current_document' not in st.session_state:
st.session_state.current_document = None
if 'current_document_text' not in st.session_state:
st.session_state.current_document_text = None
if 'loaded_files' not in st.session_state:
st.session_state.loaded_files = []
if 'notifications' not in st.session_state:
st.session_state.notifications = []
# وظيفة لتهيئة حزم NLTK المطلوبة عند بدء التطبيق
def initialize_nltk_resources():
"""تنزيل وتهيئة موارد NLTK المطلوبة"""
try:
# محاولة تنزيل حزم NLTK الأساسية
import nltk
# تحديد المسار المخصص لتنزيل NLTK data
nltk_data_path = os.path.join(os.path.expanduser("~"), "nltk_data")
os.makedirs(nltk_data_path, exist_ok=True)
nltk.data.path.append(nltk_data_path)
# قائمة بالحزم المطلوبة
required_packages = ['punkt', 'stopwords', 'wordnet', 'omw-1.4']
for package in required_packages:
try:
if package == 'punkt':
nltk.data.find('tokenizers/punkt')
elif package == 'stopwords':
nltk.data.find('corpora/stopwords')
elif package == 'wordnet':
nltk.data.find('corpora/wordnet')
else:
nltk.data.find(f'corpora/{package}')
except LookupError:
print(f"تنزيل حزمة NLTK: {package}")
nltk.download(package, download_dir=nltk_data_path, quiet=False)
print("تم تهيئة موارد NLTK بنجاح.")
except Exception as e:
print(f"خطأ في تهيئة NLTK: {e}")
st.error(f"حدث خطأ أثناء تهيئة موارد NLTK: {e}")
# تهيئة موارد NLTK عند بدء التطبيق
initialize_nltk_resources()
# مسار نسبي للملفات الثابتة (للتأكد من العمل في بيئات مختلفة)
def get_static_path(file_path):
"""مسار ملف ثابت يعمل سواء كان التشغيل من المجلد الرئيسي أو من المجلد الفرعي"""
# قائمة المسارات المحتملة
possible_paths = [
# المسار المباشر (في حالة تشغيل التطبيق من نفس المجلد)
file_path,
# المسار النسبي من مجلد التطبيق (tender-analysis-system)
os.path.join(os.path.dirname(__file__), file_path),
# المسار النسبي من المجلد الأعلى
os.path.join(os.path.dirname(os.path.dirname(__file__)), "tender-analysis-system", file_path),
]
# اختبار كل مسار محتمل
for path in possible_paths:
if os.path.exists(path):
return path
# إذا لم يتم العثور على الملف، إعادة المسار الأصلي
return file_path
# إعداد إعدادات الصفحة
try:
st.set_page_config(
page_title="نظام WAHBi للذكاء الاصطناعي | التعاقدات والمناقصات",
page_icon="📊",
layout="wide",
initial_sidebar_state="expanded"
)
except Exception as e:
print(f"خطأ في إعداد الصفحة: {e}")
# يحدث هذا غالبًا عند استخدام st.set_page_config أكثر من مرة
# استيراد ملفات CSS الجديدة
try:
# تحديد مسارات الملفات
main_css_path = get_static_path("utils/css/main.css")
rtl_css_path = get_static_path("utils/css/rtl.css")
enhanced_css_path = get_static_path("utils/css/enhanced.css")
# تحميل ملف CSS الرئيسي
if os.path.exists(main_css_path):
with open(main_css_path, "r", encoding='utf-8') as f:
main_css = f.read()
st.markdown(f"<style>{main_css}</style>", unsafe_allow_html=True)
print(f"تم تحميل ملف CSS الرئيسي بنجاح من: {main_css_path}")
else:
print(f"تعذر العثور على ملف CSS الرئيسي: {main_css_path}")
# تحميل ملف دعم الاتجاه من اليمين إلى اليسار
if os.path.exists(rtl_css_path):
with open(rtl_css_path, "r", encoding='utf-8') as f:
rtl_css = f.read()
st.markdown(f"<style>{rtl_css}</style>", unsafe_allow_html=True)
print(f"تم تحميل ملف CSS للتوجيه RTL بنجاح من: {rtl_css_path}")
else:
print(f"تعذر العثور على ملف CSS للتوجيه RTL: {rtl_css_path}")
# تحميل ملف التحسينات المتقدمة
if os.path.exists(enhanced_css_path):
with open(enhanced_css_path, "r", encoding='utf-8') as f:
enhanced_css = f.read()
st.markdown(f"<style>{enhanced_css}</style>", unsafe_allow_html=True)
print(f"تم تحميل ملف CSS المحسن بنجاح من: {enhanced_css_path}")
else:
print(f"تعذر العثور على ملف CSS المحسن: {enhanced_css_path}")
except Exception as e:
st.warning(f"حدث خطأ أثناء تحميل ملفات CSS: {str(e)}")
print(f"خطأ في تحميل ملفات CSS: {str(e)}")
# إضافة Font Awesome وأي أصول خارجية أخرى
st.markdown("""
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900;1000&display=swap" rel="stylesheet">
""", unsafe_allow_html=True)
# إضافة CSS المخصص
st.markdown("""
<style>
:root {
--primary-color: #0B6E4F;
--secondary-color: #08603a;
--primary-light: rgba(11, 110, 79, 0.1);
--primary-gradient: linear-gradient(135deg, #0B6E4F 0%, #08875D 100%);
--accent-color: #FFB100;
--accent-light: rgba(255, 177, 0, 0.1);
--tertiary-color: #5754FF;
--quaternary-color: #f43f5e;
--success-color: #10b981;
--warning-color: #f59e0b;
--danger-color: #ef4444;
--gray-100: #f3f4f6;
--gray-200: #e5e7eb;
--gray-300: #d1d5db;
--gray-400: #9ca3af;
--gray-500: #6b7280;
--gray-600: #4b5563;
--gray-700: #374151;
--gray-800: #1f2937;
--gray-900: #111827;
}
/* تعديل الاتجاه للدعم العربي والخط */
body, .css-18e3th9, .css-1d391kg, .stMarkdown, .stTextArea, .stButton, .stTextInput, .stSelectbox, .stRadio {
direction: rtl !important;
text-align: right !important;
font-family: 'Almarai', 'Tajawal', sans-serif !important;
}
/* تحسين مظهر العناوين */
h1, h2, h3, h4, h5 {
font-family: 'Cairo', 'Almarai', sans-serif !important;
color: var(--primary-color) !important;
font-weight: 700 !important;
}
/* تخصيص عنوان التطبيق */
.app-title {
font-size: 2.5rem !important;
font-weight: 800 !important;
text-align: center !important;
margin-bottom: 1.5rem !important;
text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1) !important;
background: linear-gradient(90deg, var(--primary-color), var(--secondary-color)) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
background-clip: text !important;
position: relative !important;
padding-bottom: 1rem !important;
}
.app-title::after {
content: '' !important;
position: absolute !important;
bottom: 0 !important;
right: 25% !important;
width: 50% !important;
height: 4px !important;
background: linear-gradient(90deg, var(--accent-color), var(--primary-color)) !important;
border-radius: 4px !important;
}
/* تعديل الشعار الرئيسي */
.main-logo {
text-align: center !important;
margin-bottom: 2rem !important;
}
/* تحسين البطاقات والكروت */
.card {
background-color: white !important;
border-radius: 12px !important;
padding: 1.5rem !important;
margin-bottom: 1.5rem !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
border: 1px solid var(--gray-200) !important;
transition: all 0.3s ease !important;
}
.card:hover {
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
transform: translateY(-5px) !important;
}
.card-title {
color: var(--primary-color) !important;
font-weight: 700 !important;
font-size: 1.4rem !important;
margin-bottom: 1rem !important;
border-right: 4px solid var(--primary-color) !important;
padding-right: 10px !important;
}
/* تعديل مظهر الأزرار */
.stButton>button {
background: var(--primary-gradient) !important;
color: white !important;
border: none !important;
padding: 0.7rem 1.2rem !important;
border-radius: 8px !important;
font-weight: 600 !important;
box-shadow: 0 4px 10px rgba(11, 110, 79, 0.2) !important;
transition: all 0.3s ease !important;
}
.stButton>button:hover {
box-shadow: 0 6px 15px rgba(11, 110, 79, 0.3) !important;
transform: translateY(-2px) !important;
}
/* تخصيص الشريط الجانبي */
.sidebar .sidebar-content {
background-color: white;
}
/* تخصيص الأقسام */
.section-card {
background-color: white;
border-radius: 12px;
padding: 1.5rem;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
margin-bottom: 1.5rem;
border: 1px solid var(--gray-200);
}
/* تخصيص المؤشرات */
.indicator {
padding: 1.2rem;
border-radius: 12px;
background: linear-gradient(135deg, white, var(--gray-100));
text-align: center;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
border: 1px solid var(--gray-200);
transition: all 0.3s ease;
}
.indicator:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}
.indicator-value {
font-size: 2.2rem;
font-weight: 800;
margin-bottom: 0.5rem;
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.indicator-label {
font-size: 1rem;
font-weight: 600;
color: var(--gray-700);
}
/* تخصيص البطاقات - استخدام المعرفة المسبقة من أعلى */
.card-metrics {
display: flex;
justify-content: space-between;
margin-top: 1rem;
padding-top: 1rem;
border-top: 1px solid var(--gray-200);
}
.card-metric {
text-align: center;
flex: 1;
padding: 0.5rem;
border-radius: 8px;
background-color: var(--gray-100);
margin: 0 0.3rem;
}
.card-metric-value {
font-weight: 700;
font-size: 1.5rem;
}
.card-metric-label {
font-size: 0.85rem;
color: var(--gray-600);
margin-top: 0.3rem;
}
</style>
""", unsafe_allow_html=True)
# استيراد المكونات والوحدات
from utils.components.sidebar import render_sidebar
from utils.helpers import create_directory_if_not_exists, get_data_folder
# استيراد وحدات التطبيق
from modules.pricing.pricing_app import PricingApp
from modules.projects.projects_app import ProjectsApp
from modules.resources.resources_app import ResourcesApp
from modules.risk_assessment.risk_assessment_app import RiskAssessmentApp
from modules.project_tracker.tracker_app import TrackerApp
from modules.maps.maps_app import MapsApp
from modules.notifications.notifications_app import NotificationsApp
from modules.voice_narration.voice_narration_app import VoiceNarrationApp
from modules.achievements.achievements_app import AchievementsApp
from modules.ai_finetuning.finetuning_app import FinetuningApp
from modules.document_comparison.comparison_app import DocumentComparisonApp
from modules.document_analysis.document_analysis_app import DocumentAnalysisApp
# إنشاء مجلدات البيانات الضرورية
create_directory_if_not_exists(get_data_folder())
create_directory_if_not_exists(os.path.join(get_data_folder(), "projects"))
create_directory_if_not_exists(os.path.join(get_data_folder(), "documents"))
create_directory_if_not_exists(os.path.join(get_data_folder(), "analysis"))
def main():
"""الدالة الرئيسية للتطبيق"""
# تقديم الشريط الجانبي وتلقي الوحدة المختارة
selected_module = render_sidebar()
# إذا كان المستخدم غير مصرح له، قم بإظهار شاشة تسجيل الدخول
if "is_authenticated" in st.session_state and not st.session_state.is_authenticated:
render_login_screen()
return
# إظهار الوحدة المختارة
if selected_module == "الرئيسية":
render_homepage()
elif selected_module == "إدارة المشاريع":
projects_app = ProjectsApp()
projects_app.render()
elif selected_module == "التسعير المتكاملة":
pricing_app = PricingApp()
pricing_app.render()
elif selected_module == "الموارد والتكاليف":
resources_app = ResourcesApp()
resources_app.render()
elif selected_module == "تحليل المستندات":
# استخدام فئة تحليل المستندات الكاملة
document_analysis_app = DocumentAnalysisApp()
document_analysis_app.render()
elif selected_module == "مقارنة المستندات":
# تقديم واجهة مقارنة المستندات
comparison_app = DocumentComparisonApp()
comparison_app.render()
elif selected_module == "تقييم مخاطر العقود":
risk_app = RiskAssessmentApp()
risk_app.render()
elif selected_module == "التقارير والتحليلات":
# تقديم واجهة التقارير والتحليلات
render_reports_and_analytics()
elif selected_module == "متتبع حالة المشروع":
tracker_app = TrackerApp()
tracker_app.render()
elif selected_module == "خريطة المشاريع":
maps_app = MapsApp()
maps_app.render()
elif selected_module == "نظام الإشعارات":
notifications_app = NotificationsApp()
notifications_app.render()
elif selected_module == "الترجمة الصوتية":
voice_app = VoiceNarrationApp()
voice_app.render()
elif selected_module == "نظام الإنجازات":
achievements_app = AchievementsApp()
achievements_app.render()
elif selected_module == "المساعد الذكي":
# تقديم واجهة المساعد الذكي
render_ai_assistant()
elif selected_module == "ضبط نماذج الذكاء الاصطناعي":
finetuning_app = FinetuningApp()
finetuning_app.render()
else:
st.error("الوحدة المطلوبة غير موجودة")
def render_login_screen():
"""عرض شاشة تسجيل الدخول"""
st.markdown("<h1 class='app-title'>نظام WAHBi للذكاء الاصطناعي</h1>", unsafe_allow_html=True)
st.markdown("""
<div class="section-card">
<h2>تسجيل الدخول</h2>
<p>يرجى إدخال بيانات الاعتماد الخاصة بك للوصول إلى النظام.</p>
</div>
""", unsafe_allow_html=True)
col1, col2, col3 = st.columns([1, 2, 1])
with col2:
username = st.text_input("اسم المستخدم")
password = st.text_input("كلمة المرور", type="password")
if st.button("تسجيل الدخول"):
# تنفيذ منطق المصادقة
if username == "admin" and password == "admin": # بيانات اعتماد مؤقتة للتطوير
st.session_state.is_authenticated = True
st.session_state.user_info = {
"id": 1,
"username": "admin",
"full_name": "مدير النظام",
"email": "admin@example.com",
"role": "مدير",
"department": "الإدارة",
"last_login": "2023-01-01 09:00:00"
}
st.rerun()
else:
st.error("اسم المستخدم أو كلمة المرور غير صحيحة")
st.markdown("""
<div style="text-align: center; margin-top: 50px; color: #666;">
<p>نظام WAHBi للذكاء الاصطناعي © 2025 شركة شبه الجزيرة للمقاولات</p>
<p>جميع الحقوق محفوظة</p>
</div>
""", unsafe_allow_html=True)
def render_homepage():
"""عرض الصفحة الرئيسية للتطبيق"""
st.markdown("<h1 class='app-title'>نظام WAHBi للذكاء الاصطناعي</h1>", unsafe_allow_html=True)
st.markdown("<div style='text-align: center; margin-bottom: 20px;'>نظام متكامل لتحليل العقود والمناقصات باستخدام تقنيات الذكاء الاصطناعي المتقدمة</div>", unsafe_allow_html=True)
# عرض مؤشرات الأداء الرئيسية
col1, col2, col3, col4 = st.columns(4)
with col1:
st.markdown("""
<div class="indicator">
<div class="indicator-value">24</div>
<div class="indicator-label">المناقصات النشطة</div>
<div style="font-size: 1.1rem; margin-top: 5px;">
<i class="fas fa-arrow-up" style="color: var(--success-color);"></i>
<span style="color: var(--success-color); font-weight: 600;">+3</span> هذا الشهر
</div>
</div>
""", unsafe_allow_html=True)
with col2:
st.markdown("""
<div class="indicator">
<div class="indicator-value">8</div>
<div class="indicator-label">مشاريع قيد التنفيذ</div>
<div style="font-size: 1.1rem; margin-top: 5px;">
<i class="fas fa-arrow-up" style="color: var(--success-color);"></i>
<span style="color: var(--success-color); font-weight: 600;">+2</span> هذا الشهر
</div>
</div>
""", unsafe_allow_html=True)
with col3:
st.markdown("""
<div class="indicator">
<div class="indicator-value">12</div>
<div class="indicator-label">مستندات قيد التحليل</div>
<div style="font-size: 1.1rem; margin-top: 5px;">
<i class="fas fa-check-circle" style="color: var(--primary-color);"></i>
<span style="color: var(--primary-color); font-weight: 600;">65%</span> مكتمل
</div>
</div>
""", unsafe_allow_html=True)
with col4:
st.markdown("""
<div class="indicator">
<div class="indicator-value">5</div>
<div class="indicator-label">تنبيهات تتطلب الاهتمام</div>
<div style="font-size: 1.1rem; margin-top: 5px;">
<i class="fas fa-arrow-down" style="color: var(--success-color);"></i>
<span style="color: var(--success-color); font-weight: 600;">-2</span> آخر أسبوع
</div>
</div>
""", unsafe_allow_html=True)
# عرض المشاريع الأخيرة والوصول السريع
col1, col2 = st.columns([2, 1])
with col1:
st.markdown("### المناقصات الأخيرة")
st.markdown("""
<div class="card">
<div class="card-title">إنشاء طريق سريع بمنطقة الرياض</div>
<div>رقم المناقصة: TR-2025-134</div>
<div>الجهة المالكة: وزارة النقل</div>
<div>تاريخ الإغلاق: 15 أبريل 2025</div>
<div class="card-metrics" style="margin-top: 10px;">
<div class="card-metric">
<div class="card-metric-value" style="color: #4CAF50;">85%</div>
<div class="card-metric-label">نسبة الإنجاز</div>
</div>
<div class="card-metric">
<div class="card-metric-value" style="color: #FFC107;">متوسطة</div>
<div class="card-metric-label">المخاطر</div>
</div>
<div class="card-metric">
<div class="card-metric-value" style="color: #2196F3;">مرتفعة</div>
<div class="card-metric-label">الأولوية</div>
</div>
</div>
</div>
<div class="card">
<div class="card-title">تطوير شبكة الصرف الصحي بالمنطقة الشرقية</div>
<div>رقم المناقصة: WS-2025-089</div>
<div>الجهة المالكة: وزارة المياه</div>
<div>تاريخ الإغلاق: 22 أبريل 2025</div>
<div class="card-metrics" style="margin-top: 10px;">
<div class="card-metric">
<div class="card-metric-value" style="color: #4CAF50;">62%</div>
<div class="card-metric-label">نسبة الإنجاز</div>
</div>
<div class="card-metric">
<div class="card-metric-value" style="color: #F44336;">مرتفعة</div>
<div class="card-metric-label">المخاطر</div>
</div>
<div class="card-metric">
<div class="card-metric-value" style="color: #2196F3;">مرتفعة</div>
<div class="card-metric-label">الأولوية</div>
</div>
</div>
</div>
<div class="card">
<div class="card-title">بناء 3 مدارس بمنطقة مكة المكرمة</div>
<div>رقم المناقصة: ED-2025-112</div>
<div>الجهة المالكة: وزارة التعليم</div>
<div>تاريخ الإغلاق: 5 مايو 2025</div>
<div class="card-metrics" style="margin-top: 10px;">
<div class="card-metric">
<div class="card-metric-value" style="color: #4CAF50;">38%</div>
<div class="card-metric-label">نسبة الإنجاز</div>
</div>
<div class="card-metric">
<div class="card-metric-value" style="color: #4CAF50;">منخفضة</div>
<div class="card-metric-label">المخاطر</div>
</div>
<div class="card-metric">
<div class="card-metric-value" style="color: #FFC107;">متوسطة</div>
<div class="card-metric-label">الأولوية</div>
</div>
</div>
</div>
""", unsafe_allow_html=True)
with col2:
st.markdown("### الوصول السريع")
st.markdown("""
<div class="quick-actions">
<a href="#" class="quick-action-button" style="background: linear-gradient(135deg, #0B6E4F 0%, #08875D 100%);">
<i class="fas fa-file-alt"></i>
<span>تحليل مستند جديد</span>
</a>
<a href="#" class="quick-action-button" style="background: linear-gradient(135deg, #38b000 0%, #008000 100%);">
<i class="fas fa-calculator"></i>
<span>حساب تكاليف مشروع</span>
</a>
<a href="#" class="quick-action-button" style="background: linear-gradient(135deg, #ff9500 0%, #ff7000 100%);">
<i class="fas fa-exclamation-triangle"></i>
<span>تقييم مخاطر العقد</span>
</a>
<a href="#" class="quick-action-button" style="background: linear-gradient(135deg, #9d4edd 0%, #7b2cbf 100%);">
<i class="fas fa-map-marker-alt"></i>
<span>استعراض خريطة المشاريع</span>
</a>
<a href="#" class="quick-action-button" style="background: linear-gradient(135deg, #3a86ff 0%, #0077b6 100%);">
<i class="fas fa-chart-bar"></i>
<span>إنشاء تقارير تحليلية</span>
</a>
</div>
<style>
.quick-actions {
display: grid;
gap: 12px;
}
.quick-action-button {
display: flex;
align-items: center;
justify-content: flex-end;
color: white;
border: none;
border-radius: 8px;
padding: 14px 16px;
text-align: right;
cursor: pointer;
font-weight: 600;
text-decoration: none;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
}
.quick-action-button:hover {
transform: translateY(-3px);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}
.quick-action-button i {
margin-left: 12px;
font-size: 1.2rem;
width: 24px;
text-align: center;
}
</style>
""", unsafe_allow_html=True)
st.markdown("### آخر التنبيهات")
st.markdown("""
<div class="alerts-container">
<div class="alert alert-danger">
<div class="alert-icon">
<i class="fas fa-exclamation-circle"></i>
</div>
<div class="alert-content">
<div class="alert-title">انتهاء موعد تقديم المناقصة</div>
<div class="alert-message">مشروع إنشاء الطريق السريع - متبقي 3 أيام</div>
<div class="alert-time">منذ 2 ساعة</div>
</div>
</div>
<div class="alert alert-warning">
<div class="alert-icon">
<i class="fas fa-bell"></i>
</div>
<div class="alert-content">
<div class="alert-title">تغيير في شروط المناقصة</div>
<div class="alert-message">تم تحديث مستندات مشروع شبكة الصرف الصحي</div>
<div class="alert-time">منذ 5 ساعات</div>
</div>
</div>
<div class="alert alert-success">
<div class="alert-icon">
<i class="fas fa-check-circle"></i>
</div>
<div class="alert-content">
<div class="alert-title">إكمال تحليل المستند</div>
<div class="alert-message">اكتمل تحليل عقد بناء المدارس بنجاح</div>
<div class="alert-time">منذ يوم واحد</div>
</div>
</div>
</div>
<style>
.alerts-container {
display: flex;
flex-direction: column;
gap: 12px;
}
.alert {
display: flex;
align-items: center;
border-radius: 8px;
padding: 12px;
transition: all 0.3s ease;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
.alert:hover {
transform: translateY(-2px);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.alert-danger {
background-color: #FFF5F5;
border-right: 4px solid var(--danger-color);
}
.alert-warning {
background-color: #FFFBEB;
border-right: 4px solid var(--warning-color);
}
.alert-success {
background-color: #F0FDF4;
border-right: 4px solid var(--success-color);
}
.alert-icon {
margin-left: 14px;
font-size: 1.4rem;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.alert-danger .alert-icon {
color: var(--danger-color);
background-color: rgba(239, 68, 68, 0.1);
}
.alert-warning .alert-icon {
color: var(--warning-color);
background-color: rgba(245, 158, 11, 0.1);
}
.alert-success .alert-icon {
color: var(--success-color);
background-color: rgba(16, 185, 129, 0.1);
}
.alert-content {
flex: 1;
}
.alert-title {
font-weight: 700;
font-size: 1rem;
margin-bottom: 4px;
}
.alert-danger .alert-title {
color: var(--danger-color);
}
.alert-warning .alert-title {
color: var(--warning-color);
}
.alert-success .alert-title {
color: var(--success-color);
}
.alert-message {
font-size: 0.9rem;
color: var(--gray-700);
}
.alert-time {
font-size: 0.75rem;
color: var(--gray-500);
margin-top: 4px;
}
</style>
""", unsafe_allow_html=True)
# معلومات حول النظام
st.markdown("---")
st.markdown("""
<div class="section-card">
<h3>حول النظام</h3>
<p>نظام WAHBi للذكاء الاصطناعي هو نظام متكامل لتحليل العقود والمناقصات وإدارة المشاريع، مصمم خصيصاً لشركات المقاولات والبناء. يستخدم النظام تقنيات الذكاء الاصطناعي المتقدمة لتحليل المستندات واستخراج المعلومات المهمة وتقييم المخاطر ودعم اتخاذ القرار.</p>
</div>
""", unsafe_allow_html=True)
# معلومات الشركة
st.markdown("""
<div style="text-align: center; margin-top: 30px; color: #666;">
<p>هذا النظام يعمل لشركة شبه الجزيرة للمقاولات</p>
<p>جميع الحقوق محفوظة 2025</p>
</div>
""", unsafe_allow_html=True)
# تم حذف دالة render_document_analysis() لأن الوظيفة أصبحت منفذة عبر كلاس DocumentAnalysisApp
# التحليلات الأخيرة
st.markdown("### التحليلات الأخيرة")
st.markdown("""
<div class="table-responsive">
<table class="modern-table">
<thead>
<tr>
<th>اسم المستند</th>
<th>نوع التحليل</th>
<th>تاريخ التحليل</th>
<th>الحالة</th>
<th>الإجراءات</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="document-item">
<div class="document-icon pdf-icon">
<i class="fas fa-file-pdf"></i>
</div>
<div class="document-info">
<div class="document-title">عقد إنشاء طريق سريع</div>
<div class="document-meta">PDF، 2.4 MB</div>
</div>
</div>
</td>
<td>تحليل شامل</td>
<td>2025-03-25</td>
<td><span class="status-badge status-completed">مكتمل</span></td>
<td>
<div class="action-buttons">
<button class="action-btn view-btn">
<i class="fas fa-eye"></i>
<span>عرض</span>
</button>
<button class="action-btn download-btn">
<i class="fas fa-download"></i>
<span>تنزيل</span>
</button>
</div>
</td>
</tr>
<tr>
<td>
<div class="document-item">
<div class="document-icon excel-icon">
<i class="fas fa-file-excel"></i>
</div>
<div class="document-info">
<div class="document-title">جداول كميات مشروع صرف صحي</div>
<div class="document-meta">XLSX، 1.7 MB</div>
</div>
</div>
</td>
<td>تحليل جداول الكميات</td>
<td>2025-03-23</td>
<td><span class="status-badge status-completed">مكتمل</span></td>
<td>
<div class="action-buttons">
<button class="action-btn view-btn">
<i class="fas fa-eye"></i>
<span>عرض</span>
</button>
<button class="action-btn download-btn">
<i class="fas fa-download"></i>
<span>تنزيل</span>
</button>
</div>
</td>
</tr>
<tr>
<td>
<div class="document-item">
<div class="document-icon pdf-icon">
<i class="fas fa-file-pdf"></i>
</div>
<div class="document-info">
<div class="document-title">شروط وأحكام عقد بناء مدارس</div>
<div class="document-meta">PDF، 1.1 MB</div>
</div>
</div>
</td>
<td>تحليل الشروط والأحكام</td>
<td>2025-03-20</td>
<td><span class="status-badge status-completed">مكتمل</span></td>
<td>
<div class="action-buttons">
<button class="action-btn view-btn">
<i class="fas fa-eye"></i>
<span>عرض</span>
</button>
<button class="action-btn download-btn">
<i class="fas fa-download"></i>
<span>تنزيل</span>
</button>
</div>
</td>
</tr>
<tr>
<td>
<div class="document-item">
<div class="document-icon pdf-icon">
<i class="fas fa-file-pdf"></i>
</div>
<div class="document-info">
<div class="document-title">ملحق عقد مشروع كباري</div>
<div class="document-meta">PDF، 890 KB</div>
</div>
</div>
</td>
<td>تحليل شامل</td>
<td>2025-03-18</td>
<td><span class="status-badge status-processing">قيد المعالجة</span></td>
<td>
<div class="action-buttons">
<button class="action-btn view-btn disabled">
<i class="fas fa-eye"></i>
<span>عرض</span>
</button>
<button class="action-btn download-btn disabled">
<i class="fas fa-download"></i>
<span>تنزيل</span>
</button>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<style>
.table-responsive {
overflow-x: auto;
margin-bottom: 1.5rem;
border-radius: var(--border-radius);
box-shadow: var(--shadow-sm);
}
.modern-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
background-color: white;
border-radius: var(--border-radius);
overflow: hidden;
}
.modern-table th {
background-color: var(--primary-color);
color: white;
padding: 12px 16px;
text-align: right;
font-weight: var(--font-weight-semibold);
border: none;
}
.modern-table td {
padding: 12px 16px;
text-align: right;
border-bottom: 1px solid var(--gray-200);
vertical-align: middle;
}
.modern-table tr:last-child td {
border-bottom: none;
}
.modern-table tr:nth-child(even) {
background-color: var(--gray-50);
}
.modern-table tr:hover {
background-color: var(--gray-100);
}
.document-item {
display: flex;
align-items: center;
}
.document-icon {
width: 40px;
height: 40px;
border-radius: var(--border-radius-sm);
display: flex;
align-items: center;
justify-content: center;
margin-left: 12px;
color: white;
font-size: 18px;
}
.pdf-icon {
background-color: #f44336;
}
.excel-icon {
background-color: #4caf50;
}
.document-info {
display: flex;
flex-direction: column;
}
.document-title {
font-weight: var(--font-weight-medium);
color: var(--gray-800);
margin-bottom: 4px;
}
.document-meta {
font-size: var(--font-size-xs);
color: var(--gray-500);
}
.status-badge {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 4px 12px;
border-radius: 50px;
font-size: var(--font-size-xs);
font-weight: var(--font-weight-medium);
}
.status-completed {
background-color: var(--success-light);
color: var(--success-color);
}
.status-processing {
background-color: var(--warning-light);
color: var(--warning-color);
}
.status-failed {
background-color: var(--danger-light);
color: var(--danger-color);
}
.action-buttons {
display: flex;
gap: 8px;
}
.action-btn {
display: inline-flex;
align-items: center;
padding: 6px 12px;
border-radius: var(--border-radius-sm);
border: none;
font-size: var(--font-size-xs);
font-weight: var(--font-weight-medium);
cursor: pointer;
transition: all 0.2s ease;
}
.action-btn i {
margin-left: 6px;
}
.view-btn {
background-color: var(--primary-light);
color: var(--primary-dark);
}
.view-btn:hover {
background-color: var(--primary-color);
color: white;
}
.download-btn {
background-color: var(--gray-200);
color: var(--gray-700);
}
.download-btn:hover {
background-color: var(--gray-300);
}
.action-btn.disabled {
background-color: var(--gray-200);
color: var(--gray-400);
cursor: not-allowed;
opacity: 0.7;
}
.action-btn.disabled:hover {
background-color: var(--gray-200);
color: var(--gray-400);
}
</style>
""", unsafe_allow_html=True)
# إحصائيات التحليل
st.markdown("### إحصائيات التحليل")
col1, col2 = st.columns(2)
with col1:
st.markdown("""
<div class="stats-card">
<div class="stats-header">
<h4>توزيع أنواع المستندات</h4>
</div>
<div class="stats-content">
<div class="chart-item">
<div class="chart-item-header">
<div class="chart-label">
<div class="color-dot" style="background-color: var(--primary-color);"></div>
<span>عقود ومناقصات</span>
</div>
<div class="chart-value">45%</div>
</div>
<div class="progress-bar-container">
<div class="progress-bar" style="width: 45%; background: var(--primary-gradient);"></div>
</div>
</div>
<div class="chart-item">
<div class="chart-item-header">
<div class="chart-label">
<div class="color-dot" style="background-color: var(--success-color);"></div>
<span>جداول كميات</span>
</div>
<div class="chart-value">30%</div>
</div>
<div class="progress-bar-container">
<div class="progress-bar" style="width: 30%; background: var(--success-gradient);"></div>
</div>
</div>
<div class="chart-item">
<div class="chart-item-header">
<div class="chart-label">
<div class="color-dot" style="background-color: var(--warning-color);"></div>
<span>شروط وأحكام</span>
</div>
<div class="chart-value">15%</div>
</div>
<div class="progress-bar-container">
<div class="progress-bar" style="width: 15%; background: var(--warning-gradient);"></div>
</div>
</div>
<div class="chart-item">
<div class="chart-item-header">
<div class="chart-label">
<div class="color-dot" style="background-color: var(--gray-500);"></div>
<span>مستندات أخرى</span>
</div>
<div class="chart-value">10%</div>
</div>
<div class="progress-bar-container">
<div class="progress-bar" style="width: 10%; background: linear-gradient(135deg, var(--gray-500) 0%, var(--gray-600) 100%);"></div>
</div>
</div>
</div>
</div>
""", unsafe_allow_html=True)
with col2:
st.markdown("""
<div class="stats-card">
<div class="stats-header">
<h4>إحصائيات التحليل الشهرية</h4>
</div>
<div class="counters-container">
<div class="counter-item">
<div class="counter-value primary">42</div>
<div class="counter-label">مستند تم تحليله</div>
</div>
<div class="counter-item">
<div class="counter-value success">38</div>
<div class="counter-label">تحليل ناجح</div>
</div>
<div class="counter-item">
<div class="counter-value warning">4</div>
<div class="counter-label">تحليل غير مكتمل</div>
</div>
</div>
<div class="stats-subheader">
<h4>متوسط وقت المعالجة</h4>
</div>
<div class="stats-content">
<div class="chart-item">
<div class="chart-item-header">
<div class="chart-label">
<span>تحليل شامل</span>
</div>
<div class="chart-value time">2:30</div>
</div>
<div class="progress-bar-container">
<div class="progress-bar" style="width: 80%; background: var(--primary-gradient);"></div>
</div>
</div>
<div class="chart-item">
<div class="chart-item-header">
<div class="chart-label">
<span>جداول الكميات</span>
</div>
<div class="chart-value time">1:45</div>
</div>
<div class="progress-bar-container">
<div class="progress-bar" style="width: 50%; background: var(--success-gradient);"></div>
</div>
</div>
<div class="chart-item">
<div class="chart-item-header">
<div class="chart-label">
<span>الشروط والأحكام</span>
</div>
<div class="chart-value time">2:00</div>
</div>
<div class="progress-bar-container">
<div class="progress-bar" style="width: 60%; background: var(--warning-gradient);"></div>
</div>
</div>
</div>
</div>
<style>
.stats-card {
background-color: white;
border-radius: var(--border-radius);
padding: var(--spacing-lg);
box-shadow: var(--shadow-card);
height: 100%;
}
.stats-header h4, .stats-subheader h4 {
color: var(--primary-color);
font-size: var(--font-size-lg);
font-weight: var(--font-weight-semibold);
margin-bottom: var(--spacing-md);
padding-bottom: var(--spacing-sm);
border-bottom: 1px solid var(--gray-200);
}
.stats-subheader h4 {
margin-top: var(--spacing-lg);
font-size: var(--font-size-md);
}
.stats-content {
display: flex;
flex-direction: column;
gap: var(--spacing-md);
}
.chart-item {
margin-bottom: var(--spacing-sm);
}
.chart-item-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: var(--spacing-xs);
}
.chart-label {
display: flex;
align-items: center;
color: var(--gray-700);
font-size: var(--font-size-sm);
}
.color-dot {
width: 10px;
height: 10px;
border-radius: 50%;
margin-left: var(--spacing-xs);
}
.chart-value {
font-weight: var(--font-weight-semibold);
color: var(--gray-800);
}
.chart-value.time {
font-family: monospace;
font-size: var(--font-size-sm);
background-color: var(--gray-100);
padding: 2px 6px;
border-radius: var(--border-radius-sm);
}
.progress-bar-container {
height: 8px;
background-color: var(--gray-200);
border-radius: 10px;
overflow: hidden;
}
.progress-bar {
height: 100%;
border-radius: 10px;
transition: width 0.3s ease;
}
.counters-container {
display: flex;
justify-content: space-between;
text-align: center;
margin-bottom: var(--spacing-lg);
}
.counter-item {
display: flex;
flex-direction: column;
align-items: center;
}
.counter-value {
font-size: var(--font-size-3xl);
font-weight: var(--font-weight-bold);
margin-bottom: var(--spacing-xs);
}
.counter-value.primary {
color: var(--primary-color);
}
.counter-value.success {
color: var(--success-color);
}
.counter-value.warning {
color: var(--warning-color);
}
.counter-value.danger {
color: var(--danger-color);
}
.counter-label {
font-size: var(--font-size-xs);
color: var(--gray-600);
}
</style>
""", unsafe_allow_html=True)
def render_reports_and_analytics():
"""عرض واجهة التقارير والتحليلات"""
st.markdown("<h1 class='app-title'>التقارير والتحليلات</h1>", unsafe_allow_html=True)
st.markdown("""
<div class="section-card">
<p>استخدم هذه الوحدة لإنشاء تقارير تحليلية متقدمة عن المشاريع والمناقصات والأداء العام.
يوفر النظام رؤى وتحليلات متعمقة تساعدك على فهم أداء مشاريعك وتحسين عمليات صنع القرار.</p>
</div>
""", unsafe_allow_html=True)
# أنواع التقارير
st.markdown("### أنواع التقارير")
col1, col2, col3 = st.columns(3)
with col1:
st.markdown("""
<div class="card">
<div class="card-title">تقارير المشاريع</div>
<p>تقارير تفصيلية عن حالة المشاريع وتقدمها ومؤشرات الأداء الرئيسية والمشكلات المحتملة.</p>
</div>
""", unsafe_allow_html=True)
if st.button("إنشاء تقرير", key="btn_project_report"):
# هنا سيتم استدعاء وحدة إنشاء تقارير المشاريع
st.session_state.report_type = "project"
st.session_state.show_report_form = True
st.rerun()
with col2:
st.markdown("""
<div class="card">
<div class="card-title">تقارير الأداء المالي</div>
<p>تحليل مالي للمشاريع يتضمن الإيرادات والتكاليف والأرباح والتدفقات النقدية والانحرافات عن الميزانية.</p>
</div>
""", unsafe_allow_html=True)
if st.button("إنشاء تقرير", key="btn_financial_report"):
# هنا سيتم استدعاء وحدة إنشاء تقارير الأداء المالي
st.session_state.report_type = "financial"
st.session_state.show_report_form = True
st.rerun()
with col3:
st.markdown("""
<div class="card">
<div class="card-title">تقارير المناقصات</div>
<p>تحليل شامل للمناقصات النشطة والمنتهية ونسب الفوز والمنافسين ومقارنة الأسعار.</p>
</div>
""", unsafe_allow_html=True)
if st.button("إنشاء تقرير", key="btn_tender_report"):
# هنا سيتم استدعاء وحدة إنشاء تقارير المناقصات
st.session_state.report_type = "tender"
st.session_state.show_report_form = True
st.rerun()
# لوحة البيانات
st.markdown("### لوحة البيانات التنفيذية")
col1, col2 = st.columns([2, 1])
with col1:
st.markdown("#### أداء المشاريع حسب القطاع")
# إنشاء بيانات تجريبية للرسم البياني
sectors = ['البنية التحتية', 'السكني', 'التعليمي', 'الصحي', 'النقل']
performance = [85, 72, 64, 90, 78]
# إنشاء رسم بياني شريطي
chart_data = pd.DataFrame({'القطاع': sectors, 'الأداء (%)': performance})
st.bar_chart(chart_data.set_index('القطاع'), use_container_width=True)
# عرض بيان توضيحي
st.caption("مقارنة أداء المشاريع عبر القطاعات المختلفة (نسبة الإنجاز)")
with col2:
st.markdown("#### المؤشرات الرئيسية")
# نسبة المشاريع المتأخرة
st.markdown("##### نسبة المشاريع المتأخرة")
delayed_projects = 15
st.progress(delayed_projects / 100)
st.markdown(f"<p style='text-align: center; color: #F44336; font-weight: bold; margin-top: -10px;'>{delayed_projects}%</p>", unsafe_allow_html=True)
# متوسط هامش الربح
st.markdown("##### متوسط هامش الربح")
profit_margin = 22
st.progress(profit_margin / 100)
st.markdown(f"<p style='text-align: center; color: #4CAF50; font-weight: bold; margin-top: -10px;'>{profit_margin}%</p>", unsafe_allow_html=True)
# معدل نجاح المناقصات
st.markdown("##### معدل نجاح المناقصات")
tender_success = 35
st.progress(tender_success / 100)
st.markdown(f"<p style='text-align: center; color: #2196F3; font-weight: bold; margin-top: -10px;'>{tender_success}%</p>", unsafe_allow_html=True)
# تقارير الأداء
st.markdown("### تقارير الأداء الأخيرة")
# التقرير الأول
with st.container():
col1, col2 = st.columns([3, 1])
with col1:
st.markdown("#### التقرير الشهري لمشاريع الربع الأول 2025")
st.markdown("تقرير شامل يوضح أداء جميع المشاريع النشطة خلال الربع الأول من عام 2025، بما في ذلك تحليل التكاليف والجدول الزمني والمخاطر.")
st.markdown("**تاريخ الإنشاء:** 15 مارس 2025")
with col2:
st.markdown("<br>", unsafe_allow_html=True) # إضافة مسافة
col2_1, col2_2 = st.columns(2)
with col2_1:
if st.button("عرض", key="view_report1"):
st.session_state.view_report = "quarterly_q1_2025"
st.session_state.show_report_viewer = True
with col2_2:
if st.button("تنزيل", key="download_report1"):
st.info("جاري تحميل التقرير...")
st.markdown("---")
# التقرير الثاني
with st.container():
col1, col2 = st.columns([3, 1])
with col1:
st.markdown("#### تحليل أداء المناقصات 2024-2025")
st.markdown("تحليل مقارن لنتائج المناقصات بين عامي 2024 و 2025، يوضح التحسن في معدلات النجاح وتحليل أسباب الخسارة وفرص التحسين.")
st.markdown("**تاريخ الإنشاء:** 28 فبراير 2025")
with col2:
st.markdown("<br>", unsafe_allow_html=True) # إضافة مسافة
col2_1, col2_2 = st.columns(2)
with col2_1:
if st.button("عرض", key="view_report2"):
st.session_state.view_report = "tenders_analysis_2024_2025"
st.session_state.show_report_viewer = True
with col2_2:
if st.button("تنزيل", key="download_report2"):
st.info("جاري تحميل التقرير...")
st.markdown("---")
# التقرير الثالث
with st.container():
col1, col2 = st.columns([3, 1])
with col1:
st.markdown("#### تقرير المخاطر المالية للمشاريع الجارية")
st.markdown("تقرير تفصيلي حول المخاطر المالية للمشاريع الجارية، بما في ذلك تحليل التدفقات النقدية والمستحقات المتأخرة والمطالبات المحتملة.")
st.markdown("**تاريخ الإنشاء:** 10 فبراير 2025")
with col2:
st.markdown("<br>", unsafe_allow_html=True) # إضافة مسافة
col2_1, col2_2 = st.columns(2)
with col2_1:
if st.button("عرض", key="view_report3"):
st.session_state.view_report = "financial_risks_2025"
st.session_state.show_report_viewer = True
with col2_2:
if st.button("تنزيل", key="download_report3"):
st.info("جاري تحميل التقرير...")
def render_ai_assistant():
"""عرض واجهة المساعد الذكي باستخدام المكون الجديد"""
try:
from modules.ai_assistant.assistant_app import AssistantApp
# عرض العنوان والوصف
st.markdown("<h1 class='app-title'>المساعد الذكي</h1>", unsafe_allow_html=True)
st.markdown("""
<div class="section-card">
<p>المساعد الذكي هو واجهة تفاعلية مدعومة بتقنيات الذكاء الاصطناعي لمساعدتك في جميع أنشطة إدارة المشاريع والعقود.
يمكنك طرح أسئلة بلغتك الطبيعية والحصول على إجابات فورية، أو طلب مساعدة في مهام محددة مثل تحليل بنود العقد أو تقدير التكاليف.</p>
</div>
""", unsafe_allow_html=True)
# استدعاء المساعد الذكي الجديد
ai_assistant = AssistantApp()
ai_assistant.render()
except Exception as e:
st.error(f"حدث خطأ في تحميل المساعد الذكي: {str(e)}")
st.markdown("""
<div class="error-card">
<h3>😞 عذراً، واجهنا مشكلة في تحميل المساعد الذكي</h3>
<p>يرجى المحاولة مرة أخرى لاحقاً أو التواصل مع فريق الدعم الفني إذا استمرت المشكلة.</p>
</div>
""", unsafe_allow_html=True)
# تشغيل التطبيق عند تنفيذ الملف مباشرة
if __name__ == "__main__":
main()