voicemenuspe

Running

App Files Files Community

lokesh341 commited on 18 days ago

Commit

bddcee1

verified ·

1 Parent(s): 10d815c

Update templates/final_order.html

Browse files

Files changed (1) hide show

templates/final_order.html +25 -26

templates/final_order.html CHANGED Viewed

@@ -3,42 +3,41 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Final Order - Biryani Hub</title>
     <style>
-        body { font-family: Arial, sans-serif; background-color: #f8f8f8; margin: 0; padding: 0; text-align: center; }
-        .order-container { margin-top: 50px; background-color: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); display: inline-block; }
-        h1 { color: #333; }
-        p { font-size: 1.2rem; color: #666; }
-        .order-details { margin-top: 20px; font-size: 1.2rem; color: #333; }
-        #confirm-btn { margin-top: 20px; padding: 10px 20px; background-color: #4CAF50; color: white; border: none; border-radius: 5px; cursor: pointer; }
-        #confirm-btn:hover { background-color: #45a049; }
     </style>
 </head>
 <body>
-    <div class="order-container">
-        <h1>Final Order Confirmation</h1>
-        <p>Your order details are as follows:</p>
-        <div class="order-details" id="orderDetails">Loading order details...</div>
-        <button id="confirm-btn" onclick="confirmOrder()">Confirm Order</button>
     </div>
     <script>
-        // Retrieve order details from URL parameters
-        const params = new URLSearchParams(window.location.search);
-        const orderItem = params.get('item');
-        const orderPrice = params.get('price');
-        const orderDetailsDiv = document.getElementById('orderDetails');
-        if (orderItem && orderPrice) {
-            orderDetailsDiv.innerHTML = `Item: <strong>${orderItem}</strong><br>Price: <strong>$${orderPrice}</strong>`;
         } else {
-            orderDetailsDiv.innerHTML = 'No order details available.';
         }
-        function confirmOrder() {
-            alert(`Your order for ${orderItem} has been confirmed!`);
-            window.location.href = '/'; // Redirect to home or dashboard
         }
     </script>
 </body>
 </html>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Final Order</title>
     <style>
+        body {
+            font-family: Arial, sans-serif;
+            margin: 20px;
+        }
+        .order-summary {
+            padding: 15px;
+            border: 1px solid #ddd;
+            border-radius: 8px;
+            background-color: #f9f9f9;
+            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
+        }
     </style>
 </head>
 <body>
+    <div class="order-summary">
+        <h2>Final Order Summary</h2>
+        <div id="order-details"></div>
+        <button onclick="goBack()">Go Back to Menu</button>
     </div>
     <script>
+        // Retrieve the final order summary from session storage
+        const summary = sessionStorage.getItem('finalOrderSummary');
+        if (summary) {
+            document.getElementById('order-details').innerHTML = summary;
         } else {
+            document.getElementById('order-details').innerHTML = "<p>No order found.</p>";
         }
+        // Go back to the menu page
+      function goBack() {
+            window.location.href = "/index.html"; // Ensure this is the menu page
         }
     </script>
 </body>
 </html>