Update app.py

app.py

@@ -7,36 +7,29 @@ import os
 import json
 import logging
 from datetime import datetime, timedelta
-from functools import lru_cache
 from huggingface_hub import HfApi, hf_hub_download
-import tempfile
 import shutil
-import time
 
 # ==================================================
 # الإعدادات الأساسية
 # ==================================================
 
 DB_NAME = "testimonials.db"
-REPO_ID = os.getenv("SPACE_ID", "your-username/your-space-name")  # غيّر هذا
+REPO_ID = os.getenv("SPACE_ID", "your-username/your-space-name")
 TOKEN = os.getenv("HF_TOKEN")
 
-# إعداد التسجيل (Logging)
 logging.basicConfig(level=logging.INFO)
 logger = logging.getLogger(__name__)
 
 # ==================================================
-# إدارة قاعدة البيانات مع حفظ على Hugging Face
+# إدارة قاعدة البيانات
 # ==================================================
 
 def download_db_from_hub():
     """تحميل قاعدة البيانات من Hugging Face Hub"""
     try:
         if not TOKEN:
-            logger.warning("HF_TOKEN غير موجود، سيتم إنشاء قاعدة بيانات جديدة")
             return False
-            
-        # محاولة تحميل الملف
         local_path = hf_hub_download(
             repo_id=REPO_ID,
             filename=DB_NAME,
@@ -44,32 +37,20 @@ def download_db_from_hub():
             local_dir="./",
             local_dir_use_symlinks=False
         )
-        
-        # نسخ الملف إلى المكان الصحيح
         if local_path != DB_NAME:
             shutil.copy2(local_path, DB_NAME)
-            
         logger.info("تم تحميل قاعدة البيانات من Hub")
         return True
     except Exception as e:
-        logger.warning(f"لم يتم العثور على قاعدة بيانات في Hub: {e}")
+        logger.warning(f"لم يتم العثور على قاعدة بيانات: {e}")
         return False
 
 def upload_db_to_hub():
     """رفع قاعدة البيانات إلى Hugging Face Hub"""
     try:
-        if not TOKEN:
-            logger.warning("HF_TOKEN غير موجود، لن يتم رفع قاعدة البيانات")
+        if not TOKEN or not os.path.exists(DB_NAME):
             return False
-            
-        # التحقق من وجود الملف
-        if not os.path.exists(DB_NAME):
-            logger.warning("قاعدة البيانات غير موجودة")
-            return False
-            
         api = HfApi()
-        
-        # رفع الملف
         api.upload_file(
             path_or_fileobj=DB_NAME,
             path_in_repo=DB_NAME,
@@ -77,7 +58,6 @@ def upload_db_to_hub():
             token=TOKEN,
             repo_type="space"
         )
-        
         logger.info("تم رفع قاعدة البيانات إلى Hub")
         return True
     except Exception as e:
@@ -89,15 +69,12 @@ def upload_db_to_hub():
 # ==================================================
 
 def get_connection():
-    """إنشاء اتصال بقاعدة البيانات"""
     return sqlite3.connect(DB_NAME, check_same_thread=False)
 
 def init_db():
-    """تهيئة قاعدة البيانات مع الفهارس"""
     conn = get_connection()
     c = conn.cursor()
     
-    # إنشاء جدول الآراء
     c.execute("""
     CREATE TABLE IF NOT EXISTS testimonials (
         id INTEGER PRIMARY KEY AUTOINCREMENT,
@@ -113,7 +90,6 @@ def init_db():
     )
     """)
     
-    # إنشاء جدول الإعجابات
     c.execute("""
     CREATE TABLE IF NOT EXISTS likes (
         id INTEGER PRIMARY KEY AUTOINCREMENT,
@@ -124,25 +100,21 @@ def init_db():
     )
     """)
     
-    # إضافة الفهارس لتحسين الأداء
+    # الفهارس
     c.execute("CREATE INDEX IF NOT EXISTS idx_timestamp ON testimonials(timestamp)")
     c.execute("CREATE INDEX IF NOT EXISTS idx_ip_hash ON testimonials(ip_hash)")
     c.execute("CREATE INDEX IF NOT EXISTS idx_highlighted ON testimonials(is_highlighted)")
     c.execute("CREATE INDEX IF NOT EXISTS idx_rating ON testimonials(rating)")
-    c.execute("CREATE INDEX IF NOT EXISTS idx_likes ON testimonials(likes)")
-    c.execute("CREATE INDEX IF NOT EXISTS idx_likes_testimonial ON likes(testimonial_id)")
     
     conn.commit()
     conn.close()
-    
-    logger.info("تم تهيئة قاعدة البيانات بنجاح")
+    logger.info("تم تهيئة قاعدة البيانات")
 
 # ==================================================
 # الأدوات المساعدة
 # ==================================================
 
 def clean_text(text):
-    """تنظيف النص من المسافات الزائدة"""
     if not text:
         return ""
     text = text.strip()
@@ -150,141 +122,164 @@ def clean_text(text):
     return text
 
 def contains_bad_words(text):
-    """التحقق من وجود كلمات ممنوعة"""
-    bad_words = [
-        "يلعن", "تبن", "سافل", "كلب", "خنزير", "عاهرة",
-        "قحبة", "منيك", "كس", "زبر", "شرموطة", "متناكة"
-    ]
-    # تحسين الفلترة باستخدام تعبيرات منتظمة
+    bad_words = ["يلعن", "تبن", "سافل", "كلب", "خنزير", "عاهرة", "قحبة"]
     pattern = r'\b(' + '|'.join(bad_words) + r')\b'
     return bool(re.search(pattern, text.lower()))
 
 def escape_safe(text):
-    """تنقية النص من HTML"""
-    if not text:
-        return ""
-    return html.escape(text)
+    return html.escape(text) if text else ""
 
 def get_ip_hash(request: gr.Request):
-    """الحصول على هاش عنوان IP"""
     try:
         if request and hasattr(request, 'client') and request.client:
