lokesh341 commited on
Commit
f8101ff
·
verified ·
1 Parent(s): 5a9b054

Update templates/menu_page.html

Browse files
Files changed (1) hide show
  1. templates/menu_page.html +15 -35
templates/menu_page.html CHANGED
@@ -4,6 +4,8 @@
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
  <title>Biryani Hub Menu</title>
 
 
7
  <style>
8
  body { font-family: Arial, sans-serif; background-color: #f8f8f8; margin: 0; padding: 0; }
9
  .menu-container { max-width: 1200px; margin: 0 auto; padding: 20px; background-color: #fff; border-radius: 8px; margin-top: 20px; }
@@ -16,29 +18,9 @@
16
  .menu-option button { font-size: 1.2rem; padding: 10px 20px; margin: 10px; cursor: pointer; }
17
  .cart-container { margin-top: 30px; padding: 10px; border: 1px solid #ddd; border-radius: 5px; background-color: #eaf3e1; }
18
  .cart-item { display: flex; justify-content: space-between; margin-bottom: 10px; }
19
- .view-cart-container {
20
- position: fixed;
21
- bottom: 20px;
22
- right: 20px;
23
- z-index: 999;
24
- }
25
- .view-cart-button {
26
- background-color: #007bff;
27
- color: #fff;
28
- padding: 10px 20px;
29
- border-radius: 50px;
30
- font-size: 1rem;
31
- font-weight: bold;
32
- text-decoration: none;
33
- box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
34
- display: flex;
35
- align-items: center;
36
- justify-content: center;
37
- }
38
- .view-cart-button:hover {
39
- background-color: #0056b3;
40
- text-decoration: none;
41
- }
42
  </style>
43
  </head>
44
  <body>
@@ -60,16 +42,8 @@
60
  <button onclick="placeOrder()">Place Final Order</button>
61
  </div>
62
 
63
- <!-- View Cart Button -->
64
  <div class="view-cart-container">
65
- <a href="javascript:void(0);" class="view-cart-button" onclick="viewCart()">
66
- View Cart
67
- </a>
68
- </div>
69
-
70
- <!-- Link to Order History Page -->
71
- <div class="text-center mt-4">
72
- <a href="{{ url_for('order_history') }}" class="btn btn-primary">View Order History</a>
73
  </div>
74
 
75
  <script>
@@ -77,12 +51,18 @@
77
  veg: [
78
  { 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' },
79
  { 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' },
80
- { 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' }
 
 
 
81
  ],
 
82
  nonVeg: [
83
  { 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' },
84
  { 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' },
85
- { 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' }
 
 
86
  ]
87
  };
88
 
@@ -143,7 +123,7 @@
143
  alert("Your cart is empty. Please add items before placing the order.");
144
  }
145
  }
146
-
147
  </script>
 
148
  </body>
149
  </html>
 
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
  <title>Biryani Hub Menu</title>
7
+ <!-- Bootstrap CSS -->
8
+ <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
9
  <style>
10
  body { font-family: Arial, sans-serif; background-color: #f8f8f8; margin: 0; padding: 0; }
11
  .menu-container { max-width: 1200px; margin: 0 auto; padding: 20px; background-color: #fff; border-radius: 8px; margin-top: 20px; }
 
18
  .menu-option button { font-size: 1.2rem; padding: 10px 20px; margin: 10px; cursor: pointer; }
19
  .cart-container { margin-top: 30px; padding: 10px; border: 1px solid #ddd; border-radius: 5px; background-color: #eaf3e1; }
20
  .cart-item { display: flex; justify-content: space-between; margin-bottom: 10px; }
21
+ .view-cart-container { position: fixed; bottom: 20px; right: 20px; z-index: 999; }
22
+ .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; }
23
+ .view-cart-button:hover { background-color: #0056b3; text-decoration: none; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
24
  </style>
25
  </head>
26
  <body>
 
42
  <button onclick="placeOrder()">Place Final Order</button>
43
  </div>
44
 
 
45
  <div class="view-cart-container">
46
+ <a href="javascript:void(0);" class="view-cart-button" onclick="viewCart()">View Cart</a>
 
 
 
 
 
 
 
47
  </div>
48
 
49
  <script>
 
51
  veg: [
52
  { 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' },
53
  { 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' },
54
+ { 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' },
55
+ { 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' },
56
+ { name: 'Aloo Gobi', price: 10, ingredients: 'Potatoes, Cauliflower, Spices', description: 'A traditional Indian curry with potatoes and cauliflower.', imageUrl: 'https://via.placeholder.com/100' },
57
+ { 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' }
58
  ],
59
+
60
  nonVeg: [
61
  { 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' },
62
  { 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' },
63
+ { 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' },
64
+ { name: 'Chicken Tikka', price: 12, ingredients: 'Chicken, Yogurt, Spices', description: 'Grilled chicken marinated in yogurt and spices.', imageUrl: 'https://via.placeholder.com/100' },
65
+ { name: 'Prawn Masala', price: 20, ingredients: 'Prawns, Spices, Tomatoes', description: 'Juicy prawns cooked in a flavorful, spicy masala.', imageUrl: 'https://via.placeholder.com/100' }
66
  ]
67
  };
68
 
 
123
  alert("Your cart is empty. Please add items before placing the order.");
124
  }
125
  }
 
126
  </script>
127
+
128
  </body>
129
  </html>