Update reg.html

reg.html

@@ -249,11 +249,6 @@
           <i class="fas fa-gavel ml-3"></i>
           <span>الأحكام والسوابق</span>
         </a>
-        <!-- إضافة رابط قسم نشر فاست برو -->
-        <a href="#" class="nav-link" data-section="fastpro">
-          <i class="fas fa-newspaper ml-3"></i>
-          <span>نشر فاست برو</span>
-        </a>
       </nav>
     </div>
   </aside>
@@ -278,7 +273,6 @@
             <p class="text-gray-600 mb-4">
               تحليل متكامل للقضايا والمستندات القانونية باستخدام الذكاء الاصطناعي
             </p>
-            <!-- تغيير الزر لتوجيه المستخدم للقسم -->
             <button class="action-button" onclick="showSection('analysis')">ابدأ التحليل</button>
           </div>
         </div>
@@ -287,7 +281,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>
@@ -366,13 +360,25 @@
     <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 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('mindMap')">إنشاء خريطة التفكير</button>
-        <div id="mindMapResult" class="mt-4 response-container mind-map-output"></div>
+      <div id="mindMapFields">
+         <div class="mb-4">
+            <label class="block text-gray-700 font-bold mb-2">الفكرة الرئيسية:</label>
+            <input type="text" class="w-full p-3 border rounded" placeholder="اكتب الفكرة الرئيسية للقضية" />
+         </div>
+         <div class="mb-4">
+            <label class="block text-gray-700 font-bold mb-2">الأساس القانوني:</label>
+            <input type="text" class="w-full p-3 border rounded" placeholder="اكتب الأساس القانوني" />
+         </div>
+         <div class="mb-4">
+            <label class="block text-gray-700 font-bold mb-2">النقاط الرئيسية:</label>
+            <input type="text" class="w-full p-3 border rounded" placeholder="اكتب النقاط الرئيسية" />
+         </div>
       </div>
+      <button id="addMindMapField" class="action-button mt-4">إضافة خط جديد</button>
+      <button class="action-button mt-4" onclick="handleMindMap()">إنشاء خريطة التفكير</button>
+      <div id="mindMapResult" class="mt-4 response-container mind-map-output"></div>
     </section>
 
     <!-- قسم البحث القانوني -->
@@ -511,19 +517,13 @@
         </div>
       </div>
     </section>
-
-    <!-- قسم نشر فاست برو -->
-    <section id="fastpro" 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">
-        <input type="text" id="postTitle" class="w-full p-3 border rounded mb-4" placeholder="عنوان المنشور" />
-        <textarea id="postContent" class="w-full p-3 border rounded" placeholder="محتوى المنشور..."></textarea>
-        <button class="action-button mt-4" onclick="handlePost()">نشر المنشور</button>
-      </div>
-      <div id="postResult" class="mt-4 response-container"></div>
-    </section>
   </main>
 
+  <!-- تذييل الصفحة -->
+  <footer class="text-center py-4 text-gray-600">
+    © Copyright 2025・<span class="font-bold">FASTPRO</span>・All rights reserved.
+  </footer>
+
   <!-- سكربتات الموقع -->
   <script>
     // استخدام API كما كان سابقاً
@@ -827,23 +827,47 @@ ${formData.contractTerms}
       doc.save("analysis.pdf");
     });
 
-    // وظيفة نشر منشور فاست برو
-    function handlePost() {
-      const title = document.getElementById("postTitle").value.trim();
-      const content = document.getElementById("postContent").value.trim();
-      const resultDiv = document.getElementById("postResult");
-      if(!title || !content) {
-        resultDiv.innerHTML = '<div class="text-red-500">يرجى ملء عنوان المنشور والمحتوى</div>';
+    // وظيفة إضافة حقل جديد في قسم خريطة التفكير
+    document.getElementById("addMindMapField").addEventListener("click", function() {
+      const container = document.getElementById("mindMapFields");
+      const newFieldDiv = document.createElement("div");
+      newFieldDiv.className = "mb-4";
+      newFieldDiv.innerHTML = `<label class="block text-gray-700 font-bold mb-2">خط جديد:</label>
+         <input type="text" class="w-full p-3 border rounded" placeholder="اكتب فكرة جديدة" />`;
+      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;
       }
-      // هنا يمكن إضافة منطق إرسال البيانات إلى الخادم
-      resultDiv.innerHTML = `
-        <div class="text-green-600 font-bold">
-          تم نشر المنشور بنجاح!
-          <br>
-          <a href="https://ufastpro.com" class="text-blue-600 underline" target="_blank">زيارة موقع فاست برو</a>
-        </div>
-      `;
+      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",
+        headers: { "Content-Type": "application/json" },
+        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"