Update reg.html

reg.html

@@ -246,7 +246,7 @@
           <i class="fas fa-comments ml-3"></i>
           <span>استشارة قانونية</span>
         </div>
-        <div class="nav-link" data-section="precedents">
+        <div class="nav-link" data-section="contracts">
           <i class="fas fa-gavel ml-3"></i>
           <span>الأحكام والسوابق</span>
         </div>
@@ -266,7 +266,7 @@
     <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>
@@ -277,6 +277,7 @@
             <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>
@@ -287,6 +288,7 @@
             <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>
@@ -297,6 +299,7 @@
             <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>
@@ -307,6 +310,7 @@
             <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>
@@ -317,6 +321,7 @@
             <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>
@@ -386,7 +391,7 @@
     <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>
+        <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>
@@ -527,10 +532,10 @@
 
   <!-- سكربتات الموقع -->
   <script>
-    // استخدام API كما كان سابقاً
+    // تعريف API النصي (للقسم غير المعتمد على رفع الملفات)
     const API_URL = 'https://g2mgow5tgbxsjy-7777.proxy.runpod.net/proxy/8000/chat';
 
-    // دالة الحصول على البادئة (prompt prefix) بناءً على القسم مع برومبت ثابت للبحث
+    // دالة الحصول على البادئة (prompt prefix) بناءً على القسم مع برومبت ثابت
     function getPromptPrefix(section) {
       switch(section) {
         case 'analysis':
@@ -598,11 +603,38 @@
       });
     });
 
-    // دالة إرسال الطلبات العامة لجميع الأقسام باستخدام API الموحد
+    // دالة إرسال الطلبات العامة لجميع الأقسام
     async function handleSubmit(section) {
       const container = document.getElementById(section);
       const textarea = container.querySelector("textarea");
       const resultDiv = container.querySelector(".response-container");
+
+      // إذا كان القسم "analysis" وتوجد ملفات PDF مرفقة، نستخدم API رفع الملفات
+      if (section === 'analysis') {
+        const fileInput = container.querySelector("#analysisPDF");
+        if (fileInput && fileInput.files && fileInput.files.length > 0) {
+          let formData = new FormData();
+          formData.append("file", fileInput.files[0]);
+          resultDiv.innerHTML = '<div class="loading-spinner"></div>';
+          try {
+            const uploadResponse = await fetch('https://g2mgow5tgbxsjy-7777.proxy.runpod.net/proxy/8000/upload', {
+              method: "POST",
+              body: formData
+            });
+            if (!uploadResponse.ok) {
+              throw new Error("فشل رفع الملف");
+            }
+            const uploadData = await uploadResponse.json();
+            resultDiv.innerHTML = uploadData.response || "";
+          } catch (error) {
+            console.error("Error:", error);
+            resultDiv.innerHTML = '<div class="text-red-500">حدث خطأ في رفع الملف. يرجى المحاولة مرة أخرى.</div>';
+          }
+          return; // عند التعامل مع الملف نتوقف هنا
+        }
+      }
+
+      // إذا لم يوجد ملف (أو في الأقسام الأخرى) نستخدم النص المُدخل
       const text = textarea.value.trim();
       if (!text) {
         alert("الرجاء إدخال نص");
@@ -612,15 +644,16 @@
         message: getPromptPrefix(section) + text,
         history: []
       };
+
+      resultDiv.innerHTML = '<div class="loading-spinner"></div>';
       try {
-        resultDiv.innerHTML = '<div class="loading-spinner"></div>';
         const response = await fetch(API_URL, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify(payload)
         });
         if (!response.ok) {
-          throw new Error("Network response was not ok");
+          throw new Error("فشل الاستجابة من الخادم");
         }
         const data = await response.json();
         resultDiv.innerHTML = data.response || "";