Update templates/cart.html

templates/cart.html

@@ -480,60 +480,54 @@
 
     <script>
         // Example function to handle the increase/decrease button clicks
-        function updateQuantity(action, itemName, customerEmail) {
-            let quantityInput = document.querySelector(`input[data-item-name="${itemName}"]`);
-            let quantity = parseInt(quantityInput.value);
-            // Update quantity based on action
-            if (action === 'increase') {
-                quantity++;
-            } else if (action === 'decrease' && quantity > 1) {
-                quantity--;
-            }
-
-            // Validate quantity
-            if (isNaN(quantity) || quantity < 1) {
-                alert("Invalid quantity!");
-                return;
-            }
+      function updateQuantity(action, itemName, customerEmail) {
+    let quantityInput = document.querySelector(`input[data-item-name="${itemName}"]`);
+    let quantity = parseInt(quantityInput.value);
+
+    // Update quantity based on action
+    if (action === 'increase') {
+        quantity++;
+    } else if (action === 'decrease' && quantity > 1) {
+        quantity--;
+    }
 
-            // Send updated quantity to the server
-            fetch('/cart/update_quantity', {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ email: customerEmail, item_name: itemName, quantity: quantity })
-            })
-            .then(response => response.json())
-            .then(data => {
-                if (data.success) {
-                    // Update the item price and quantity in the UI
-                    quantityInput.value = quantity;
-                    let itemElement = quantityInput.closest(".cart-item"); // Locate the parent cart item
-                    if (itemElement) {
-                        let basePriceElement = itemElement.querySelector(".base-price");
-                        let addonsPriceElement = itemElement.querySelector(".addons-price");
-
-                        // Update the base price
-                        if (basePriceElement) {
-                            basePriceElement.innerText = data.new_item_price.toFixed(2); // Assuming backend sends this
-                        }
-
-                        // Update add-ons price if needed (optional)
-                        if (addonsPriceElement && data.addons_price !== undefined) {
-                            addonsPriceElement.innerText = data.addons_price.toFixed(2);
-                        }
-                    } else {
-                        console.error(`Parent cart item element not found for item: ${itemName}`);
-                    }
-                    location.reload();
+    // Validate quantity
+    if (isNaN(quantity) || quantity < 1) {
+        alert("Invalid quantity!");
+        return;
+    }
 
-                    // Recalculate subtotal dynamically
-                    
-                } else {
-                    alert("Error updating quantity: " + data.error);
+    // Send updated quantity to the server
+    fetch('/cart/update_quantity', {  // Correct URL (prefixed by '/cart')
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ email: customerEmail, item_name: itemName, quantity: quantity })
+    })
+    .then(response => response.json())
+    .then(data => {
+        if (data.success) {
+            quantityInput.value = quantity;
+            let itemElement = quantityInput.closest(".cart-item"); // Locate the parent cart item
+            if (itemElement) {
+                let basePriceElement = itemElement.querySelector(".base-price");
+                let addonsPriceElement = itemElement.querySelector(".addons-price");
+                // Update the base price
+                if (basePriceElement) {
+                    basePriceElement.innerText = data.new_item_price.toFixed(2);
                 }
-            })
-            .catch(err => console.error("Error:", err));
+                // Update add-ons price if needed (optional)
+                if (addonsPriceElement && data.addons_price !== undefined) {
+                    addonsPriceElement.innerText = data.addons_price.toFixed(2);
+                }
+            }
+            location.reload(); // Recalculate subtotal dynamically
+        } else {
+            alert("Error updating quantity: " + data.error);
         }
+    })
+    .catch(err => console.error("Error:", err));
+}
+
         function toggleCouponDropdown() {
             let couponDropdown = document.getElementById('couponDropdown');
     
@@ -642,23 +636,22 @@
             .catch(err => console.error('Error adding suggestion:', err));
         }
         function removeItemFromCart(itemName) {
-            fetch(`/cart/remove/${encodeURIComponent(itemName)}`, {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json'
-                }
-            })
-            .then(response => response.json())
-            .then(data => {
-                if (data.success) {
-                    alert(data.message);
-                    location.reload(); // Reload the page to update the cart
-                } else {
-                    alert(data.message);
-                }
-            })
-            .catch(err => console.error('Error removing item:', err));
+    fetch(`/cart/remove/${encodeURIComponent(itemName)}`, {  // Correct URL (prefixed by '/cart')
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' }
+    })
+    .then(response => response.json())
+    .then(data => {
+        if (data.success) {
+            alert(data.message);
+            location.reload(); // Reload the page to update the cart
+        } else {
+            alert(data.message);
         }
+    })
+    .catch(err => console.error('Error removing item:', err));
+}
+
         function addToCart(itemName, customerEmail) {
             fetch(`/cart/add_item`, {
                 method: "POST",