Update index.html

Author: Bahamortadha2021

index.html

@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
   <title>فَوْتَرَة - نظام الفوترة الجزائري</title>
   <style>
-    /* جميع الأنماط السابقة مع تحسين لون المدفوع */
+    /* جميع الأنماط السابقة مع تحسين لون المبلغ المدفوع */
     @font-face {
       font-family: "Optimistic";
       font-style: normal;
@@ -330,9 +330,8 @@
         height: 30px !important;
       }
       .paid-input {
-        width: 100px !important;
+        width: 80px !important;
         font-size: 0.9rem !important;
-        height: 34px !important;
       }
     }
     @media (min-width: 481px) and (max-width: 768px) {
@@ -1248,39 +1247,40 @@
     }
     /* نهاية أنماط السلة */
 
-    /* ====== أنماط المدفوع والباقي (محسّنة) ====== */
+    /* ====== تحسين أنماط المبلغ المدفوع ====== */
     .paid-remaining-row {
       display: flex;
       flex-direction: column;
       gap: 4px;
     }
-    /* تحسين حقل المبلغ المدفوع: لون أسود واضح، خلفية بيضاء في الوضع الفاتح، داكنة في الوضع الداكن */
     .paid-input {
-      width: 150px;
-      height: 40px;
-      border-radius: 10px;
+      width: 140px;
+      height: 36px;
+      border-radius: 8px;
       border: 1px solid #cbd5e1;
-      background: #ffffff;
-      padding: 0 12px;
+      background: white;
+      padding: 0 8px;
       text-align: left;
       font-weight: 700;
-      font-size: 1.05rem;
+      font-size: 1rem;
       color: #000000 !important; /* أسود واضح */
-      transition: border-color 0.2s, box-shadow 0.2s;
+      caret-color: #000000;
       outline: none;
+      transition: border-color 0.2s;
     }
     .paid-input:focus {
       border-color: #0ea5e9;
-      box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.25);
+      box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.2);
     }
     .dark .paid-input {
       background: #0f172a;
       border-color: #475569;
-      color: #ffffff !important; /* في الوضع الداكن يصبح أبيض للتباين */
+      color: #f1f5f9 !important; /* أبيض فاتح في الوضع الداكن */
+      caret-color: #f1f5f9;
     }
     .dark .paid-input:focus {
       border-color: #38bdf8;
-      box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.25);
+      box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.2);
     }
     .remaining-amount {
       font-weight: 900;
@@ -1290,7 +1290,7 @@
     .remaining-amount.negative {
       color: #ef4444;
     }
-    /* نهاية أنماط المدفوع */
+    /* نهاية تحسينات المدفوع */
   </style>
   <link rel="preconnect" href="https://fonts.googleapis.com" />
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
@@ -1891,6 +1891,7 @@ <h3 id="modal-title" class="font-extrabold text-lg">سلة المشتريات</h
       } catch (e) {}
     }
 
+    // دالة تفريغ السلة
     function clearCart() {
       if (cart.length === 0) {
         showToast('السلة فارغة بالفعل', 'warning');
@@ -1922,6 +1923,7 @@ <h3 id="modal-title" class="font-extrabold text-lg">سلة المشتريات</h
             state.notifications.settings = { lowStockThreshold: 5, overdueDays: 30, enableLowStock: true,
               enableOverdue: true, enableNewInvoice: true, enableSystem: true };
           }
+          // ترقية الفواتير القديمة لإضافة paidAmount
           let needSave = false;
           for (const inv of state.invoices) {
             if (inv.paidAmount === undefined) {
@@ -3276,7 +3278,7 @@ <h3 id="modal-title" class="font-extrabold text-lg">سلة المشتريات</h
     }
 
     // ================================================================
-    //  SETTINGS
+    //  SETTINGS (نفس الشيء)
     // ================================================================
     function loadSettings() {
       const c = state.company;
@@ -3419,6 +3421,7 @@ <h3 id="modal-title" class="font-extrabold text-lg">سلة المشتريات</h
             await saveImage('stamp', data.company.stamp);
             data.company.stamp = '';
           }
+          // إضافة paidAmount للفواتير المستوردة
           for (const inv of data.invoices) {
             if (inv.paidAmount === undefined) inv.paidAmount = 0;
           }
@@ -3748,7 +3751,7 @@ <h3 id="modal-title" class="font-extrabold text-lg">سلة المشتريات</h
     }
 
     // ================================================================
-    //  CREATE INVOICE FROM CART
+    //  CREATE INVOICE FROM CART (مع إضافة المدفوع صفر)
     // ================================================================
     function createInvoiceFromCart(customer) {
       if (cart.length === 0) { showToast('السلة فارغة', 'error'); return; }