-            client_ip = request.client.host
-            return hashlib.sha256(client_ip.encode()).hexdigest()[:16]
+            return hashlib.sha256(request.client.host.encode()).hexdigest()[:16]
     except:
         pass
     return "unknown"
 
 def detect_sentiment(text):
-    """تحليل المشاعر (نسخة محسنة)"""
-    positive_words = [
-        "رائع", "ممتاز", "جميل", "احترافي", "مفيد", "مذهل",
-        "أفضل", "رائعة", "ممتازة", "جميلة", "مفيدة", "مذهلة",
-        "خيال", "ممتاز", "متميز", "مبدع", "رائع", "لطيف"
-    ]
-    negative_words = [
-        "سيء", "ضعيف", "فاشل", "سيئة", "ضعيفة", "فاشلة",
-        "مخيب", "مخيبة", "فظيع", "فظيعة", "سخيف", "تافه"
-    ]
+    positive = ["رائع", "ممتاز", "جميل", "احترافي", "مفيد", "مذهل", "أفضل", "متميز"]
+    negative = ["سيء", "ضعيف", "فاشل", "مخيب", "فظيع", "تافه"]
     
     text_lower = text.lower()
-    positive_score = sum(1 for word in positive_words if word in text_lower)
-    negative_score = sum(1 for word in negative_words if word in text_lower)
+    pos_score = sum(1 for w in positive if w in text_lower)
+    neg_score = sum(1 for w in negative if w in text_lower)
     
-    if positive_score > negative_score:
+    if pos_score > neg_score:
         return "إيجابي 😊"
-    elif negative_score > positive_score:
+    elif neg_score > pos_score:
         return "سلبي 😕"
     return "محايد 😐"
 
 def format_time(timestamp):
-    """تنسيق الوقت بطريقة مفهومة"""
     try:
         dt = datetime.fromisoformat(timestamp)
-        now = datetime.now()
-        diff = now - dt
+        diff = datetime.now() - dt
         
         if diff.days > 7:
             return dt.strftime("%Y/%m/%d")
         elif diff.days > 0:
             return f"منذ {diff.days} يوم"
         elif diff.seconds >= 3600:
-            hours = diff.seconds // 3600
-            return f"منذ {hours} ساعة"
+            return f"منذ {diff.seconds // 3600} ساعة"
         elif diff.seconds >= 60:
-            minutes = diff.seconds // 60
-            return f"منذ {minutes} دقيقة"
+            return f"منذ {diff.seconds // 60} دقيقة"
         return "الآن"
     except:
         return "غير معروف"
 
 # ==================================================
-# إدارة الإعجابات
+# الإحصائيات
 # ==================================================
 
-def toggle_like(testimonial_id, request: gr.Request):
-    """تبديل حالة الإعجاب"""
+def get_stats():
+    """جلب الإحصائيات لعرضها في الأعلى"""
+    conn = get_connection()
+    c = conn.cursor()
+    
     try:
-        ip_hash = get_ip_hash(request)
-        conn = get_connection()
-        c = conn.cursor()
+        # العدد الإجمالي
+        c.execute("SELECT COUNT(*) FROM testimonials")
+        total = c.fetchone()[0]
+        
+        # متوسط التقييم
+        c.execute("SELECT AVG(rating) FROM testimonials")
+        avg = c.fetchone()[0]
+        avg_rating = round(avg, 1) if avg else 0
+        
+        # توزيع المشاعر
+        c.execute("""
+            SELECT 
+                COUNT(CASE WHEN sentiment LIKE '%إيجابي%' THEN 1 END) as positive,
+                COUNT(CASE WHEN sentiment LIKE '%سلبي%' THEN 1 END) as negative,
+                COUNT(CASE WHEN sentiment LIKE '%محايد%' THEN 1 END) as neutral
+            FROM testimonials
+        """)
+        sentiments = c.fetchone()
+        
+        # الأكثر إعجاباً
+        c.execute("""
+            SELECT name, content, likes 
+            FROM testimonials 
+            ORDER BY likes DESC 
+            LIMIT 1
+        """)
+        most_liked = c.fetchone()
         
-        try:
-            # التحقق إذا كان المستخدم قد أعجب مسبقاً
-            c.execute("""
-                SELECT id FROM likes 
-                WHERE testimonial_id = ? AND ip_hash = ?
-            """, (testimonial_id, ip_hash))
-            
-            if c.fetchone():
-                # إلغاء الإعجاب
-                c.execute("DELETE FROM likes WHERE testimonial_id = ? AND ip_hash = ?", 
-                         (testimonial_id, ip_hash))
-                c.execute("UPDATE testimonials SET likes = likes - 1 WHERE id = ?", 
-                         (testimonial_id,))
-                message = "👎 تم إلغاء الإعجاب"
-            else:
-                # إضافة إعجاب
-                c.execute("INSERT INTO likes (testimonial_id, ip_hash, created_at) VALUES (?, ?, ?)",
-                         (testimonial_id, ip_hash, datetime.now().isoformat()))
-                c.execute("UPDATE testimonials SET likes = likes + 1 WHERE id = ?",
-                         (testimonial_id,))
-                message = "👍 تم الإعجاب"
-            
-            conn.commit()
-            
-            # رفع قاعدة البيانات بعد التغيير
-            upload_db_to_hub()
-            
-            # إعادة تحميل العرض
-            return message, update_display()
-            
-        except Exception as e:
-            logger.error(f"خطأ في معالجة الإعجاب: {e}")
-            return "⚠️ حدث خطأ", update_display()
-        finally:
-            conn.close()
-            
     except Exception as e:
