Update reg.html

reg.html

@@ -248,7 +248,11 @@
         </div>
         <div class="nav-link" data-section="precedents">
           <i class="fas fa-gavel ml-3"></i>
-          <span>الأحكام والسوابق</span>
+          <span>الأحكام والقوانين</span>
+        </div>
+        <div class="nav-link" data-section="latestUpdates">
+          <i class="fas fa-newspaper ml-3"></i>
+          <span>آخر التحديثات</span>
         </div>
       </nav>
     </div>
@@ -265,14 +269,14 @@
     <!-- قسم الرئيسية -->
     <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>
@@ -282,7 +286,7 @@
             <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>
@@ -292,7 +296,7 @@
             <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
+              ابحث عن معلومات قانونية مع برومبت ثابت يشمل منصات: منصة1، منصة2، منصة3.
             </p>
             <button class="action-button" onclick="showSection('search')">ابدأ البحث</button>
           </div>
@@ -302,7 +306,7 @@
             <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>
@@ -312,7 +316,7 @@
             <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
+              ترجمة احترافية للوثائق القانونية مع إمكانية التنزيل كملف PDF.
             </p>
             <button class="action-button" onclick="showSection('translation')">ترجمة</button>
           </div>
@@ -322,12 +326,45 @@
             <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>
+      <!-- مجموعة الخدمات الإضافية -->
+      <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>
     </section>
 
     <!-- قسم التحليل القانوني -->
@@ -361,7 +398,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 خطوات لتحليل الأسباب الجذرية. ساعد نفسك في التفكير مع النموذج.
+        أدخل الأفكار والخيوط المتعددة لتنظيم القضية بطريقة إبداعية باستخدام منهجيات قوية مثل تحليل SWOT و5 خطوات لتحليل الأسباب الجذرية. ساعد نفسك على التفكير مع النموذج.
       </p>
       <div id="mindMapFields">
          <div class="mb-4">
@@ -382,58 +419,25 @@
       <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>
+    <!-- قسم مقارنة النصوص القانونية -->
+    <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" placeholder="اكتب استعلام البحث القانوني..." ></textarea>
-        <button class="action-button mt-4" onclick="handleSubmit('search')">بحث</button>
-        <div id="searchResult" class="mt-4 response-container"></div>
+        <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="translation" class="section hidden">
-      <h2 class="text-3xl font-bold text-gray-800 mb-8">الترجمة القانونية</h2>
+    <!-- قسم آخر التحديثات القانونية في مصر -->
+    <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">
-        <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>
+        <button class="action-button" onclick="fetchLatestUpdates()">عرض آخر التحديثات</button>
+        <div id="latestUpdatesResult" class="mt-4 response-container">
+          <!-- سيتم تعبئتها بأحدث الأخبار -->
         </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>
 
@@ -530,7 +534,7 @@
     // استخدام API كما كان سابقاً
     const API_URL = 'https://g2mgow5tgbxsjy-7777.proxy.runpod.net/proxy/8000/chat';
 
-    // دالة الحصول على البادئة (prompt prefix) بناءً على القسم مع برومبت ثابت للبحث
+    // دالة الحصول على البادئة (prompt prefix) بناءً على القسم
     function getPromptPrefix(section) {
       switch(section) {
         case 'analysis':
@@ -545,6 +549,9 @@
           return 'قم بترجمة هذا النص القانوني: ';
         case 'consultation':
           return 'أحتاج استشارة قانونية في الموضوع التالي: ';
+        case 'precedents':
+          // سيتم التعامل مع حالة المقارنة في handleSubmit
+          return '';
         default:
           return '';
       }
@@ -557,7 +564,7 @@
         const section = e.currentTarget.getAttribute("data-section");
         if(section) {
           showSection(section);
-          // إخفاء الشريط الجانبي على الأجهزة المحمولة بعد النقر
+          // إخفاء الشريط الجانبي على الأجهزة المحمولة
           if(window.innerWidth < 768) {
             document.querySelector(".sidebar").classList.remove("open");
           }
@@ -601,17 +608,34 @@
     // دالة إرسال الطلبات العامة لجميع الأقسام باستخدام 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;
+      let payload = { message: "", history: [] };
+      let resultDiv = container.querySelector(".response-container");
+      
+      // حالة خاصة لقسم المقارنة (precedents)
+      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;
       }
-      const payload = {
-        message: getPromptPrefix(section) + text,
-        history: []
-      };
+      
       try {
         resultDiv.innerHTML = '<div class="loading-spinner"></div>';
         const response = await fetch(API_URL, {
@@ -619,7 +643,7 @@
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify(payload)
         });
-        if (!response.ok) {
+        if(!response.ok) {
           throw new Error("Network response was not ok");
         }
         const data = await response.json();
@@ -657,7 +681,7 @@
     document.querySelectorAll("#firstPartyID, #secondPartyID").forEach(input => {
       input.addEventListener("input", function() {
         this.value = this.value.replace(/[^0-9]/g, '');
-        if (this.value.length > 14) {
+        if(this.value.length > 14) {
           this.value = this.value.slice(0, 14);
         }
       });
@@ -688,8 +712,6 @@
     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,
@@ -706,12 +728,9 @@
         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) {
+      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">
@@ -720,8 +739,6 @@
         `;
         return;
       }
-
-      // تحديث واجهة المستخدم لحالة التحميل
       button.textContent = 'جاري إنشاء العقد...';
       button.disabled = true;
       outputDiv.innerHTML = `
@@ -730,17 +747,13 @@
           <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}
@@ -771,27 +784,17 @@ ${formData.contractTerms}
 2. بند حكم التمهيد يوضح أن التمهيد جزء لا يتجزأ من العقد
 3. تنسيق قانوني رسمي
 4. مكان للتوقيع في النهاية مع كتابة "طرف أول" و "طرف ثاني"`;
-
-        // إرسال الطلب إلى API الخاص بالعقود
         const response = await fetch(API_URL, {
           method: 'POST',
-          headers: {
-            'Content-Type': 'application/json'
-          },
-          body: JSON.stringify({
-            message: prompt,
-            history: []
-          })
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ message: prompt, history: [] })
         });
-
-        if (!response.ok) {
+        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) {
+      } catch(error) {
         outputDiv.innerHTML = `
           <div class="text-red-600 font-bold">
             عذراً، حدث خطأ في إنشاء العقد. يرجى المحاولة مرة أخرى.
@@ -804,14 +807,14 @@ ${formData.contractTerms}
         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()) {
+      if(!content.trim()) {
         alert("لا يوجد نص للترجمة لتنزيله");
         return;
       }
@@ -825,7 +828,7 @@ ${formData.contractTerms}
       const { jsPDF } = window.jspdf;
       const doc = new jsPDF({ orientation: "portrait", unit: "pt", format: "a4" });
       const content = document.getElementById("analysisResult").innerText;
-      if (!content.trim()) {
+      if(!content.trim()) {
         alert("لا يوجد نص للتحليل لتنزيله");
         return;
       }
@@ -854,7 +857,7 @@ ${formData.contractTerms}
           collectedText += `الخيط ${index + 1}: ${value}\n`;
         }
       });
-      if (!collectedText.trim()) {
+      if(!collectedText.trim()) {
         alert("الرجاء إدخال بعض الأفكار لإنشاء خريطة التفكير");
         return;
       }
@@ -877,6 +880,19 @@ ${formData.contractTerms}
       });
     }
 
+    // وظيفة جلب آخر التحديثات القانونية (محاكاة)
+    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");