Update app.py

app.py

@@ -152,6 +152,7 @@ def modal_js():
     <script>
         let cart = [];
         let totalCartCost = 0;
+
         function openModal(name, image2, description, price) {
             const modal = document.getElementById('modal');
             modal.style.display = 'block';
@@ -168,9 +169,11 @@ def modal_js():
             document.getElementById('special-instructions').value = '';
             resetAddOns();  // Reset add-ons when opening the modal
         }
+
         function closeModal() {
             document.getElementById('modal').style.display = 'none';
         }
+
         function addToCart() {
             const name = document.getElementById('modal-name').innerText;
             const price = parseFloat(document.getElementById('modal-price').innerText.replace('$', ''));
@@ -184,17 +187,19 @@ def modal_js():
             }));
             const extrasCost = extras.reduce((total, extra) => total + (extra.price * extra.quantity), 0);
             const totalCost = (price * quantity) + extrasCost;
-            // Add the item to the cart with its specific add-ons
+
             cart.push({ name, price, quantity, extras, instructions, totalCost });
-            totalCartCost += totalCost;  // Update the total cost of the cart
+            totalCartCost += totalCost;
             updateCartButton();
-            updateCartTotalCost();  // Update total cost displayed
+            updateCartTotalCost();
             closeModal();
         }
+
         function updateCartButton() {
             const cartButton = document.getElementById('cart-button');
             cartButton.innerText = `View Cart (${cart.length} items)`;
         }
+
         function openCartModal() {
             const cartModal = document.getElementById('cart-modal');
             const cartItemsContainer = document.getElementById('cart-items');
@@ -214,36 +219,40 @@ def modal_js():
             });
             cartModal.style.display = 'block';
         }
+
         function closeCartModal() {
             document.getElementById('cart-modal').style.display = 'none';
         }
+
         function removeFromCart(index) {
-            totalCartCost -= cart[index].totalCost;  // Deduct the cost of the removed item from total cost
+            totalCartCost -= cart[index].totalCost;
             cart.splice(index, 1);
             updateCartButton();
-            updateCartTotalCost();  // Update total cost displayed
+            updateCartTotalCost();
             openCartModal();
         }
+
         function updateCartItem(index, type, value) {
             if (type === 'item') {
                 cart[index].quantity = parseInt(value);
             } else if (type === 'extra') {
-                cart[index].extras[0].quantity = parseInt(value); // Assuming one add-on for simplicity
+                cart[index].extras[0].quantity = parseInt(value);
             }
             const item = cart[index];
             const price = item.price;
             const extrasCost = item.extras.reduce((total, extra) => total + (extra.price * extra.quantity), 0);
             item.totalCost = (price * item.quantity) + extrasCost;
             document.getElementById(`item-${index}-total`).innerText = item.totalCost.toFixed(2);
-            updateCartTotalCost();  // Update total cost displayed
+            updateCartTotalCost();
         }
+
         function updateCartTotalCost() {
             const totalCostElement = document.getElementById('cart-total-cost');
             totalCartCost = cart.reduce((total, item) => total + item.totalCost, 0);
             totalCostElement.innerText = `Total Cart Cost: $${totalCartCost.toFixed(2)}`;
         }
+
         function proceedToCheckout() {
-            // Display checkout summary
             let checkoutSummary = "<h1>Checkout Summary</h1>";
             cart.forEach(item => {
                 checkoutSummary += `
@@ -265,16 +274,18 @@ def modal_js():
             updateCartButton();
             updateCartTotalCost();
         }
+
         function goBackToMenu() {
             document.getElementById('menu-page').style.display = 'block';
             document.getElementById('cart-modal').style.display = 'none';
         }
-        // Reset all selected add-ons when opening a new item modal
+
         function resetAddOns() {
             const checkboxes = document.querySelectorAll('input[name="biryani-extra"]');
-            checkboxes.forEach(checkbox => checkbox.checked = false);  // Uncheck all add-ons
+            checkboxes.forEach(checkbox => checkbox.checked = false);
         }
     </script>
+
     """
     return modal_script