taha1444/choco-ruby-order-magic
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Choco Ruby - Admin Dashboard</title>7 <script src="https://cdn.tailwindcss.com"></script>8 <script src="https://unpkg.com/feather-icons"></script>9 <!-- Firebase SDK -->10 <script src="https://www.gstatic.com/firebasejs/9.6.0/firebase-app-compat.js"></script>11 <script src="https://www.gstatic.com/firebasejs/9.6.0/firebase-database-compat.js"></script>12 <link rel="stylesheet" href="style.css">13</head>14<body class="bg-gray-100">15 <div class="min-h-screen">16 <!-- Login Screen -->17 <div id="loginScreen" class="flex items-center justify-center min-h-screen">18 <div class="bg-white p-8 rounded-lg shadow-md w-full max-w-md">19 <h1 class="text-2xl font-bold text-center mb-6">Admin Login</h1>20 <input type="password" id="adminPassword" placeholder="Enter admin password" 21 class="w-full p-2 border rounded mb-4">22 <button onclick="checkLogin()" 23 class="w-full bg-indigo-600 text-white py-2 rounded hover:bg-indigo-700">24 Login25 </button>26 </div>27 </div>28 29 <!-- Admin Dashboard -->30 <div id="dashboard" class="hidden">31 <header class="bg-white shadow">32 <div class="max-w-7xl mx-auto py-4 px-4 sm:px-6 lg:px-8 flex justify-between items-center">33 <h1 class="text-xl font-bold text-gray-900">Choco Ruby Orders</h1>34 <button onclick="logout()" class="text-indigo-600 hover:text-indigo-800">35 Logout36 </button>37 </div>38 </header>39 40 <main class="max-w-7xl mx-auto py-6 sm:px-6 lg:px-8">41 <div class="px-4 py-6 sm:px-0">42 <div class="bg-white shadow overflow-hidden sm:rounded-lg">43 <div class="px-4 py-5 sm:px-6">44 <h3 class="text-lg leading-6 font-medium text-gray-900">Recent Orders</h3>45 </div>46 <div class="border-t border-gray-200">47 <div id="ordersList" class="divide-y divide-gray-200">48 <!-- Orders will be dynamically inserted here -->49 </div>50 </div>51 </div>52 </div>53 </main>54 </div>55 </div>56 57 <script>58 // Initialize Firebase59 const firebaseConfig = {60 apiKey: "YOUR_API_KEY",61 authDomain: "YOUR_AUTH_DOMAIN",62 databaseURL: "YOUR_DATABASE_URL",63 projectId: "YOUR_PROJECT_ID",64 storageBucket: "YOUR_STORAGE_BUCKET",65 messagingSenderId: "YOUR_SENDER_ID",66 appId: "YOUR_APP_ID"67 };68 firebase.initializeApp(firebaseConfig);69 </script>70 <script src="admin.js"></script>71 <script>feather.replace();</script>72</body>73</html>