Add admin dashboard and update form submission script

Signed-off-by: abdurhamanmohammeda-a11y <abdurhamanmohammeda@gmail.com>

Author: abdurhamanmohammeda-a11y

index.html

@@ -76,6 +76,43 @@ <h2>👨‍🔧 Request Expert Advice</h2>
     <footer style="text-align: center; padding: 20px; font-size: 14px; color: #8b949e;">
         <p>&copy; 2026 Abdurhaman Mohammed | Dire Dawa, Ethiopia</p>
     </footer>
+    <script>
+<section id="admin-dashboard" style="display:none; padding:80px 20px; background:#f0f2f5;">
+    <div class="container">
+        <h2 style="color:#1a1a1a;">SBM Admin Dashboard</h2>
+        
+        <div style="display:flex; gap:20px; margin-bottom:30px;">
+            <div style="background:#ff9900; color:#fff; padding:20px; border-radius:10px; flex:1;">
+                <h3>Total Bookings</h3>
+                <p id="total-count" style="font-size:2rem; font-weight:bold;">0</p>
+            </div>
+            <div style="background:#222; color:#fff; padding:20px; border-radius:10px; flex:1;">
+                <h3>Status</h3>
+                <p style="font-size:1.5rem;">System Active</p>
+            </div>
+        </div>
+
+        <div style="overflow-x:auto; background:#fff; padding:20px; border-radius:10px; box-shadow:0 4px 10px rgba(0,0,0,0.1);">
+            <table style="width:100%; border-collapse: collapse; text-align:left;">
+                <thead style="background:#eee;">
+                    <tr>
+                        <th style="padding:12px;">Date</th>
+                        <th style="padding:12px;">Name</th>
+                        <th style="padding:12px;">Machine/Issue</th>
+                    </tr>
+                </thead>
+                <tbody id="admin-table-body">
+                    </tbody>
+            </table>
+        </div>
+        <button onclick="logoutAdmin()" style="margin-top:20px; background:red; color:white; border:none; padding:10px 20px; border-radius:5px; cursor:pointer;">Logout</button>
+    </div>
+</section>
+
+<div style="text-align:center; padding:20px;">
+    <p onclick="adminLogin()" style="color:#ccc; cursor:pointer; font-size:0.8rem;">Admin Login</p>
+</div>
+</script>
         </script>
 <script>
     function checkMachineStatus() {
@@ -147,14 +184,14 @@ <h2>👨‍🔧 Request Expert Advice</h2>
 </script>
     <Script>
 async function submitToDatabase(event) {
-    event.preventDefault(); // Fuulli akka refresh hin taane
+    event.preventDefault(); Fuulli akka refresh hin taane
 
 
     let name = document.getElementById('name').value;
     let msg = document.getElementById('msg').value;
 
 
-    const scriptURL = https://script.google.com/macros/s/AKfycbyuBeTxVIg5gBJ0e5IRudXiqbwbNFKqcXtQMuGsiee_aFJzWBRvuKgem1kHRgWzHMtr/exec
+    const scriptURL = https:script.google.com/macros/s/AKfycbyuBeTxVIg5gBJ0e5IRudXiqbwbNFKqcXtQMuGsiee_aFJzWBRvuKgem1kHRgWzHMtr/exec
 
     let data = { 
         name: name, 
@@ -166,7 +203,7 @@ <h2>👨‍🔧 Request Expert Advice</h2>
          3. Data gara Google Sheets erguu
         await fetch(scriptURL, { 
             method: 'POST', 
-            mode: 'no-cors', // Bilbilaaf murteessaadha
+            mode: 'no-cors', Bilbilaaf murteessaadha
             body: JSON.stringify(data) 
         });
 
@@ -251,7 +288,7 @@ <h2>👨‍🔧 Request Expert Advice</h2>
 </script>
     <Script>
 async function submitToDatabase(event) {
-    event.preventDefault(); // Fuulli akka refresh hin taane
+    event.preventDefault(); Fuulli akka refresh hin taane
 
  Data foomii irraa fuudhuu
     let name = document.getElementById('name').value;
@@ -270,7 +307,7 @@ <h2>👨‍🔧 Request Expert Advice</h2>
         Data gara Google Sheets erguu
         await fetch(scriptURL, { 
             method: 'POST', 
-            mode: 'no-cors', // Bilbilaan yoo ta'e kana dabalachuu qabna
+            mode: 'no-cors',  Bilbilaan yoo ta'e kana dabalachuu qabna
             body: JSON.stringify(data) 
         });