Spaces:

joermd
/

mostasharak

Running

App Files Files Community

joermd commited on Feb 6

Commit

e42e61f

verified ·

1 Parent(s): 510db31

Update reg.html

Browse files

Files changed (1) hide show

reg.html +173 -142

reg.html CHANGED Viewed

@@ -4,10 +4,10 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>المنصة القانونية الذكية - وإنشاء العقود</title>
-  <!-- تحميل Tailwind CSS وFont Awesome -->
   <link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet" />
   <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet" />
-  <!-- تحميل مكتبة jsPDF -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
   <style>
     @import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap");
@@ -18,12 +18,14 @@
       --background-light: #f8fafc;
       --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
     }
     body {
       font-family: "Tajawal", sans-serif;
       background: var(--background-light);
       margin: 0;
       padding-bottom: 60px; /* مساحة للتذييل */
     }
     /* الشريط الجانبي */
     .sidebar {
       background: white;
@@ -71,7 +73,7 @@
     }
     .feature-card:hover {
       transform: translateY(-4px);
-      box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);
     }
     .action-button {
       background: var(--primary-color);
@@ -117,7 +119,7 @@
       max-height: 400px;
       overflow-y: auto;
     }
-    /* تنسيق نتائج خريطة التفكير */
     .mind-map-output {
       background: linear-gradient(135deg, #e0f7fa, #b2ebf2);
       padding: 1rem;
@@ -125,7 +127,7 @@
       border-radius: 1rem;
       font-size: 1.1rem;
     }
-    /* تخطيط قسم إنشاء العقود */
     .split-screen {
       display: grid;
       grid-template-columns: 1fr 1fr;
@@ -189,7 +191,7 @@
       border-bottom: 2px solid #e5e7eb;
       font-weight: 600;
     }
-    /* تحسين العرض على الأجهزة المحمولة */
     @media (max-width: 768px) {
       .sidebar { transform: translateX(100%); }
       .sidebar.open { transform: translateX(0); }
@@ -199,7 +201,7 @@
   </style>
 </head>
 <body>
-  <!-- زر القائمة (على الهاتف) -->
   <button id="sidebarToggle" class="fixed top-4 right-4 z-50 p-2 rounded-lg bg-white shadow-lg md:hidden">
     <i class="fas fa-bars text-xl"></i>
   </button>
@@ -208,6 +210,7 @@
   <aside class="sidebar">
     <div class="p-6">
       <div class="flex items-center gap-4 mb-8">
         <img src="https://ufastpro.com/wp-content/uploads/2025/02/تصميم-بدون-عنوان.png" alt="شعار المنصة" class="w-12 h-12 rounded-full" />
         <div>
           <h1 class="text-xl font-bold text-gray-800">المنصة القانونية</h1>
@@ -215,7 +218,6 @@
         </div>
       </div>
       <nav class="space-y-1">
-        <!-- استخدام div مع data-section؛ ستعمل الدالة المضافة -->
         <div class="nav-link active" data-section="home">
           <i class="fas fa-home ml-3"></i>
           <span>الرئيسية</span>
@@ -246,11 +248,7 @@
         </div>
         <div class="nav-link" data-section="precedents">
           <i class="fas fa-gavel ml-3"></i>
-          <span>الأحكام والقوانين</span>
-        </div>
-        <div class="nav-link" data-section="latestUpdates">
-          <i class="fas fa-newspaper ml-3"></i>
-          <span>آخر التحديثات</span>
         </div>
       </nav>
     </div>
@@ -260,73 +258,73 @@
   <main class="main-content">
     <!-- بحث عالمي -->
     <div class="search-container mb-6 relative">
-      <input type="text" id="globalSearch" class="search-input w-full p-3 rounded border" placeholder="ابحث في المنصة..." />
       <i class="fas fa-search absolute top-1/2 right-4 transform -translate-y-1/2 text-gray-400"></i>
     </div>
     <!-- قسم الرئيسية -->
     <section id="home" class="section">
       <h2 class="text-3xl font-bold text-gray-800 mb-8">الخدمات القانونية</h2>
-      <!-- مجموعة الخدمات الأساسية -->
       <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-        <!-- التحليل القانوني -->
         <div class="feature-card p-6">
           <div class="text-center">
             <i class="fas fa-balance-scale text-3xl mb-4 text-blue-600"></i>
             <h3 class="text-xl font-bold text-gray-800 mb-3">التحليل القانوني</h3>
-            <p class="text-gray-600 mb-4">تحليل متكامل للقضايا والمستندات باستخدام الذكاء الاصطناعي.</p>
             <button class="action-button" onclick="showSection('analysis')">ابدأ التحليل</button>
           </div>
         </div>
-        <!-- خريطة التفكير -->
         <div class="feature-card p-6">
           <div class="text-center">
             <i class="fas fa-project-diagram text-3xl mb-4 text-blue-600"></i>
             <h3 class="text-xl font-bold text-gray-800 mb-3">خريطة التفكير</h3>
-            <p class="text-gray-600 mb-4">نظم قضية بشكل إبداعي باستخدام خطوات منهجية قوية.</p>
             <button class="action-button" onclick="showSection('mindMap')">إنشاء خريطة التفكير</button>
           </div>
         </div>
-        <!-- البحث القانوني -->
         <div class="feature-card p-6">
           <div class="text-center">
             <i class="fas fa-search text-3xl mb-4 text-blue-600"></i>
             <h3 class="text-xl font-bold text-gray-800 mb-3">البحث القانوني</h3>
-            <p class="text-gray-600 mb-4">ابحث عن معلومات قانونية باستخدام برومبت ثابت يشمل منصات: منصة1، منصة2، منصة3.</p>
             <button class="action-button" onclick="showSection('search')">ابدأ البحث</button>
           </div>
         </div>
-      </div>
-      <!-- مجموعة الخدمات الإضافية -->
-      <div class="mt-8">
-        <h2 class="text-2xl font-bold text-gray-800 mb-4">خدمات إضافية</h2>
-        <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
-          <!-- الأعمال الإدارية -->
-          <div class="feature-card p-6">
-            <div class="text-center">
-              <i class="fas fa-cogs text-3xl mb-4 text-blue-600"></i>
-              <h3 class="text-xl font-bold text-gray-800 mb-3">الأعمال الإدارية</h3>
-              <p class="text-gray-600 mb-4">الوصول إلى أدوات الإدارة المتقدمة.</p>
-              <button class="action-button" onclick="window.location.href='admin.html'">الأعمال الإدارية</button>
-            </div>
           </div>
-          <!-- مقارنة النصوص القانونية -->
-          <div class="feature-card p-6">
-            <div class="text-center">
-              <i class="fas fa-exchange-alt text-3xl mb-4 text-blue-600"></i>
-              <h3 class="text-xl font-bold text-gray-800 mb-3">مقارنة النصوص القانونية</h3>
-              <p class="text-gray-600 mb-4">قارن بين نصين قانونيين بسهولة.</p>
-              <button class="action-button" onclick="showSection('precedents')">مقارنة النصوص</button>
-            </div>
           </div>
-          <!-- آخر التحديثات القانونية -->
-          <div class="feature-card p-6">
-            <div class="text-center">
-              <i class="fas fa-newspaper text-3xl mb-4 text-blue-600"></i>
-              <h3 class="text-xl font-bold text-gray-800 mb-3">آخر التحديثات القانونية</h3>
-              <p class="text-gray-600 mb-4">تابع أحدث الأخبار القانونية في مصر.</p>
-              <button class="action-button" onclick="showSection('latestUpdates')">آخر التحديثات</button>
-            </div>
           </div>
         </div>
       </div>
@@ -363,7 +361,7 @@
     <section id="mindMap" class="section hidden">
       <h2 class="text-3xl font-bold text-gray-800 mb-4">خريطة التفكير القانونية</h2>
       <p class="mb-4 text-gray-700">
-        أدخل الأفكار والخيوط المتعددة لتنظيم القضية بطريقة إبداعية باستخدام منهجيات مثل تحليل SWOT و5 خطوات لتحليل الأسباب الجذرية. ساعد نفسك على التفكير بعمق مع النموذج.
       </p>
       <div id="mindMapFields">
          <div class="mb-4">
@@ -384,25 +382,58 @@
       <div id="mindMapResult" class="mt-4 response-container mind-map-output"></div>
     </section>
-    <!-- قسم مقارنة النصوص القانونية -->
-    <section id="precedents" class="section hidden">
-      <h2 class="text-3xl font-bold text-gray-800 mb-8">مقارنة النصوص القانونية</h2>
       <div class="input-group bg-white rounded p-6 shadow">
-        <textarea class="w-full p-3 border rounded mb-4" placeholder="أدخل النص القانوني الأول للمقارنة..."></textarea>
-        <textarea class="w-full p-3 border rounded mb-4" placeholder="أدخل النص القانوني الثاني للمقارنة..."></textarea>
-        <button class="action-button" onclick="handleSubmit('precedents')">مقارنة النصوص القانونية</button>
-        <div id="precedentsResult" class="mt-4 response-container"></div>
       </div>
     </section>
-    <!-- قسم آخر التحديثات القانونية -->
-    <section id="latestUpdates" class="section hidden">
-      <h2 class="text-3xl font-bold text-gray-800 mb-8">آخر التحديثات القانونية في مصر</h2>
       <div class="input-group bg-white rounded p-6 shadow">
-        <button class="action-button" onclick="fetchLatestUpdates()">عرض آخر التحديثات</button>
-        <div id="latestUpdatesResult" class="mt-4 response-container">
-          <!-- سيتم تعبئتها بأحدث الأخبار -->
         </div>
       </div>
     </section>
@@ -490,16 +521,16 @@
   </main>
   <!-- تذييل الصفحة -->
-  <footer class="fixed bottom-0 left-0 w-full bg-white border-t text-center py-4 text-gray-600">
     © Copyright 2025・<span class="font-bold">FASTPRO</span>・All rights reserved.
   </footer>
   <!-- سكربتات الموقع -->
   <script>
-    // تأكد من أن عنوان API صالح؛ إذا لم يكن متاحاً ستظهر أخطاء في وحدة التحكم.
     const API_URL = 'https://g2mgow5tgbxsjy-7777.proxy.runpod.net/proxy/8000/chat';
-    // دالة للحصول على البرومبت بناءً على القسم
     function getPromptPrefix(section) {
       switch(section) {
         case 'analysis':
@@ -514,22 +545,19 @@
           return 'قم بترجمة هذا النص القانوني: ';
         case 'consultation':
           return 'أحتاج استشارة قانونية في الموضوع التالي: ';
-        case 'precedents':
-          // في حالة المقارنة سيتم تجميع النصين من textarea
-          return '';
         default:
           return '';
       }
     }
-    // تفعيل النقر على عناصر القائمة (nav-link)
     document.querySelectorAll(".nav-link").forEach(link => {
       link.addEventListener("click", (e) => {
         e.preventDefault();
         const section = e.currentTarget.getAttribute("data-section");
         if(section) {
           showSection(section);
-          // إخفاء القائمة على الأجهزة المحمولة
           if(window.innerWidth < 768) {
             document.querySelector(".sidebar").classList.remove("open");
           }
@@ -544,7 +572,7 @@
       document.getElementById(sectionId).classList.remove("hidden");
       document.querySelectorAll(".nav-link").forEach(link => {
         link.classList.remove("active");
-        if(link.getAttribute("data-section") === sectionId) {
           link.classList.add("active");
         }
       });
@@ -555,47 +583,35 @@
       document.querySelector(".sidebar").classList.toggle("open");
     });
-    // تأثير التركيز على حقول الإدخال
-    document.querySelectorAll("input, textarea").forEach(el => {
-      el.addEventListener("focus", function() {
         const group = this.closest(".input-group");
         if(group) group.classList.add("focused");
         this.style.transform = 'translateY(-2px)';
       });
-      el.addEventListener("blur", function() {
         const group = this.closest(".input-group");
         if(group) group.classList.remove("focused");
         this.style.transform = 'translateY(0)';
       });
     });
-    // دالة إرسال الطلبات (وتتعامل مع حالة المقارنة في قسم "precedents")
     async function handleSubmit(section) {
       const container = document.getElementById(section);
-      let payload = { message: "", history: [] };
-      let resultDiv = container.querySelector(".response-container");
-      if(section === "precedents") {
-        const textareas = container.querySelectorAll("textarea");
-        if(textareas.length < 2) {
-          alert("الرجاء إدخال كلا النصين للمقارنة");
-          return;
-        }
-        const text1 = textareas[0].value.trim();
-        const text2 = textareas[1].value.trim();
-        if(!text1 || !text2) {
-          alert("الرجاء إدخال كلا النصين للمقارنة");
-          return;
-        }
-        payload.message = "قم بمقارنة النصين القانونيين التاليين:\nالنص الأول: " + text1 + "\nالنص الثاني: " + text2;
-      } else {
-        const textarea = container.querySelector("textarea");
-        const text = textarea.value.trim();
-        if(!text) {
-          alert("الرجاء إدخال نص");
-          return;
-        }
-        payload.message = getPromptPrefix(section) + text;
       }
       try {
         resultDiv.innerHTML = '<div class="loading-spinner"></div>';
         const response = await fetch(API_URL, {
@@ -603,29 +619,29 @@
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify(payload)
         });
-        if(!response.ok) {
           throw new Error("Network response was not ok");
         }
         const data = await response.json();
         resultDiv.innerHTML = data.response || "";
-      } catch(error) {
         console.error("Error:", error);
         resultDiv.innerHTML = '<div class="text-red-500">حدث خطأ. يرجى المحاولة مرة أخرى.</div>';
       }
     }
-    // زر النسخ في قسم العقود
     document.getElementById("copyButton").addEventListener("click", async function() {
       const contractText = document.getElementById("contractOutput").innerText;
       try {
         await navigator.clipboard.writeText(contractText);
         showSuccessMessage("تم نسخ العقد بنجاح!");
-      } catch(err) {
         console.error("فشل نسخ النص:", err);
       }
     });
-    // إظهار رسالة نجاح النسخ
     function showSuccessMessage(message) {
       const successMessage = document.createElement("div");
       successMessage.className = "success-message";
@@ -637,17 +653,17 @@
       }, 2000);
     }
-    // التحقق من الرقم القومي
     document.querySelectorAll("#firstPartyID, #secondPartyID").forEach(input => {
       input.addEventListener("input", function() {
         this.value = this.value.replace(/[^0-9]/g, '');
-        if(this.value.length > 14) {
           this.value = this.value.slice(0, 14);
         }
       });
     });
-    // دالة الحصول على تسمية الحقل (لعرض رسائل الخطأ)
     function getFieldLabel(field) {
       const labels = {
         contractTitle: 'عنوان العقد',
@@ -668,10 +684,12 @@
       return labels[field] || field;
     }
-    // دالة إنشاء العقد
     document.getElementById("generateButton").addEventListener("click", async function() {
       const button = this;
       const outputDiv = document.getElementById("contractOutput");
       const formData = {
         contractTitle: document.getElementById("contractTitle").value.trim(),
         contractDate: document.getElementById("contractDate").value,
@@ -688,9 +706,12 @@
         contractPreamble: document.getElementById("contractPreamble").value.trim(),
         contractTerms: document.getElementById("contractTerms").value.trim()
       };
       const requiredFields = Object.keys(formData);
       const missingFields = requiredFields.filter(field => !formData[field]);
-      if(missingFields.length > 0) {
         outputDiv.innerHTML = `
           <div class="text-red-500 font-bold mb-4">يرجى ملء جميع الحقول المطلوبة</div>
           <ul class="list-disc list-inside text-red-500">
@@ -699,6 +720,8 @@
         `;
         return;
       }
       button.textContent = 'جاري إن��اء العقد...';
       button.disabled = true;
       outputDiv.innerHTML = `
@@ -707,9 +730,17 @@
           <span>جاري إنشاء العقد باستخدام الذكاء الاصطناعي...</span>
         </div>
       `;
       try {
         const dateObj = new Date(formData.contractDate);
-        const arabicDate = new Intl.DateTimeFormat('ar-EG', { year: 'numeric', month: 'long', day: 'numeric' }).format(dateObj);
         const prompt = `قم بإنشاء عقد قانوني مصري رسمي باللغة العربية يتضمن البيانات التالية:
 عنوان العقد: ${formData.contractTitle}
@@ -740,20 +771,31 @@ ${formData.contractTerms}
 2. بند حكم التمهيد يوضح أن التمهيد جزء لا يتجزأ من العقد
 3. تنسيق قانوني رسمي
 4. مكان للتوقيع في النهاية مع كتابة "طرف أول" و "طرف ثاني"`;
         const response = await fetch(API_URL, {
           method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ message: prompt, history: [] })
         });
-        if(!response.ok) {
           throw new Error(`HTTP error! status: ${response.status}`);
         }
         const data = await response.json();
         outputDiv.innerHTML = `<div dir="rtl" style="white-space: pre-wrap;">${data.response}</div>`;
-      } catch(error) {
         outputDiv.innerHTML = `
           <div class="text-red-600 font-bold">
-            عذراً، حدث خطأ في إنشاء العقد. يرجى المحاولة مرة أخرى.<br>
             تفاصيل الخطأ: ${error.message}
           </div>
         `;
@@ -762,14 +804,14 @@ ${formData.contractTerms}
         button.textContent = 'إنشاء العقد';
         button.disabled = false;
       }
-    }
-    // تنزيل الترجمة كملف PDF
     document.getElementById("downloadPDFButton").addEventListener("click", function() {
       const { jsPDF } = window.jspdf;
       const doc = new jsPDF({ orientation: "portrait", unit: "pt", format: "a4" });
       const content = document.getElementById("translationResult").innerText;
-      if(!content.trim()){
         alert("لا يوجد نص للترجمة لتنزيله");
         return;
       }
@@ -778,12 +820,12 @@ ${formData.contractTerms}
       doc.save("translation.pdf");
     });
-    // تنزيل التحليل كملف PDF
     document.getElementById("downloadAnalysisPDFButton").addEventListener("click", function() {
       const { jsPDF } = window.jspdf;
       const doc = new jsPDF({ orientation: "portrait", unit: "pt", format: "a4" });
       const content = document.getElementById("analysisResult").innerText;
-      if(!content.trim()){
         alert("لا يوجد نص للتحليل لتنزيله");
         return;
       }
@@ -792,7 +834,7 @@ ${formData.contractTerms}
       doc.save("analysis.pdf");
     });
-    // إضافة حقل جديد في قسم خريطة التفكير
     document.getElementById("addMindMapField").addEventListener("click", function() {
       const container = document.getElementById("mindMapFields");
       const newFieldDiv = document.createElement("div");
@@ -802,23 +844,23 @@ ${formData.contractTerms}
       container.appendChild(newFieldDiv);
     });
-    // إنشاء خريطة التفكير باستخدام الحقول المتعددة
     function handleMindMap() {
       const inputs = document.querySelectorAll("#mindMapFields input");
       let collectedText = "";
       inputs.forEach((input, index) => {
         const value = input.value.trim();
-        if(value){
-          collectedText += `الخيط ${index+1}: ${value}\n`;
         }
       });
-      if(!collectedText.trim()){
         alert("الرجاء إدخال بعض الأفكار لإنشاء خريطة التفكير");
         return;
       }
       const resultDiv = document.getElementById("mindMapResult");
       const prompt = getPromptPrefix("mindMap") + "\n" + collectedText +
-                     "\nاستخدم منهجيات مثل تحليل SWOT و5 خطوات لتحليل الأسباب الجذرية مع النظر في البدائل القانونية لتنظيم القضية بشكل احترافي.";
       resultDiv.innerHTML = '<div class="loading-spinner"></div>';
       fetch(API_URL, {
         method: "POST",
@@ -826,26 +868,15 @@ ${formData.contractTerms}
         body: JSON.stringify({ message: prompt, history: [] })
       })
       .then(response => response.json())
-      .then(data => { resultDiv.innerHTML = data.response || ""; })
       .catch(error => {
         console.error("Error:", error);
         resultDiv.innerHTML = '<div class="text-red-500">حدث خطأ. يرجى المحاولة مرة أخرى.</div>';
       });
     }
-    // محاكاة جلب آخر التحديثات القانونية
-    function fetchLatestUpdates() {
-      const resultDiv = document.getElementById("latestUpdatesResult");
-      resultDiv.innerHTML = '<div class="loading-spinner"></div>';
-      setTimeout(() => {
-        resultDiv.innerHTML = `<p>آخر التحديثات القانونية في مصر:<br>
-        - تحديث 1: نص الخبر الأول.<br>
-        - تحديث 2: نص الخبر الثاني.<br>
-        - تحديث 3: نص الخبر الثالث.
-        </p>`;
-      }, 1000);
-    }
     // تهيئة الصفحة بالعرض الافتراضي للقسم "home"
     document.addEventListener("DOMContentLoaded", () => {
       showSection("home");

   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>المنصة القانونية الذكية - وإنشاء العقود</title>
+  <!-- ربط مكتبات Tailwind وFont Awesome -->
   <link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet" />
   <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet" />
+  <!-- ربط مكتبة jsPDF لتحويل النص إلى PDF -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
   <style>
     @import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap");
       --background-light: #f8fafc;
       --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
     }
     body {
       font-family: "Tajawal", sans-serif;
       background: var(--background-light);
       margin: 0;
       padding-bottom: 60px; /* مساحة للتذييل */
     }
     /* الشريط الجانبي */
     .sidebar {
       background: white;
     }
     .feature-card:hover {
       transform: translateY(-4px);
+      box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
     }
     .action-button {
       background: var(--primary-color);
       max-height: 400px;
       overflow-y: auto;
     }
+    /* تنسيق مميز لنتائج خريطة التفكير */
     .mind-map-output {
       background: linear-gradient(135deg, #e0f7fa, #b2ebf2);
       padding: 1rem;
       border-radius: 1rem;
       font-size: 1.1rem;
     }
+    /* تنسيق قسم إنشاء العقود */
     .split-screen {
       display: grid;
       grid-template-columns: 1fr 1fr;
       border-bottom: 2px solid #e5e7eb;
       font-weight: 600;
     }
+    /* تحسين التنسيق على الأجهزة المحمولة */
     @media (max-width: 768px) {
       .sidebar { transform: translateX(100%); }
       .sidebar.open { transform: translateX(0); }
   </style>
 </head>
 <body>
+  <!-- زر إظهار/إخفاء الشريط الجانبي -->
   <button id="sidebarToggle" class="fixed top-4 right-4 z-50 p-2 rounded-lg bg-white shadow-lg md:hidden">
     <i class="fas fa-bars text-xl"></i>
   </button>
   <aside class="sidebar">
     <div class="p-6">
       <div class="flex items-center gap-4 mb-8">
+        <!-- استخدام الصورة المطلوبة كشعار -->
         <img src="https://ufastpro.com/wp-content/uploads/2025/02/تصميم-بدون-عنوان.png" alt="شعار المنصة" class="w-12 h-12 rounded-full" />
         <div>
           <h1 class="text-xl font-bold text-gray-800">المنصة القانونية</h1>
         </div>
       </div>
       <nav class="space-y-1">
         <div class="nav-link active" data-section="home">
           <i class="fas fa-home ml-3"></i>
           <span>الرئيسية</span>
         </div>
         <div class="nav-link" data-section="precedents">
           <i class="fas fa-gavel ml-3"></i>
+          <span>الأحكام والسوابق</span>
         </div>
       </nav>
     </div>
   <main class="main-content">
     <!-- بحث عالمي -->
     <div class="search-container mb-6 relative">
+      <input type="text" class="search-input w-full p-3 rounded border" placeholder="ابحث في المنصة..." id="globalSearch" />
       <i class="fas fa-search absolute top-1/2 right-4 transform -translate-y-1/2 text-gray-400"></i>
     </div>
     <!-- قسم الرئيسية -->
     <section id="home" class="section">
       <h2 class="text-3xl font-bold text-gray-800 mb-8">الخدمات القانونية</h2>
       <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+        <!-- بطاقات الخدمة -->
         <div class="feature-card p-6">
           <div class="text-center">
             <i class="fas fa-balance-scale text-3xl mb-4 text-blue-600"></i>
             <h3 class="text-xl font-bold text-gray-800 mb-3">التحليل القانوني</h3>
+            <p class="text-gray-600 mb-4">
+              تحليل متكامل للقضايا والمستندات القانونية باستخدام الذكاء الاصطناعي
+            </p>
             <button class="action-button" onclick="showSection('analysis')">ابدأ التحليل</button>
           </div>
         </div>
         <div class="feature-card p-6">
           <div class="text-center">
             <i class="fas fa-project-diagram text-3xl mb-4 text-blue-600"></i>
             <h3 class="text-xl font-bold text-gray-800 mb-3">خريطة التفكير</h3>
+            <p class="text-gray-600 mb-4">
+              نظم قضية بشكل احترافي باستخدام خطوات منهجية قوية تساعدك على التفكير مع النموذج
+            </p>
             <button class="action-button" onclick="showSection('mindMap')">إنشاء خريطة التفكير</button>
           </div>
         </div>
         <div class="feature-card p-6">
           <div class="text-center">
             <i class="fas fa-search text-3xl mb-4 text-blue-600"></i>
             <h3 class="text-xl font-bold text-gray-800 mb-3">البحث القانوني</h3>
+            <p class="text-gray-600 mb-4">
+              ابحث عن معلومات قانونية مع برومبت ثابت يشمل منصات: منصة1، منصة2، منصة3
+            </p>
             <button class="action-button" onclick="showSection('search')">ابدأ البحث</button>
           </div>
         </div>
+        <div class="feature-card p-6">
+          <div class="text-center">
+            <i class="fas fa-file-alt text-3xl mb-4 text-blue-600"></i>
+            <h3 class="text-xl font-bold text-gray-800 mb-3">المستندات</h3>
+            <p class="text-gray-600 mb-4">
+              إنشاء وتحرير المستندات القانونية بمساعدة الذكاء الاصطناعي
+            </p>
+            <button class="action-button" onclick="showSection('documents')">إنشاء مستند</button>
           </div>
+        </div>
+        <div class="feature-card p-6">
+          <div class="text-center">
+            <i class="fas fa-language text-3xl mb-4 text-blue-600"></i>
+            <h3 class="text-xl font-bold text-gray-800 mb-3">الترجمة القانونية</h3>
+            <p class="text-gray-600 mb-4">
+              ترجمة احترافية للوثائق القانونية مع إمكانية تنزيلها كملف PDF
+            </p>
+            <button class="action-button" onclick="showSection('translation')">ترجمة</button>
           </div>
+        </div>
+        <div class="feature-card p-6">
+          <div class="text-center">
+            <i class="fas fa-comments text-3xl mb-4 text-blue-600"></i>
+            <h3 class="text-xl font-bold text-gray-800 mb-3">استشارة قانونية</h3>
+            <p class="text-gray-600 mb-4">
+              احصل على استشارة قانونية فورية من خبرائنا
+            </p>
+            <button class="action-button" onclick="showSection('consultation')">استشر الآن</button>
           </div>
         </div>
       </div>
     <section id="mindMap" class="section hidden">
       <h2 class="text-3xl font-bold text-gray-800 mb-4">خريطة التفكير القانونية</h2>
       <p class="mb-4 text-gray-700">
+        أدخل الأفكار والخيوط المتعددة لتنظيم القضية بطريقة إبداعية باستخدام منهجيات قوية مثل تحليل SWOT و5 خطوات لتحليل الأسباب الجذرية. ساعد نفسك في التفكير مع النموذج.
       </p>
       <div id="mindMapFields">
          <div class="mb-4">
       <div id="mindMapResult" class="mt-4 response-container mind-map-output"></div>
     </section>
+    <!-- قسم البحث القانوني -->
+    <section id="search" class="section hidden">
+      <h2 class="text-3xl font-bold text-gray-800 mb-8">البحث القانوني</h2>
       <div class="input-group bg-white rounded p-6 shadow">
+        <textarea class="w-full p-3 border rounded" placeholder="اكتب استعلام البحث القانوني..." ></textarea>
+        <button class="action-button mt-4" onclick="handleSubmit('search')">بحث</button>
+        <div id="searchResult" class="mt-4 response-container"></div>
       </div>
     </section>
+    <!-- قسم الترجمة القانونية -->
+    <section id="translation" class="section hidden">
+      <h2 class="text-3xl font-bold text-gray-800 mb-8">الترجمة القانونية</h2>
       <div class="input-group bg-white rounded p-6 shadow">
+        <textarea class="w-full p-3 border rounded" placeholder="اكتب النص المراد ترجمته..."></textarea>
+        <label class="block text-gray-700 mb-2 mt-4">أو قم بإرفاق ملف PDF:</label>
+        <input type="file" accept=".pdf" class="w-full p-3 border rounded" id="translationPDF" />
+        <div class="flex gap-4 my-4">
+          <select class="p-3 rounded border w-full" id="fromLang">
+            <option value="ar">العربية</option>
+            <option value="en">الإنجليزية</option>
+            <option value="de">الألمانية</option>
+            <option value="zh">الصينية</option>
+            <option value="fr">الفرنسية</option>
+            <option value="it">الإيطالية</option>
+            <option value="es">الإسبانية</option>
+          </select>
+          <select class="p-3 rounded border w-full" id="toLang">
+            <option value="en">الإنجليزية</option>
+            <option value="ar">العربية</option>
+            <option value="de">الألمانية</option>
+            <option value="zh">الصينية</option>
+            <option value="fr">الفرنسية</option>
+            <option value="it">الإيطالية</option>
+            <option value="es">الإسبانية</option>
+          </select>
+        </div>
+        <div class="flex gap-4">
+          <button class="action-button" onclick="handleSubmit('translation')">ترجمة</button>
+          <button id="downloadPDFButton" class="action-button">تنزيل الترجمة كملف PDF</button>
         </div>
+        <div id="translationResult" class="mt-4 response-container"></div>
+      </div>
+    </section>
+    <!-- قسم الاستشارة القانونية -->
+    <section id="consultation" class="section hidden">
+      <h2 class="text-3xl font-bold text-gray-800 mb-8">استشارة قانونية</h2>
+      <div class="input-group bg-white rounded p-6 shadow">
+        <textarea class="w-full p-3 border rounded" placeholder="اكتب سؤالك القانوني هنا..."></textarea>
+        <button class="action-button mt-4" onclick="handleSubmit('consultation')">احصل على استشارة</button>
+        <div id="consultationResult" class="mt-4 response-container"></div>
       </div>
     </section>
   </main>
   <!-- تذييل الصفحة -->
+  <footer class="text-center py-4 text-gray-600 fixed bottom-0 left-0 w-full bg-white border-t">
     © Copyright 2025・<span class="font-bold">FASTPRO</span>・All rights reserved.
   </footer>
   <!-- سكربتات الموقع -->
   <script>
+    // استخدام API كما كان سابقاً
     const API_URL = 'https://g2mgow5tgbxsjy-7777.proxy.runpod.net/proxy/8000/chat';
+    // دالة الحصول على البادئة (prompt prefix) بناءً على القسم مع برومبت ثابت للبحث
     function getPromptPrefix(section) {
       switch(section) {
         case 'analysis':
           return 'قم بترجمة هذا النص القانوني: ';
         case 'consultation':
           return 'أحتاج استشارة قانونية في الموضوع التالي: ';
         default:
           return '';
       }
     }
+    // تفعيل التنقل بين الأقسام
     document.querySelectorAll(".nav-link").forEach(link => {
       link.addEventListener("click", (e) => {
         e.preventDefault();
         const section = e.currentTarget.getAttribute("data-section");
         if(section) {
           showSection(section);
+          // إخفاء الشريط الجانبي على الأجهزة المحمولة بعد النقر
           if(window.innerWidth < 768) {
             document.querySelector(".sidebar").classList.remove("open");
           }
       document.getElementById(sectionId).classList.remove("hidden");
       document.querySelectorAll(".nav-link").forEach(link => {
         link.classList.remove("active");
+        if (link.getAttribute("data-section") === sectionId) {
           link.classList.add("active");
         }
       });
       document.querySelector(".sidebar").classList.toggle("open");
     });
+    // تحسين تأثير التركيز على حقول الإدخال
+    document.querySelectorAll("input, textarea").forEach(element => {
+      element.addEventListener("focus", function() {
         const group = this.closest(".input-group");
         if(group) group.classList.add("focused");
         this.style.transform = 'translateY(-2px)';
       });
+      element.addEventListener("blur", function() {
         const group = this.closest(".input-group");
         if(group) group.classList.remove("focused");
         this.style.transform = 'translateY(0)';
       });
     });
+    // دالة إرسال الطلبات العامة لجميع الأقسام باستخدام API الموحد
     async function handleSubmit(section) {
       const container = document.getElementById(section);
+      const textarea = container.querySelector("textarea");
+      const resultDiv = container.querySelector(".response-container");
+      const text = textarea.value.trim();
+      if (!text) {
+        alert("الرجاء إدخال نص");
+        return;
       }
+      const payload = {
+        message: getPromptPrefix(section) + text,
+        history: []
+      };
       try {
         resultDiv.innerHTML = '<div class="loading-spinner"></div>';
         const response = await fetch(API_URL, {
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify(payload)
         });
+        if (!response.ok) {
           throw new Error("Network response was not ok");
         }
         const data = await response.json();
         resultDiv.innerHTML = data.response || "";
+      } catch (error) {
         console.error("Error:", error);
         resultDiv.innerHTML = '<div class="text-red-500">حدث خطأ. يرجى المحاولة مرة أخرى.</div>';
       }
     }
+    // وظيفة زر النسخ في قسم إنشاء العقود
     document.getElementById("copyButton").addEventListener("click", async function() {
       const contractText = document.getElementById("contractOutput").innerText;
       try {
         await navigator.clipboard.writeText(contractText);
         showSuccessMessage("تم نسخ العقد بنجاح!");
+      } catch (err) {
         console.error("فشل نسخ النص:", err);
       }
     });
+    // وظيفة إظهار رسالة النجاح عند النسخ
     function showSuccessMessage(message) {
       const successMessage = document.createElement("div");
       successMessage.className = "success-message";
       }, 2000);
     }
+    // التحقق من صحة الرقم القومي للطرف الأول والثاني
     document.querySelectorAll("#firstPartyID, #secondPartyID").forEach(input => {
       input.addEventListener("input", function() {
         this.value = this.value.replace(/[^0-9]/g, '');
+        if (this.value.length > 14) {
           this.value = this.value.slice(0, 14);
         }
       });
     });
+    // دالة الحصول على تسمية الحقل لعرضها في رسائل الخطأ
     function getFieldLabel(field) {
       const labels = {
         contractTitle: 'عنوان العقد',
       return labels[field] || field;
     }
+    // وظيفة زر إنشاء العقد
     document.getElementById("generateButton").addEventListener("click", async function() {
       const button = this;
       const outputDiv = document.getElementById("contractOutput");
+      // جمع بيانات النموذج
       const formData = {
         contractTitle: document.getElementById("contractTitle").value.trim(),
         contractDate: document.getElementById("contractDate").value,
         contractPreamble: document.getElementById("contractPreamble").value.trim(),
         contractTerms: document.getElementById("contractTerms").value.trim()
       };
+      // التحقق من البيانات المطلوبة
       const requiredFields = Object.keys(formData);
       const missingFields = requiredFields.filter(field => !formData[field]);
+      if (missingFields.length > 0) {
         outputDiv.innerHTML = `
           <div class="text-red-500 font-bold mb-4">يرجى ملء جميع الحقول المطلوبة</div>
           <ul class="list-disc list-inside text-red-500">
         `;
         return;
       }
+      // تحديث واجهة المستخدم لحالة التحميل
       button.textContent = 'جاري إن��اء العقد...';
       button.disabled = true;
       outputDiv.innerHTML = `
           <span>جاري إنشاء العقد باستخدام الذكاء الاصطناعي...</span>
         </div>
       `;
       try {
+        // تحويل التاريخ إلى التنسيق العربي
         const dateObj = new Date(formData.contractDate);
+        const arabicDate = new Intl.DateTimeFormat('ar-EG', {
+          year: 'numeric',
+          month: 'long',
+          day: 'numeric'
+        }).format(dateObj);
+        // إنشاء نص الطلب
         const prompt = `قم بإنشاء عقد قانوني مصري رسمي باللغة العربية يتضمن البيانات التالية:
 عنوان العقد: ${formData.contractTitle}
 2. بند حكم التمهيد يوضح أن التمهيد جزء لا يتجزأ من العقد
 3. تنسيق قانوني رسمي
 4. مكان للتوقيع في النهاية مع كتابة "طرف أول" و "طرف ثاني"`;
+        // إرسال الطلب إلى API الخاص بالعقود
         const response = await fetch(API_URL, {
           method: 'POST',
+          headers: {
+            'Content-Type': 'application/json'
+          },
+          body: JSON.stringify({
+            message: prompt,
+            history: []
+          })
         });
+        if (!response.ok) {
           throw new Error(`HTTP error! status: ${response.status}`);
         }
         const data = await response.json();
         outputDiv.innerHTML = `<div dir="rtl" style="white-space: pre-wrap;">${data.response}</div>`;
+      } catch (error) {
         outputDiv.innerHTML = `
           <div class="text-red-600 font-bold">
+            عذراً، حدث خطأ في إنشاء العقد. يرجى المحاولة مرة أخرى.
+            <br>
             تفاصيل الخطأ: ${error.message}
           </div>
         `;
         button.textContent = 'إنشاء العقد';
         button.disabled = false;
       }
+    });
+    // وظيفة تنزيل الترجمة كملف PDF (باستخدام مكتبة jsPDF)
     document.getElementById("downloadPDFButton").addEventListener("click", function() {
       const { jsPDF } = window.jspdf;
       const doc = new jsPDF({ orientation: "portrait", unit: "pt", format: "a4" });
       const content = document.getElementById("translationResult").innerText;
+      if (!content.trim()) {
         alert("لا يوجد نص للترجمة لتنزيله");
         return;
       }
       doc.save("translation.pdf");
     });
+    // وظيفة تنزيل التحليل كملف PDF (باستخدام مكتبة jsPDF)
     document.getElementById("downloadAnalysisPDFButton").addEventListener("click", function() {
       const { jsPDF } = window.jspdf;
       const doc = new jsPDF({ orientation: "portrait", unit: "pt", format: "a4" });
       const content = document.getElementById("analysisResult").innerText;
+      if (!content.trim()) {
         alert("لا يوجد نص للتحليل لتنزيله");
         return;
       }
       doc.save("analysis.pdf");
     });
+    // وظيفة إضافة حقل جديد في قسم خريطة التفكير
     document.getElementById("addMindMapField").addEventListener("click", function() {
       const container = document.getElementById("mindMapFields");
       const newFieldDiv = document.createElement("div");
       container.appendChild(newFieldDiv);
     });
+    // وظيفة إنشاء خريطة التفكير باستخدام الحقول المتعددة
     function handleMindMap() {
       const inputs = document.querySelectorAll("#mindMapFields input");
       let collectedText = "";
       inputs.forEach((input, index) => {
         const value = input.value.trim();
+        if(value) {
+          collectedText += `الخيط ${index + 1}: ${value}\n`;
         }
       });
+      if (!collectedText.trim()) {
         alert("الرجاء إدخال بعض الأفكار لإنشاء خريطة التفكير");
         return;
       }
       const resultDiv = document.getElementById("mindMapResult");
       const prompt = getPromptPrefix("mindMap") + "\n" + collectedText +
+                     "\nاستخدم منهجيات قوية مثل تحليل SWOT و5 خطوات لتحليل الأسباب الجذرية مع النظر في البدائل القانونية لتنظيم القضية بشكل احترافي.";
       resultDiv.innerHTML = '<div class="loading-spinner"></div>';
       fetch(API_URL, {
         method: "POST",
         body: JSON.stringify({ message: prompt, history: [] })
       })
       .then(response => response.json())
+      .then(data => {
+        resultDiv.innerHTML = data.response || "";
+      })
       .catch(error => {
         console.error("Error:", error);
         resultDiv.innerHTML = '<div class="text-red-500">حدث خطأ. يرجى المحاولة مرة أخرى.</div>';
       });
     }
     // تهيئة الصفحة بالعرض الافتراضي للقسم "home"
     document.addEventListener("DOMContentLoaded", () => {
       showSection("home");