Update reg.html

reg.html

@@ -22,6 +22,8 @@
     body {
       font-family: "Tajawal", sans-serif;
       background: var(--background-light);
+      margin: 0;
+      padding-bottom: 60px; /* مساحة للتذييل */
     }
 
     /* الشريط الجانبي */
@@ -51,6 +53,7 @@
       transition: all 0.3s ease;
       border-radius: 0.5rem;
       margin: 0.25rem 0.5rem;
+      cursor: pointer;
     }
     .nav-link:hover {
       background: #f3f4f6;
@@ -82,6 +85,7 @@
       font-weight: 500;
       width: 100%;
       text-align: center;
+      cursor: pointer;
     }
     .action-button:hover {
       background: var(--primary-hover);
@@ -117,10 +121,11 @@
     }
     /* تنسيق مميز لنتائج خريطة التفكير */
     .mind-map-output {
-      background: #e0f7fa;
+      background: linear-gradient(135deg, #e0f7fa, #b2ebf2);
       padding: 1rem;
       border: 2px dashed #00acc1;
       border-radius: 1rem;
+      font-size: 1.1rem;
     }
     /* تنسيق قسم إنشاء العقود */
     .split-screen {
@@ -190,7 +195,7 @@
     @media (max-width: 768px) {
       .sidebar { transform: translateX(100%); }
       .sidebar.open { transform: translateX(0); }
-      .main-content { margin-right: 0; }
+      .main-content { margin-right: 0; padding: 1rem; }
       .split-screen { grid-template-columns: 1fr; }
     }
   </style>
@@ -213,42 +218,38 @@
         </div>
       </div>
       <nav class="space-y-1">
-        <a href="#" class="nav-link active" data-section="home">
+        <div class="nav-link active" data-section="home">
           <i class="fas fa-home ml-3"></i>
           <span>الرئيسية</span>
-        </a>
-        <a href="#" class="nav-link" data-section="analysis">
+        </div>
+        <div class="nav-link" data-section="analysis">
           <i class="fas fa-balance-scale ml-3"></i>
           <span>التحليل القانوني</span>
-        </a>
-        <a href="#" class="nav-link" data-section="mindMap">
+        </div>
+        <div class="nav-link" data-section="mindMap">
           <i class="fas fa-project-diagram ml-3"></i>
           <span>خريطة التفكير</span>
-        </a>
-        <a href="#" class="nav-link" data-section="search">
+        </div>
+        <div class="nav-link" data-section="search">
           <i class="fas fa-search ml-3"></i>
           <span>البحث القانوني</span>
-        </a>
-        <a href="#" class="nav-link" data-section="documents">
+        </div>
+        <div class="nav-link" data-section="documents">
           <i class="fas fa-file-alt ml-3"></i>
           <span>المستندات</span>
-        </a>
-        <a href="#" class="nav-link" data-section="translation">
+        </div>
+        <div class="nav-link" data-section="translation">
           <i class="fas fa-language ml-3"></i>
           <span>الترجمة القانونية</span>
-        </a>
-        <a href="#" class="nav-link" data-section="consultation">
+        </div>
+        <div class="nav-link" data-section="consultation">
           <i class="fas fa-comments ml-3"></i>
           <span>استشارة قانونية</span>
-        </a>
-        <a href="admin.html" class="nav-link">
-          <i class="fas fa-cogs ml-3"></i>
-          <span>الأعمال الإدارية</span>
-        </a>
-        <a href="#" class="nav-link" data-section="precedents">
+        </div>
+        <div class="nav-link" data-section="precedents">
           <i class="fas fa-gavel ml-3"></i>
           <span>الأحكام والسوابق</span>
-        </a>
+        </div>
       </nav>
     </div>
   </aside>
@@ -281,7 +282,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>
@@ -291,7 +292,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
             </p>
             <button class="action-button" onclick="showSection('search')">ابدأ البحث</button>
           </div>
@@ -360,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 خطوات تحليل الأسباب الجذرية).
+        أدخل الأفكار والخيوط المتعددة لتنظيم القضية بطريقة إبداعية باستخدام منهجيات قوية مثل تحليل SWOT و5 خطوات لتحليل الأسباب الجذرية. ساعد نفسك في التفكير مع النموذج.
       </p>
       <div id="mindMapFields">
          <div class="mb-4">
@@ -385,7 +386,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>
@@ -520,7 +521,7 @@
   </main>
 
   <!-- تذييل الصفحة -->
-  <footer class="text-center py-4 text-gray-600">
+  <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>
 
@@ -529,7 +530,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':
@@ -539,7 +540,7 @@
         case 'mindMap':
           return 'قم بإنشاء خريطة ذهنية لحل القضية باستخدام تقنية تونى بوزان الشهيرة: ';
         case 'search':
-          return 'ابحث عن معلومات قانونية حول: ';
+          return 'ابحث عن معلومات قانونية حول: [منصات: منصة1، منصة2، منصة3] ';
         case 'translation':
           return 'قم بترجمة هذا النص القانوني: ';
         case 'consultation':
@@ -554,7 +555,13 @@
       link.addEventListener("click", (e) => {
         e.preventDefault();
         const section = e.currentTarget.getAttribute("data-section");
-        if(section) showSection(section);
+        if(section) {
+          showSection(section);
+          // إخفاء الشريط الجانبي على الأجهزة المحمولة بعد النقر
+          if(window.innerWidth < 768) {
+            document.querySelector(".sidebar").classList.remove("open");
+          }
+        }
       });
     });
 
@@ -853,7 +860,7 @@ ${formData.contractTerms}
       }
       const resultDiv = document.getElementById("mindMapResult");
       const prompt = getPromptPrefix("mindMap") + "\n" + collectedText +
-                     "\nاستخدم منهجيات قوية مثل تحليل SWOT و5 خطوات تحليل الأسباب الجذرية والنظر في البدائل القانونية لتنظيم القضية بشكل احترافي.";
+                     "\nاستخدم منهجيات قوية مثل تحليل SWOT و5 خطوات لتحليل الأسباب الجذرية مع النظر في البدائل القانونية لتنظيم القضية بشكل احترافي.";
       resultDiv.innerHTML = '<div class="loading-spinner"></div>';
       fetch(API_URL, {
         method: "POST",