From 6f2fe5e2e63f6cac44eca4cd6fe5a6277a250be4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D9=81=D8=A7=D8=B7=D9=85=D9=87=20=D8=AA=D9=82=DB=8C=20?=
 =?UTF-8?q?=D9=BE=D9=88=D8=B1?= <20+f.taghipour@noreply.localhost>
Date: Tue, 10 Nov 2026 10:48:32 +0000
Subject: [PATCH] Update index.html

---
 index.html | 152 +++++++++++++++++++++++------------------------------
 1 file changed, 67 insertions(+), 85 deletions(-)

diff --git a/index.html b/index.html
index 92ee42a..33cc3fa 100644
--- a/index.html
+++ b/index.html
@@ -3,108 +3,85 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>جست‌وجوی اسناد شرکت سادن تل</title>
+    <title>جستجوی اسناد</title>
 
     <style>
-        * {
-            box-sizing: border-box;
-        }
-
-    
-
         body {
             font-family: Tahoma, Arial, sans-serif;
-            background: #f3f5f8;
-            margin: 0;
-            padding: 40px 20px;
-            color: #263238;
+            margin: 30px;
+            background: #ffffff;
+            color: #222;
         }
 
         .container {
-            max-width: 850px;
+            max-width: 1100px;
             margin: auto;
-            background: white;
-            padding: 30px;
-            border-radius: 12px;
-            box-shadow: 0 3px 15px #00000012;
         }
 
         h2 {
             text-align: center;
-            margin-bottom: 10px;
+            margin-bottom: 25px;
         }
 
-        .description {
-            text-align: center;
-            color: #777;
-            margin-bottom: 30px;
-        }
-
-        input {
+        #searchInput {
             width: 100%;
-            padding: 15px;
-            border: 1px solid #ccc;
-            border-radius: 8px;
+            padding: 12px;
+            margin-bottom: 20px;
+            box-sizing: border-box;
+            border: 1px solid #aaa;
+            border-radius: 5px;
             font-size: 15px;
             outline: none;
-            direction: auto;
         }
 
-        input:focus {
-            border-color: #2684d9;
+        #searchInput:focus {
+            border-color: #555;
+        }
+
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            direction: rtl;
+        }
+
+        th, td {
+            border: 1px solid #bbb;
+            padding: 10px;
+            text-align: center;
+        }
+
+        th {
+            background: #f2f2f2;
+            font-weight: bold;
+        }
+
+        td:nth-child(2) {
+            text-align: left;
+            direction: ltr;
+        }
+
+        td:nth-child(3) {
+            direction: ltr;
+        }
+
+        tr:nth-child(even) {
+            background: #fafafa;
         }
 
         #status {
-            margin: 18px 0;
-            color: #777;
-            font-size: 14px;
-        }
-
-        .result {
-            border: 1px solid #e2e6ea;
-            border-radius: 8px;
-            padding: 18px;
-            margin-bottom: 12px;
-        }
-
-        .result h3 {
-            margin: 0 0 15px;
-            font-size: 16px;
-            direction: ltr;
-            text-align: left;
-        }
-
-        .info {
-            display: flex;
-            justify-content: space-between;
-            gap: 10px;
-            padding: 7px 0;
-            font-size: 14px;
-            border-top: 1px solid #eee;
-        }
-
-        .info span:first-child {
-            color: #777;
-        }
-
-        .info span:last-child {
-            direction: ltr;
-            text-align: left;
-        }
-
-        .empty {
-            text-align: center;
-            padding: 25px;
-            color: #888;
+            margin-top: 15px;
+            color: #555;
+            font-size: 13px;
         }
 
         @media (max-width: 600px) {
-            .container {
-                padding: 20px;
+            body {
+                margin: 12px;
             }
 
-            .info {
-                flex-wrap: wrap;
+            th, td {
+                padding: 7px 4px;
+                font-size: 12px;
             }
         }
     </style>
@@ -114,26 +91,31 @@
 
 <div class="container">
 
-    <h2>سامانه جست‌وجوی اسناد</h2>
-
-    <p class="description">
-        جست‌وجو بر اساس عنوان یا شناسه داخلی سند
-    </p>
+    <h2>جستجوی اسناد</h2>
 
     <input
         type="text"
         id="searchInput"
-        placeholder="نام سند یا شناسه مانند DOC-S300-015 را وارد کنید..."
-        disabled
+        placeholder="جستجو بر اساس عنوان سند یا شناسه داخلی سند..."
     >
 
-    <div id="status">در حال بارگذاری اسناد...</div>
+    <table>
+        <thead>
+            <tr>
+                <th>ردیف</th>
+                <th>عنوان سند</th>
+                <th>شناسه داخلی سند</th>
+            </tr>
+        </thead>
 
-    <div id="results"></div>
+        <tbody id="results">
+        </tbody>
+    </table>
+
+    <div id="status">در حال دریافت اطلاعات...</div>
 
 </div>
 
-
 <script src="./search.js"></script>
 
 </body>