هناك مشاكل كثيرة مثل ان السكربت كله لا يعمل و لا يوجد عرض يولد و كل الازرار لا تعمل - Follow Up Deployment

index.html

@@ -4,9 +4,13 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>نظام عروض الأسعار - المصرية للمقاولات الكهروميكانيكية</title>
-    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://cdn.tailwindcss.com?plugins=forms"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
+        :root {
+            --primary-color: #1e40af;
+            --primary-hover: #1e3fa8;
+        }
         @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap');
         
         body {
@@ -504,8 +508,11 @@
         // Calculate item total
         function calculateItemTotal() {
             const row = this.closest('tr');
-            const quantity = parseFloat(row.querySelector('.item-quantity').value) || 0;
-            const unitPrice = parseFloat(row.querySelector('.item-unit-price').value) || 0;
+            let quantity = parseFloat(row.querySelector('.item-quantity').value);
+            let unitPrice = parseFloat(row.querySelector('.item-unit-price').value);
+            
+            if (isNaN(quantity) || quantity < 0) quantity = 0;
+            if (isNaN(unitPrice) || unitPrice < 0) unitPrice = 0;
             const total = quantity * unitPrice;
             
             row.querySelector('.item-total').textContent = total.toFixed(2);
@@ -558,8 +565,20 @@
             const validityDays = document.getElementById('validityDays').value || 30;
             const notes = document.getElementById('notes').value;
             
-            if (!clientName || !quoteDate || !quoteNumber || items.length === 0) {
-                alert('الرجاء إدخال جميع البيانات المطلوبة وإضافة بنود للعرض');
+            if (!clientName) {
+                alert('الرجاء إدخال اسم الجهة');
+                return;
+            }
+            if (!quoteDate) {
+                alert('الرجاء إدخال تاريخ العرض');
+                return;
+            }
+            if (!quoteNumber) {
+                alert('الرجاء إدخال رقم العرض');
+                return;
+            }
+            if (items.length === 0) {
+                alert('الرجاء إضافة بنود للعرض');
                 return;
             }
             
@@ -574,7 +593,9 @@
             const itemsPerPage = 7;
             const pageCount = Math.ceil(items.length / itemsPerPage);
             
-            for (let i = 0; i < pageCount; i++) {
+            // Always show at least one page even if no items
+            const actualPageCount = Math.max(1, pageCount);
+            for (let i = 0; i < actualPageCount; i++) {
                 const pageItems = items.slice(i * itemsPerPage, (i + 1) * itemsPerPage);
                 
                 // Clone the quote template
@@ -673,7 +694,7 @@
             document.getElementById('previewSection').classList.remove('hidden');
         }
         
-        // Format date as DD/MM/YYYY
+        // Format date from YYYY-MM-DD to DD/MM/YYYY
         function formatDate(dateString) {
             const date = new Date(dateString);
             const day = date.getDate().toString().padStart(2, '0');
@@ -759,6 +780,14 @@
             // Load settings
             loadSettings();
             
+            // Set default date
+            const today = new Date();
+            const formattedDate = today.toISOString().split('T')[0];
+            document.getElementById('quoteDate').value = formattedDate;
+            
+            // Generate random quote number
+            document.getElementById('quoteNumber').value = 'Q-' + Math.floor(1000 + Math.random() * 9000);
+            
             // Set today's date as default
             const today = new Date().toISOString().split('T')[0];
             document.getElementById('quoteDate').value = today;
@@ -776,7 +805,20 @@
             document.getElementById('generateQuoteBtn').addEventListener('click', generateQuote);
             
             // Preview button
-            document.getElementById('previewBtn').addEventListener('click', generateQuote);
+            document.getElementById('previewBtn').addEventListener('click', function() {
+                if (validateForm()) {
+                    generateQuote();
+                }
+            });
+            
+            function validateForm() {
+                const clientName = document.getElementById('clientName').value;
+                if (!clientName) {
+                    alert('الرجاء إدخال اسم الجهة');
+                    return false;
+                }
+                return true;
+            }
             
             // Back to input button
             document.getElementById('backToInputBtn').addEventListener('click', function() {