Update app.py

app.py

@@ -196,26 +196,35 @@ modal_and_cart_js = """
         updateCartDisplay();
     }
     function submitCart() {
-        let finalOrderHTML = "<h3>Final Order:</h3><ul>";
-        let totalBill = 0;
-        cart.forEach(item => {
-            totalBill += item.itemTotal;
-            const extras = item.extras.map((extra, i) => {
-                const extraQuantity = item.extrasQuantities ? item.extrasQuantities[i] || 1 : 1;
-                const extraTotal = extrasPrices[extra] * extraQuantity;
-                totalBill += extraTotal;
-                return `${extra} (x${extraQuantity}) - $${extraTotal.toFixed(2)}`;
-            }).join(', ');
-            finalOrderHTML += `<li>
-                ${item.name} (x${item.quantity}) - $${item.itemTotal.toFixed(2)}
-                <br>Extras: ${extras}
-                <br>Instructions: ${item.instructions || "None"}
-            </li>`;
-        });
-        finalOrderHTML += `</ul><p><strong>Total Bill: $${totalBill.toFixed(2)}</strong></p>`;
-        document.getElementById('final-order').innerHTML = finalOrderHTML;
-        alert("Your final order has been submitted!");
-    }
+    let finalOrderHTML = "<h3>Final Order:</h3><ul>";
+    let totalBill = 0;
+
+    // Generate final order summary
+    cart.forEach(item => {
+        totalBill += item.itemTotal;
+        const extras = item.extras.map((extra, i) => {
+            const extraQuantity = item.extrasQuantities ? item.extrasQuantities[i] || 1 : 1;
+            const extraTotal = extrasPrices[extra] * extraQuantity;
+            totalBill += extraTotal;
+            return `${extra} (x${extraQuantity}) - $${extraTotal.toFixed(2)}`;
+        }).join(', ');
+
+        finalOrderHTML += `<li>
+            ${item.name} (x${item.quantity}) - $${item.itemTotal.toFixed(2)}
+            <br>Extras: ${extras}
+            <br>Instructions: ${item.instructions || "None"}
+        </li>`;
+    });
+
+    finalOrderHTML += `</ul><p><strong>Total Bill: $${totalBill.toFixed(2)}</strong></p>`;
+
+    // Store order summary in session storage for next page
+    sessionStorage.setItem('finalOrderSummary', finalOrderHTML);
+
+    // Redirect to the final order page
+    window.location.href = "/final_order.html"; // Ensure this page exists
+}
+
 </script>
 """