-        logger.error(f"خطأ في معالجة الإعجاب: {e}")
-        return "⚠️ حدث خطأ", update_display()
+        logger.error(f"خطأ في الإحصائيات: {e}")
+        return {"total": 0, "avg_rating": 0, "positive": 0, "negative": 0, "neutral": 0, "most_liked": None}
+    finally:
+        conn.close()
+    
+    return {
+        "total": total,
+        "avg_rating": avg_rating,
+        "positive": sentiments[0] if sentiments else 0,
+        "negative": sentiments[1] if sentiments else 0,
+        "neutral": sentiments[2] if sentiments else 0,
+        "most_liked": most_liked
+    }
+
+def render_stats(stats):
+    """عرض الإحصائيات بشكل جميل"""
+    most_liked_html = ""
+    if stats['most_liked'] and stats['most_liked'][2] > 0:
+        most_liked_html = f"""
+        <div style="
+            background:#fef3c7;
+            padding:0.3rem 0.8rem;
+            border-radius:999px;
+            font-size:0.85rem;
+            color:#92400e;
+        ">
+            🏆 الأكثر إعجاباً: {escape_safe(stats['most_liked'][0])} 👍 {stats['most_liked'][2]}
+        </div>
+        """
+    
+    return f"""
+    <div style="
+        display:grid;
+        grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));
+        gap:0.8rem;
+        background:white;
+        padding:1rem 1.5rem;
+        border-radius:16px;
+        border:1px solid #e2e8f0;
+        margin-bottom:1.5rem;
+        box-shadow:0 2px 8px rgba(0,0,0,0.04);
+    ">
+        <div style="text-align:center;">
+            <div style="font-size:1.8rem;font-weight:700;color:#1e293b;">{stats['total']}</div>
+            <div style="font-size:0.8rem;color:#64748b;">📝 آراء</div>
+        </div>
+        <div style="text-align:center;">
+            <div style="font-size:1.8rem;font-weight:700;color:#f59e0b;">{stats['avg_rating']}</div>
+            <div style="font-size:0.8rem;color:#64748b;">⭐ متوسط التقييم</div>
+        </div>
+        <div style="text-align:center;">
+            <div style="font-size:1.2rem;font-weight:600;color:#22c55e;">{stats['positive']}</div>
+            <div style="font-size:0.8rem;color:#64748b;">😊 إيجابي</div>
+        </div>
+        <div style="text-align:center;">
+            <div style="font-size:1.2rem;font-weight:600;color:#ef4444;">{stats['negative']}</div>
+            <div style="font-size:0.8rem;color:#64748b;">😕 سلبي</div>
+        </div>
+        <div style="text-align:center;">
+            <div style="font-size:1.2rem;font-weight:600;color:#94a3b8;">{stats['neutral']}</div>
+            <div style="font-size:0.8rem;color:#64748b;">😐 محايد</div>
+        </div>
+        {most_liked_html}
+    </div>
+    """
 
 # ==================================================
-# إضافة رأي جديد
+# إضافة رأي
 # ==================================================
 
-def add_testimonial(
-    name,
-    role,
-    content,
-    rating,
-    request: gr.Request
-):
-    """إضافة رأي جديد مع التحقق من البريد المزعج"""
-    
+def add_testimonial(name, role, content, rating, request: gr.Request):
     content = clean_text(content)
     
-    # التحقق من صحة المحتوى
     if not content:
         return "❌ الرجاء كتابة رأيك", "", "", update_display()
     
