voicemenuspe

Sleeping

App Files Files Community

lokesh341 commited on 16 days ago

Commit

a11265e

verified ·

1 Parent(s): f8101ff

Update templates/menu_page.html

Browse files

Files changed (1) hide show

templates/menu_page.html +57 -15

templates/menu_page.html CHANGED Viewed

@@ -4,7 +4,6 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Biryani Hub Menu</title>
-    <!-- Bootstrap CSS -->
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
     <style>
         body { font-family: Arial, sans-serif; background-color: #f8f8f8; margin: 0; padding: 0; }
@@ -18,9 +17,22 @@
         .menu-option button { font-size: 1.2rem; padding: 10px 20px; margin: 10px; cursor: pointer; }
         .cart-container { margin-top: 30px; padding: 10px; border: 1px solid #ddd; border-radius: 5px; background-color: #eaf3e1; }
         .cart-item { display: flex; justify-content: space-between; margin-bottom: 10px; }
-        .view-cart-container { position: fixed; bottom: 20px; right: 20px; z-index: 999; }
-        .view-cart-button { background-color: #007bff; color: #fff; padding: 10px 20px; border-radius: 50px; font-size: 1rem; font-weight: bold; text-decoration: none; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); display: flex; align-items: center; justify-content: center; }
-        .view-cart-button:hover { background-color: #0056b3; text-decoration: none; }
     </style>
 </head>
 <body>
@@ -36,14 +48,25 @@
         <button onclick="viewCart()">View Cart</button>
     </div>
     <div class="cart-container" id="cart-container" style="display:none;">
         <h2>Your Cart</h2>
         <div id="cart-items"></div>
         <button onclick="placeOrder()">Place Final Order</button>
     </div>
-    <div class="view-cart-container">
-        <a href="javascript:void(0);" class="view-cart-button" onclick="viewCart()">View Cart</a>
     </div>
     <script>
@@ -51,18 +74,12 @@
             veg: [
                 { name: 'Samosa', price: 9, ingredients: 'Potatoes, Peas, Flour, Spices', description: 'Crispy fried pastry filled with spiced potatoes and peas.', imageUrl: 'https://via.placeholder.com/100' },
                 { name: 'Onion Pakoda', price: 10, ingredients: 'Onions, Gram Flour, Spices', description: 'Deep-fried onion fritters seasoned with herbs and spices.', imageUrl: 'https://via.placeholder.com/100' },
-                { name: 'Chilli Gobi', price: 12, ingredients: 'Cauliflower, Chili Sauce, Spices', description: 'Cauliflower florets tossed in a spicy chili sauce.', imageUrl: 'https://via.placeholder.com/100' },
-                { name: 'Paneer Butter Masala', price: 13, ingredients: 'Paneer, Tomato, Butter, Spices', description: 'Soft paneer cubes in a creamy, flavorful gravy.', imageUrl: 'https://via.placeholder.com/100' },
-                { name: 'Aloo Gobi', price: 10, ingredients: 'Potatoes, Cauliflower, Spices', description: 'A traditional Indian curry with potatoes and cauliflower.', imageUrl: 'https://via.placeholder.com/100' },
-                { name: 'Vegetable Biryani', price: 15, ingredients: 'Basmati Rice, Mixed Vegetables, Spices', description: 'Aromatic rice cooked with seasonal vegetables and spices.', imageUrl: 'https://via.placeholder.com/100' }
             ],
             nonVeg: [
                 { name: 'Chicken Biryani', price: 14, ingredients: 'Chicken, Basmati Rice, Spices', description: 'Aromatic basmati rice cooked with tender chicken and spices.', imageUrl: 'https://via.placeholder.com/100' },
                 { name: 'Mutton Biryani', price: 16, ingredients: 'Mutton, Basmati Rice, Spices', description: 'Flavorful rice dish made with succulent mutton and aromatic spices.', imageUrl: 'https://via.placeholder.com/100' },
-                { name: 'Butter Chicken', price: 15, ingredients: 'Chicken, Tomato, Butter, Cream', description: 'Tender chicken cooked in a rich, creamy tomato sauce.', imageUrl: 'https://via.placeholder.com/100' },
-                { name: 'Chicken Tikka', price: 12, ingredients: 'Chicken, Yogurt, Spices', description: 'Grilled chicken marinated in yogurt and spices.', imageUrl: 'https://via.placeholder.com/100' },
-                { name: 'Prawn Masala', price: 20, ingredients: 'Prawns, Spices, Tomatoes', description: 'Juicy prawns cooked in a flavorful, spicy masala.', imageUrl: 'https://via.placeholder.com/100' }
             ]
         };
@@ -71,7 +88,6 @@
         function showMenu(type) {
             const menuContainer = document.getElementById('menu-items');
             menuContainer.innerHTML = ''; // Clear previous menu items
             menuItems[type].forEach(item => {
                 const div = document.createElement('div');
                 div.classList.add('menu-item');
@@ -123,6 +139,32 @@
                 alert("Your cart is empty. Please add items before placing the order.");
             }
         }
     </script>
 </body>

     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Biryani Hub Menu</title>
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
     <style>
         body { font-family: Arial, sans-serif; background-color: #f8f8f8; margin: 0; padding: 0; }
         .menu-option button { font-size: 1.2rem; padding: 10px 20px; margin: 10px; cursor: pointer; }
         .cart-container { margin-top: 30px; padding: 10px; border: 1px solid #ddd; border-radius: 5px; background-color: #eaf3e1; }
         .cart-item { display: flex; justify-content: space-between; margin-bottom: 10px; }
+        .view-cart-button {
+            background-color: #007bff;
+            color: #fff;
+            padding: 10px 20px;
+            border-radius: 50px;
+            font-size: 1rem;
+            font-weight: bold;
+            text-decoration: none;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+        .view-cart-button:hover {
+            background-color: #0056b3;
+            text-decoration: none;
+        }
     </style>
 </head>
 <body>
         <button onclick="viewCart()">View Cart</button>
     </div>
+    <!-- Order History Section -->
+    <div class="container mt-4">
+        <h2 class="text-center">Order History</h2>
+        <div id="order-history">
+            <!-- Order history details will be dynamically loaded here -->
+        </div>
+    </div>
+    <!-- Cart View -->
     <div class="cart-container" id="cart-container" style="display:none;">
         <h2>Your Cart</h2>
         <div id="cart-items"></div>
         <button onclick="placeOrder()">Place Final Order</button>
     </div>
+    <div class="view-cart-button">
+        <a href="javascript:void(0);" onclick="viewCart()">
+            View Cart
+        </a>
     </div>
     <script>
             veg: [
                 { name: 'Samosa', price: 9, ingredients: 'Potatoes, Peas, Flour, Spices', description: 'Crispy fried pastry filled with spiced potatoes and peas.', imageUrl: 'https://via.placeholder.com/100' },
                 { name: 'Onion Pakoda', price: 10, ingredients: 'Onions, Gram Flour, Spices', description: 'Deep-fried onion fritters seasoned with herbs and spices.', imageUrl: 'https://via.placeholder.com/100' },
+                { name: 'Chilli Gobi', price: 12, ingredients: 'Cauliflower, Chili Sauce, Spices', description: 'Cauliflower florets tossed in a spicy chili sauce.', imageUrl: 'https://via.placeholder.com/100' }
             ],
             nonVeg: [
                 { name: 'Chicken Biryani', price: 14, ingredients: 'Chicken, Basmati Rice, Spices', description: 'Aromatic basmati rice cooked with tender chicken and spices.', imageUrl: 'https://via.placeholder.com/100' },
                 { name: 'Mutton Biryani', price: 16, ingredients: 'Mutton, Basmati Rice, Spices', description: 'Flavorful rice dish made with succulent mutton and aromatic spices.', imageUrl: 'https://via.placeholder.com/100' },
+                { name: 'Butter Chicken', price: 15, ingredients: 'Chicken, Tomato, Butter, Cream', description: 'Tender chicken cooked in a rich, creamy tomato sauce.', imageUrl: 'https://via.placeholder.com/100' }
             ]
         };
         function showMenu(type) {
             const menuContainer = document.getElementById('menu-items');
             menuContainer.innerHTML = ''; // Clear previous menu items
             menuItems[type].forEach(item => {
                 const div = document.createElement('div');
                 div.classList.add('menu-item');
                 alert("Your cart is empty. Please add items before placing the order.");
             }
         }
+        // Example Order History (You can fetch this dynamically from the backend)
+        const orders = [
+            { date: '2023-02-20', orderDetails: 'Chicken Biryani, Butter Chicken', totalAmount: 45, status: 'Completed' },
+            { date: '2023-02-19', orderDetails: 'Paneer Butter Masala, Vegetable Biryani', totalAmount: 35, status: 'Pending' },
+            { date: '2023-02-18', orderDetails: 'Mutton Biryani, Chicken Shawarma', totalAmount: 60, status: 'Cancelled' }
+        ];
+        // Render Order History
+        const orderHistoryContainer = document.getElementById('order-history');
+        if (orders.length > 0) {
+            orders.forEach(order => {
+                const orderCard = document.createElement('div');
+                orderCard.classList.add('order-card');
+                orderCard.innerHTML = `
+                    <p><strong>Date:</strong> ${order.date}</p>
+                    <p><strong>Order:</strong> ${order.orderDetails}</p>
+                    <p><strong>Total Amount:</strong> $${order.totalAmount}</p>
+                    <p><span class="order-status ${order.status === 'Completed' ? 'status-completed' : order.status === 'Pending' ? 'status-pending' : 'status-cancelled'}">${order.status}</span></p>
+                `;
+                orderHistoryContainer.appendChild(orderCard);
+            });
+        } else {
+            orderHistoryContainer.innerHTML = '<p>No past orders found.</p>';
+        }
     </script>
 </body>