Update app.py

app.py

@@ -152,6 +152,13 @@ def modal_js():
     <script>
         let cart = [];
         let totalCartCost = 0;
+
+        // Reset add-ons to none when a new item modal is opened
+        function resetAddOns() {
+            const checkboxes = document.querySelectorAll('input[name="biryani-extra"]');
+            checkboxes.forEach(checkbox => checkbox.checked = false);  // Uncheck all add-ons
+        }
+
         function openModal(name, image2, description, price) {
             const modal = document.getElementById('modal');
             modal.style.display = 'block';
@@ -168,9 +175,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,6 +193,7 @@ 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
@@ -191,10 +201,12 @@ def modal_js():
             updateCartTotalCost();  // Update total cost displayed
             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,9 +226,11 @@ 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
             cart.splice(index, 1);
@@ -224,11 +238,13 @@ def modal_js():
             updateCartTotalCost();  // Update total cost displayed
             openCartModal();
         }
+
         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() {
             const checkoutModal = document.getElementById('final-order-section');
             let finalOrderHTML = "<h1>Final Order</h1>";