@@ -300,58 +295,37 @@ def add_testimonial(
     
     # مكافحة البريد المزعج
     one_hour_ago = (datetime.now() - timedelta(hours=1)).isoformat()
-    c.execute("""
-        SELECT COUNT(*) FROM testimonials
-        WHERE ip_hash = ? AND timestamp >= ?
-    """, (ip_hash, one_hour_ago))
+    c.execute("SELECT COUNT(*) FROM testimonials WHERE ip_hash = ? AND timestamp >= ?", 
+              (ip_hash, one_hour_ago))
     
     if c.fetchone()[0] >= 3:
         conn.close()
-        return "❌ وصلت الحد المسموح حالياً", "", "", update_display()
+        return "❌ وصلت الحد المسموح (3 آراء في الساعة)", "", "", update_display()
     
-    # تنظيف البيانات
     name = clean_text(name) or "مجهول"
     role = clean_text(role) or ""
-    
-    # تحليل المشاعر
     sentiment = detect_sentiment(content)
     
-    # إدخال البيانات
     c.execute("""
-        INSERT INTO testimonials (
-            name, role, content, sentiment, rating, 
-            timestamp, likes, is_highlighted, ip_hash
-        )
+        INSERT INTO testimonials (name, role, content, sentiment, rating, timestamp, likes, is_highlighted, ip_hash)
         VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)
-    """, (
-        name, role, content, sentiment, int(rating),
-        datetime.now().isoformat(), 0, 0, ip_hash
-    ))
+    """, (name, role, content, sentiment, int(rating), datetime.now().isoformat(), 0, 0, ip_hash))
     
     conn.commit()
     conn.close()
     
-    # حفظ التغييرات في Hugging Face Hub
     upload_db_to_hub()
-    
-    return "✅ تم نشر رأيك بنجاح", "", "", update_display()
+    return "✅ تم نشر رأيك بنجاح!", "", "", update_display()
 
 # ==================================================
-# جلب الآراء مع ترقيم الصفحات
+# جلب الآراء
 # ==================================================
 
-def get_testimonials(filter_type="all", sort_by="newest", page=1, per_page=10):
-    """جلب الآراء مع دعم التصفية والترتيب وترقيم الصفحات"""
+def get_testimonials(filter_type="all", sort_by="newest", page=1, per_page=5):
     conn = get_connection()
     c = conn.cursor()
     
-    query = """
-        SELECT
-            id, name, role, content, sentiment,
-            rating, timestamp, likes, is_highlighted
-        FROM testimonials
-    """
-    
+    query = "SELECT id, name, role, content, sentiment, rating, timestamp, likes, is_highlighted FROM testimonials"
     conditions = []
     params = []
     
@@ -368,7 +342,6 @@ def get_testimonials(filter_type="all", sort_by="newest", page=1, per_page=10):
     else:
         query += " ORDER BY timestamp DESC"
     
-    # إضافة ترقيم الصفحات
     offset = (page - 1) * per_page
     query += " LIMIT ? OFFSET ?"
     params.extend([per_page, offset])
@@ -376,18 +349,14 @@ def get_testimonials(filter_type="all", sort_by="newest", page=1, per_page=10):
     c.execute(query, params)
     rows = c.fetchall()
     
-    # جلب العدد الإجمالي
-    count_query = """
-        SELECT COUNT(*) FROM testimonials
-    """
+    # العدد الإجمالي
+    count_query = "SELECT COUNT(*) FROM testimonials"
     if conditions:
         count_query += " WHERE " + " AND ".join(conditions)
-    
     c.execute(count_query)
     total = c.fetchone()[0]
     
     conn.close()
-    
     return rows, total, (total + per_page - 1) // per_page if total > 0 else 1
 
 # ==================================================
@@ -395,114 +364,40 @@ def get_testimonials(filter_type="all", sort_by="newest", page=1, per_page=10):
 # ==================================================
 
 def render_card(row):
-    """إنشاء بطاقة عرض الرأي"""
-    (
-        testimonial_id, name, role, content, sentiment,
-        rating, timestamp, likes, is_highlighted
-    ) = row
-    
-    name = escape_safe(name)
-    role = escape_safe(role)
-    content = escape_safe(content)
-    
-    stars = "⭐" * int(rating)
+    (id, name, role, content, sentiment, rating, timestamp, likes, is_highlighted) = row
     
     highlight_style = ""
     if is_highlighted:
-        highlight_style = """
-            border-right:5px solid #f59e0b;
-            background:#fffbeb;
-        """
+        highlight_style = "border-right:4px solid #f59e0b; background:#fffbeb;"
     
-    role_html = ""
-    if role:
-        role_html = f"""
-            <span style="
-                background:#eef2ff;
-                color:#4338ca;
-                padding:0.25rem 0.7rem;
-                border-radius:999px;
-                font-size:0.75rem;
-            ">
-                {role}
-            </span>
-        """
+    stars = "⭐" * int(rating)
+    role_html = f'<span style="background:#eef2ff;color:#4338ca;padding:0.2rem 0.6rem;border-radius:999px;font-size:0.75rem;">{escape_safe(role)}</span>' if role else ""
     
-    # استخدام onclick مع JavaScript
     return f"""
-    <div class="testimonial-card" style="
+    <div style="
         background:white;
-        border-radius:24px;
-        padding:1.5rem;
-        margin-bottom:1rem;
+        border-radius:16px;
+        padding:1rem 1.2rem;
+        margin-bottom:0.8rem;
         border:1px solid #e2e8f0;
-        box-shadow:0 4px 12px rgba(0,0,0,0.05);
-        transition: all 0.3s ease;
+        box-shadow:0 2px 8px rgba(0,0,0,0.04);
         {highlight_style}
+        transition: all 0.2s;
     ">
-        <div style="
-            display:flex;
-            justify-content:space-between;
-            align-items:center;
-            flex-wrap:wrap;
-            gap:1rem;
-        ">
-            <div>
-                <div style="
-                    font-size:1rem;
-                    font-weight:700;
-                    color:#0f172a;
-                ">
-                    {name}
-                </div>
-                <div style="
-                    display:flex;
-                    gap:0.5rem;
-                    margin-top:0.5rem;
-                    align-items:center;
-                    flex-wrap:wrap;
-                ">
-                    {role_html}
-                    <span style="
-                        color:#64748b;
-                        font-size:0.8rem;
-                    ">
-                        {sentiment}
-                    </span>
-                </div>
-            </div>
-            <div style="
-                color:#94a3b8;
-                font-size:0.75rem;
-            ">
-                {format_time(timestamp)}
+        <div style="display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0.5rem;">
+            <div style="display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;">
+                <span style="font-weight:700;color:#0f172a;">{escape_safe(name)}</span>
+                {role_html}
+                <span style="color:#64748b;font-size:0.75rem;">{sentiment}</span>
             </div>
+            <span style="color:#94a3b8;font-size:0.7rem;">{format_time(timestamp)}</span>
         </div>
-        <div style="
-            margin-top:1rem;
-            color:#1e293b;
-            line-height:1.8;
-        ">
-            {content}
+        <div style="margin-top:0.5rem;color:#1e293b;line-height:1.7;font-size:0.95rem;">
+            {escape_safe(content)}
         </div>
-        <div style="
-            margin-top:1rem;
-            display:flex;
-            justify-content:space-between;
-            align-items:center;
-        ">
-            <div>
-                {stars}
-            </div>
-            <div style="
-                display:flex;
-                align-items:center;
-                gap:0.5rem;
-                color:#64748b;
-                font-size:0.9rem;
-            ">
-                <span>👍 {likes}</span>
-            </div>
+        <div style="margin-top:0.5rem;display:flex;justify-content:space-between;align-items:center;">
+            <span>{stars}</span>
+            <span style="color:#64748b;font-size:0.8rem;">👍 {likes}</span>
         </div>
     </div>
     """
@@ -512,15 +407,13 @@ def render_card(row):
 # ==================================================
 
 def update_display(filter_type="all", sort_by="newest", page=1):
-    """تحديث عرض الآراء"""
-    
     rows, total, total_pages = get_testimonials(filter_type, sort_by, page)
     
     if not rows:
-        return f"""
+        return """
         <div style="
             background:white;
-            border-radius:24px;
+            border-radius:16px;
             padding:2rem;
             text-align:center;
             border:1px dashed #cbd5e1;
@@ -530,546 +423,317 @@ def update_display(filter_type="all", sort_by="newest", page=1):
         </div>
         """
     
-    average_rating = round(sum(row[5] for row in rows) / len(rows), 1)
-    
-    html_output = f"""
-    <div style="
-        margin-bottom:1rem;
-        display:flex;
-        justify-content:space-between;
-        align-items:center;
-        flex-wrap:wrap;
-        gap:0.5rem;
-    ">
-        <div style="
-            background:#e0e7ff;
-            padding:0.8rem 1rem;
-            border-radius:999px;
-            font-weight:600;
-            color:#3730a3;
-        ">
-            📊 عدد الآراء: {total}
-            |
-            ⭐ متوسط التقييم: {average_rating}
-        </div>
-        <div style="
-            color:#64748b;
-            font-size:0.9rem;
-        ">
-            الصفحة {page} من {total_pages}
-        </div>
-    </div>
-    """
-    
+    html = ""
     for row in rows:
-        html_output += render_card(row)
+        html += render_card(row)
     
-    # إضافة أزرار التنقل بين الصفحات
+    # أزرار التنقل
     if total_pages > 1:
-        html_output += f"""
-        <div style="
-            display:flex;
-            justify-content:center;
-            gap:0.5rem;
-            margin-top:1rem;
-        ">
+        html += f"""
+        <div style="display:flex;justify-content:center;gap:0.5rem;margin-top:0.8rem;">
         """
-        
         if page > 1:
-            html_output += f"""
-            <button onclick="changePage({page-1})" style="
-                padding:0.5rem 1rem;
-                background:#4338ca;
-                color:white;
-                border:none;
-                border-radius:8px;
-                cursor:pointer;
-                font-size:1rem;
-            ">
-                ⬅ السابق
-            </button>
-            """
-        
+            html += f'<button onclick="changePage({page-1})" style="padding:0.4rem 1.2rem;background:#4338ca;color:white;border:none;border-radius:8px;cursor:pointer;font-size:0.9rem;">⬅ السابق</button>'
+        html += f'<span style="padding:0.4rem 1rem;color:#64748b;">{page} / {total_pages}</span>'
         if page < total_pages:
-            html_output += f"""
-            <button onclick="changePage({page+1})" style="
-                padding:0.5rem 1rem;
-                background:#4338ca;
-                color:white;
-                border:none;
-                border-radius:8px;
-                cursor:pointer;
-                font-size:1rem;
-            ">
-                التالي ➡
-            </button>
-            """
-        
-        html_output += "</div>"
-    
-    return html_output
-
-# ==================================================
-# لوحة تحكم المشرف
-# ==================================================
-
-def admin_login(admin_key):
-    """التحقق من مفتاح المشرف"""
-    expected_key = os.getenv("ADMIN_KEY", "admin123")
-    return admin_key == expected_key
-
-def delete_testimonial(testimonial_id, admin_key):
-    """حذف رأي"""
-    if not admin_login(admin_key):
-        return "❌ مفتاح المشرف غير صحيح", update_display()
+            html += f'<button onclick="changePage({page+1})" style="padding:0.4rem 1.2rem;background:#4338ca;color:white;border:none;border-radius:8px;cursor:pointer;font-size:0.9rem;">التالي ➡</button>'
+        html += "</div>"
     
-    try:
-        conn = get_connection()
-        c = conn.cursor()
-        c.execute("DELETE FROM testimonials WHERE id = ?", (int(testimonial_id),))
-        conn.commit()
-        conn.close()
-        
-        upload_db_to_hub()
-        return "✅ تم حذف الرأي بنجاح", update_display()
-    except Exception as e:
-        return f"❌ خطأ: {e}", update_display()
-
-def highlight_testimonial(testimonial_id, admin_key):
-    """تمييز رأي"""
-    if not admin_login(admin_key):
-        return "❌ مفتاح المشرف غير صحيح", update_display()
-    
-    try:
-        conn = get_connection()
-        c = conn.cursor()
-        c.execute("""
-            UPDATE testimonials 
-            SET is_highlighted = CASE 
-                WHEN is_highlighted = 1 THEN 0 
-                ELSE 1 
-            END 
-            WHERE id = ?
-        """, (int(testimonial_id),))
-        conn.commit()
-        conn.close()
-        
-        upload_db_to_hub()
-        return "✅ تم تحديث التمييز", update_display()
-    except Exception as e:
-        return f"❌ خطأ: {e}", update_display()
+    return html
 
 # ==================================================
 # تصدير البيانات
 # ==================================================
 
-def export_testimonials(format_type="json"):
-    """تصدير الآراء بصيغة JSON أو CSV"""
-    rows, total, _ = get_testimonials(page=1, per_page=9999)
+def export_data():
+    conn = get_connection()
+    c = conn.cursor()
+    c.execute("SELECT name, role, content, sentiment, rating, timestamp, likes FROM testimonials ORDER BY timestamp DESC")
+    rows = c.fetchall()
+    conn.close()
+    
+    if not rows:
+        return "لا توجد بيانات للتصدير"
     
+    # تصدير كـ JSON
     data = []
     for row in rows:
         data.append({
-            "id": row[0],
-            "name": row[1],
-            "role": row[2],
-            "content": row[3],
-            "sentiment": row[4],
-            "rating": row[5],
-            "timestamp": row[6],
-            "likes": row[7],
-            "is_highlighted": bool(row[8])
+            "الاسم": row[0],
+            "الدور": row[1],
+            "الرأي": row[2],
+            "المشاعر": row[3],
+            "التقييم": row[4],
+            "التاريخ": row[5],
+            "الإعجابات": row[6]
         })
     
-    if format_type == "json":
-        return json.dumps(data, ensure_ascii=False, indent=2)
-    else:
-        # CSV
-        import csv
-        from io import StringIO
-        output = StringIO()
-        if data:
-            writer = csv.DictWriter(output, fieldnames=data[0].keys())
-            writer.writeheader()
-            writer.writerows(data)
-        return output.getvalue()
+    return json.dumps(data, ensure_ascii=False, indent=2)
 
 # ==================================================
-# إحصائيات وتحليلات
+# لوحة تحكم المشرف (منبثقة)
 # ==================================================
 
-def get_analytics():
-    """جلب الإحصائيات"""
-    conn = get_connection()
-    c = conn.cursor()
-    
-    analytics = {}
-    
-    try:
-        # العدد الإجمالي
-        c.execute("SELECT COUNT(*) FROM testimonials")
-        analytics['total'] = c.fetchone()[0]
+def admin_panel():
+    with gr.Blocks() as admin:
+        gr.Markdown("### 🔐 لوحة تحكم المشرف")
         
-        # متوسط التقييم
-        c.execute("SELECT AVG(rating) FROM testimonials")
-        avg = c.fetchone()[0]
-        analytics['avg_rating'] = round(avg, 1) if avg else 0
+        with gr.Row():
+            admin_key = gr.Textbox(label="مفتاح المشرف", type="password", scale=1)
+            action = gr.Radio(choices=[("حذف", "delete"), ("تمييز", "highlight")], label="الإجراء", scale=1)
+            testimonial_id = gr.Number(label="رقم الرأي", precision=0, minimum=1, scale=1)
         
-        # توزيع المشاعر
-        c.execute("""
-            SELECT sentiment, COUNT(*) 
-            FROM testimonials 
-            GROUP BY sentiment
-        """)
-        analytics['sentiment'] = c.fetchall()
+        execute_btn = gr.Button("تنفيذ", variant="primary")
+        result = gr.Markdown()
         
-        # توزيع التقييمات
-        c.execute("""
-            SELECT rating, COUNT(*) 
-            FROM testimonials 
-            GROUP BY rating
-            ORDER BY rating
-        """)
-        analytics['ratings'] = c.fetchall()
-        
-        # الآراء الأكثر إعجاباً
-        c.execute("""
-            SELECT name, content, likes 
-            FROM testimonials 
-            ORDER BY likes DESC 
-            LIMIT 5
-        """)
-        analytics['most_liked'] = c.fetchall()
+        def admin_action(key, action, id):
+            expected = os.getenv("ADMIN_KEY", "admin123")
+            if key != expected:
+                return "❌ مفتاح المشرف غير صحيح"
+            
+            conn = get_connection()
+            c = conn.cursor()
+            
+            if action == "delete":
+                c.execute("DELETE FROM testimonials WHERE id = ?", (int(id),))
+                result_text = "✅ تم حذف الرأي"
+            else:
+                c.execute("""
+                    UPDATE testimonials 
+                    SET is_highlighted = CASE WHEN is_highlighted = 1 THEN 0 ELSE 1 END 
+                    WHERE id = ?
+                """, (int(id),))
+                result_text = "✅ تم تحديث التمييز"
+            
+            conn.commit()
+            conn.close()
+            upload_db_to_hub()
+            return result_text + " (تم التحديث)"
         
-        # الآراء اليومية (آخر 7 أيام)
-        c.execute("""
-            SELECT DATE(timestamp), COUNT(*) 
-            FROM testimonials 
-            WHERE timestamp >= DATE('now', '-7 days')
-            GROUP BY DATE(timestamp)
-            ORDER BY DATE(timestamp) DESC
-        """)
-        analytics['daily'] = c.fetchall()
+        execute_btn.click(
+            fn=admin_action,
+            inputs=[admin_key, action, testimonial_id],
+            outputs=result
+        )
         
-    except Exception as e:
-        logger.error(f"خطأ في جلب الإحصائيات: {e}")
-        analytics['error'] = str(e)
-    
-    conn.close()
-    return analytics
-
-# ==================================================
-# JavaScript للتفاعل
-# ==================================================
-
-def get_js():
-    """إرجاع كود JavaScript للتفاعل"""
-    return """
-    <script>
-    function changePage(page) {
-        // تحديث الصفحة
-        const filter = document.querySelector('#filter_dropdown');
-        const sort = document.querySelector('#sort_dropdown');
-        // إعادة تحميل الصفحة مع المعاملات الجديدة
-        window.location.href = window.location.pathname + '?page=' + page;
-    }
-    </script>
-    """
+    return admin
 
 # ==================================================
-# إنشاء الواجهة الرئيسية
+# الواجهة الرئيسية
 # ==================================================
 
 def create_interface():
-    """إنشاء واجهة Gradio الرئيسية"""
-    
-    # إضافة CSS مخصص
     custom_css = """
-    @media (max-width: 768px) {
-        .testimonial-card {
-            padding: 0.8rem !important;
-        }
-        .testimonial-card h1 {
-            font-size: 1.8rem !important;
-        }
-        .flex-container {
-            flex-direction: column !important;
-        }
-        .buttons-row {
-            flex-wrap: wrap !important;
-        }
-        .admin-panel {
-            padding: 0.5rem !important;
-        }
-    }
-    @media (max-width: 480px) {
-        .testimonial-card {
-            padding: 0.5rem !important;
-        }
-        .rating-stars {
-            font-size: 0.8rem !important;
-        }
-    }
     .gradio-container {
         max-width: 1200px !important;
         margin: 0 auto !important;
+        padding: 0.5rem !important;
+    }
+    @media (max-width: 768px) {
+        .grid-container {
+            grid-template-columns: 1fr !important;
+        }
     }
     """
     
     with gr.Blocks(
-        title="جدار الشفافية",
+        title="منصة الآراء",
         theme=gr.themes.Soft(),
-        css=custom_css
+        css=custom_css,
+        fill_width=True
     ) as demo:
         
-        # ==================================================
-        # العناوين الرئيسية
-        # ==================================================
+        # ===== الهيدر =====
         gr.HTML("""
         <div style="
             text-align:center;
-            margin-bottom:2rem;
-            padding:1rem;
+            padding:1rem 0 0.5rem 0;
         ">
             <h1 style="
-                font-size:2.7rem;
+                font-size:2.2rem;
                 font-weight:800;
-                margin-bottom:0.5rem;
+                margin:0;
                 background:linear-gradient(135deg, #1e293b, #4338ca);
                 -webkit-background-clip:text;
                 -webkit-text-fill-color:transparent;
             ">
-                جدار الشفافية
+                💬 منصة الآراء
             </h1>
-            <p style="
-                color:#475569;
-                font-size:1.1rem;
-                margin-bottom:0.5rem;
-            ">
-                منصة آراء مباشرة وشفافة
-            </p>
-            <p style="
-                color:#94a3b8;
-                font-size:0.9rem;
-            ">
-                💡 جميع الآراء محفوظة بشكل دائم حتى عند إعادة تشغيل التطبيق
+            <p style="color:#64748b;margin:0.2rem 0 0 0;font-size:0.9rem;">
+                شارك رأيك بكل شفافية • جميع الآراء محفوظة بشكل دائم
             </p>
         </div>
         """)
         
-        # ==================================================
-        # تبويبات (Tabs)
-        # ==================================================
-        with gr.Tabs():
+        # ===== الإحصائيات =====
+        stats_display = gr.HTML()
+        
+        # ===== المحتوى الرئيسي =====
+        with gr.Row(equal_height=False):
             
-            # ==================================================
-            # التبويب 1: عرض الآراء
-            # ==================================================
-            with gr.TabItem("💬 الآراء"):
-                with gr.Row(equal_height=False):
-                    # العمود الأيسر - إضافة رأي
-                    with gr.Column(scale=1, min_width=300):
-                        gr.Markdown("### 📝 أضف رأيك")
-                        
-                        name_input = gr.Textbox(
-                            label="الاسم",
-                            placeholder="اختياري"
-                        )
-                        role_input = gr.Textbox(
-                            label="الدور",
-                            placeholder="مثال: مهندس برمجيات"
-                        )
-                        rating_input = gr.Slider(
-                            minimum=1,
-                            maximum=5,
-                            value=5,
-                            step=1,
-                            label="⭐ التقييم"
-                        )
-                        content_input = gr.Textbox(
-                            label="الرأي",
-                            placeholder="شارك رأيك هنا...",
-                            lines=5
-                        )
-                        
-                        submit_btn = gr.Button(
-                            "📢 نشر الرأي",
-                            variant="primary",
-                            size="lg"
-                        )
-                        status_output = gr.Markdown()
-                    
-                    # العمود الأيمن - عرض الآراء
-                    with gr.Column(scale=2, min_width=500):
-                        gr.Markdown("### 💬 آراء المستخدمين")
-                        
-                        with gr.Row():
-                            filter_dropdown = gr.Dropdown(
-                                choices=[
-                                    ("الكل", "all"),
-                                    ("المميزة", "highlight"),
-                                    ("الأكثر إعجاباً", "liked")
-                                ],
-                                value="all",
-                                label="🔍 فلترة"
-                            )
-                            sort_dropdown = gr.Dropdown(
-                                choices=[
-                                    ("الأحدث", "newest"),
-                                    ("الأكثر إعجاباً", "likes")
-                                ],
-                                value="newest",
-                                label="📊 ترتيب"
-                            )
-                        
-                        refresh_btn = gr.Button(
-                            "🔄 تحديث",
-                            variant="secondary"
-                        )
-                        
-                        testimonials_display = gr.HTML()
+            # ===== العمود الأيسر: إضافة رأي =====
+            with gr.Column(scale=1, min_width=280):
+                gr.Markdown("### ✍️ أضف رأيك")
+                
+                name_input = gr.Textbox(
+                    label="الاسم",
+                    placeholder="اختياري",
+                    container=False
+                )
+                role_input = gr.Textbox(
+                    label="الدور",
+                    placeholder="مثال: مهندس",
+                    container=False
+                )
+                rating_input = gr.Slider(
+                    minimum=1,
+                    maximum=5,
+                    value=5,
+                    step=1,
+                    label="⭐ التقييم"
+                )
+                content_input = gr.Textbox(
+                    label="الرأي",
+                    placeholder="اكتب رأيك هنا...",
+                    lines=4,
+                    container=False
+                )
+                
+                with gr.Row():
+                    submit_btn = gr.Button("📢 نشر", variant="primary", scale=2)
+                    clear_btn = gr.Button("🗑️ مسح", scale=1)
+                
+                status_output = gr.Markdown()
             
-            # ==================================================
-            # التبويب 2: لوحة التحكم
-            # ==================================================
-            with gr.TabItem("⚙️ لوحة التحكم"):
+            # ===== العمود الأيمن: عرض الآراء =====
+            with gr.Column(scale=2, min_width=400):
+                gr.Markdown("### 💬 آراء المستخدمين")
+                
                 with gr.Row():
-                    with gr.Column(scale=1):
-                        gr.Markdown("### 🔐 دخول المشرف")
-                        admin_key_input = gr.Textbox(
-                            label="مفتاح المشرف",
-                            type="password",
-                            placeholder="أدخل مفتاح المشرف"
-                        )
-                        login_status = gr.Markdown()
+                    filter_dropdown = gr.Dropdown(
+                        choices=[
+                            ("الكل", "all"),
+                            ("المميزة", "highlight"),
+                            ("الأكثر إعجاباً", "liked")
+                        ],
+                        value="all",
+                        label="🔍 فلترة",
+                        scale=1
+                    )
+                    sort_dropdown = gr.Dropdown(
+                        choices=[
+                            ("الأحدث", "newest"),
+                            ("الأكثر إعجاباً", "likes")
+                        ],
+                        value="newest",
+                        label="📊 ترتيب",
+                        scale=1
+                    )
+                
+                refresh_btn = gr.Button("🔄 تحديث", variant="secondary", size="sm")
+                testimonials_display = gr.HTML()
+        
+        # ===== أدوات إضافية في الأسفل =====
+        with gr.Row():
+            with gr.Column(scale=1):
+                with gr.Accordion("⚙️ أدوات إضافية", open=False):
+                    with gr.Row():
+                        export_btn = gr.Button("📥 تصدير البيانات (JSON)", size="sm")
+                        export_output = gr.Textbox(label="", lines=3, visible=False)
+                        
+                        # زر فتح لوحة المشرف
+                        admin_btn = gr.Button("🔐 لوحة المشرف", size="sm", variant="stop")
                     
-                    with gr.Column(scale=2):
-                        gr.Markdown("### 📋 إدارة الآراء")
-                        admin_actions = gr.Radio(
-                            choices=[
-                                ("حذف رأي", "delete"),
-                                ("تمييز/إلغاء تمييز", "highlight")
-                            ],
-                            label="اختر الإجراء"
-                        )
-                        testimonial_id_input = gr.Number(
-                            label="رقم الرأي",
-                            precision=0,
-                            minimum=1
-                        )
-                        execute_btn = gr.Button("تنفيذ", variant="primary")
-                        admin_result = gr.Markdown()
-            
-            # ==================================================
-            # ال��بويب 3: الإحصائيات
-            # ==================================================
-            with gr.TabItem("📊 الإحصائيات"):
-                gr.Markdown("### 📈 تحليلات وإحصائيات")
-                analytics_btn = gr.Button("عرض الإحصائيات", variant="primary")
-                analytics_output = gr.JSON()
-            
-            # ==================================================
-            # التبويب 4: تصدير البيانات
-            # ==================================================
-            with gr.TabItem("📥 تصدير البيانات"):
-                gr.Markdown("### 📤 تصدير الآراء")
-                format_choice = gr.Radio(
-                    choices=["JSON", "CSV"],
-                    value="JSON",
-                    label="اختر الصيغة"
-                )
-                export_btn = gr.Button("📥 تحميل", variant="primary")
-                export_output = gr.Textbox(
-                    label="البيانات",
-                    lines=10
-                )
+                    # لوحة المشرف (مخفية حتى الضغط)
+                    admin_interface = admin_panel()
+                    admin_interface.visible = False
+                    
+                    def toggle_admin():
+                        return gr.update(visible=not admin_interface.visible)
+                    
+                    admin_btn.click(
+                        fn=toggle_admin,
+                        outputs=admin_interface
+                    )
+        
+        # ===== الأحداث =====
         
-        # ==================================================
-        # الأحداث (Events)
-        # ==================================================
+        # تحديث الإحصائيات
+        def update_stats():
+            return render_stats(get_stats())
         
-        # 1. نشر الرأي
+        # دمج التحديثات
+        def full_update(filter_type="all", sort_by="newest", page=1):
+            return update_stats(), update_display(filter_type, sort_by, page)
+        
+        # زر النشر
         submit_btn.click(
             fn=add_testimonial,
             inputs=[name_input, role_input, content_input, rating_input],
             outputs=[status_output, name_input, role_input, testimonials_display]
+        ).then(
+            fn=update_stats,
+            outputs=stats_display
         )
         
-        # 2. تحديث العرض
+        # زر التحديث
         refresh_btn.click(
-            fn=update_display,
+            fn=full_update,
             inputs=[filter_dropdown, sort_dropdown],
-            outputs=testimonials_display
+            outputs=[stats_display, testimonials_display]
         )
         
-        # 3. تغيير الفلترة
+        # تغيير الفلترة/الترتيب
         filter_dropdown.change(
-            fn=update_display,
+            fn=full_update,
             inputs=[filter_dropdown, sort_dropdown],
-            outputs=testimonials_display
+            outputs=[stats_display, testimonials_display]
         )
         
-        # 4. تغيير الترتيب
         sort_dropdown.change(
-            fn=update_display,
+            fn=full_update,
             inputs=[filter_dropdown, sort_dropdown],
-            outputs=testimonials_display
+            outputs=[stats_display, testimonials_display]
         )
         
-        # 5. إجراءات المشرف
-        execute_btn.click(
-            fn=lambda action, id, key: (
-                delete_testimonial(int(id), key) if action == "delete"
-                else highlight_testimonial(int(id), key)
-            ),
-            inputs=[admin_actions, testimonial_id_input, admin_key_input],
-            outputs=[admin_result, testimonials_display]
-        )
-        
-        # 6. عرض الإحصائيات
-        analytics_btn.click(
-            fn=get_analytics,
-            inputs=[],
-            outputs=analytics_output
-        )
+        # زر التصدير
+        def show_export():
+            data = export_data()
+            return gr.update(visible=True, value=data)
         
-        # 7. تصدير البيانات
         export_btn.click(
-            fn=export_testimonials,
-            inputs=[format_choice],
+            fn=show_export,
             outputs=export_output
         )
         
-        # 8. تحميل أولي
+        # زر المسح
+        clear_btn.click(
+            fn=lambda: ("", "", "", ""),
+            outputs=[name_input, role_input, content_input, status_output]
+        )
+        
+        # تحميل أولي
         demo.load(
-            fn=update_display,
+            fn=full_update,
             inputs=[filter_dropdown, sort_dropdown],
-            outputs=testimonials_display
+            outputs=[stats_display, testimonials_display]
         )
-        
+    
     return demo
 
-
 # ==================================================
-# تشغيل التطبيق
+# التشغيل
 # ==================================================
 
 if __name__ == "__main__":
-    
-    # تحميل قاعدة البيانات من Hugging Face Hub
     logger.info("جاري تحميل قاعدة البيانات...")
-    db_exists = download_db_from_hub()
     
-    if not db_exists:
+    if not download_db_from_hub():
         logger.info("إنشاء قاعدة بيانات جديدة...")
         init_db()
         upload_db_to_hub()
     else:
-        # التحقق من وجود الجداول والفهارس
         init_db()
     
-    # إنشاء الواجهة
     demo = create_interface()
-    
-    # تشغيل التطبيق
     demo.launch(server_name="0.0.0.0", server_port=7860)