Update templates/cart.html

templates/cart.html

@@ -270,7 +270,60 @@
         //     .catch(err => console.error("Error:", err));
         // }
     
-           function updateQuantity(action, itemName, customerEmail) {
+//            function updateQuantity(action, itemName, customerEmail) {
+//     let quantityInput = document.querySelector(`input[data-item-name="${itemName}"]`);
+//     let quantity = parseInt(quantityInput.value, 10); // Ensure we are working with an integer value
+
+//     // Ensure that the parsed quantity is a valid integer
+//     if (isNaN(quantity) || quantity < 1) {
+//         alert("Invalid quantity! Quantity should be a whole number.");
+//         return;
+//     }
+
+//     // Update quantity based on action
+//     if (action === 'increase') {
+//         quantity += 1;  // Simply increase the quantity by 1
+//     } else if (action === 'decrease' && quantity > 1) {
+//         quantity -= 1;  // Decrease the quantity by 1, ensuring it stays at least 1
+//     }
+
+//     // Update the input field with the new integer quantity
+//     quantityInput.value = 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 base price based on the new 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 returns price in two decimal format
+//                 }
+
+//                 // 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}`);
+//             }
+//         } else {
+//             alert("Error updating quantity: " + data.error);
+//         }
+//     })
+//     .catch(err => console.error("Error:", err));
+// }
+function updateQuantity(action, itemName, customerEmail) {
     let quantityInput = document.querySelector(`input[data-item-name="${itemName}"]`);
     let quantity = parseInt(quantityInput.value, 10); // Ensure we are working with an integer value
 
@@ -287,6 +340,12 @@
         quantity -= 1;  // Decrease the quantity by 1, ensuring it stays at least 1
     }
 
+    // Check if quantity is zero
+    if (quantity === 0) {
+        removeItemFromCart(itemName);  // Call the remove function if quantity is 0
+        return;  // Don't proceed with updating quantity or sending request
+    }
+
     // Update the input field with the new integer quantity
     quantityInput.value = quantity;
 
@@ -324,6 +383,30 @@
     .catch(err => console.error("Error:", err));
 }
 
+function removeItemFromCart(itemName) {
+    // Hide the item or remove it from the cart UI
+    let itemElement = document.querySelector(`.cart-item[data-item-name="${itemName}"]`);
+    if (itemElement) {
+        itemElement.remove();  // Remove the item element from the DOM
+    }
+
+    // Optionally, also send a request to the server to remove the item
+    fetch('/cart/remove_item', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ item_name: itemName })
+    })
+    .then(response => response.json())
+    .then(data => {
+        if (data.success) {
+            console.log("Item removed from cart successfully");
+        } else {
+            alert("Error removing item from cart: " + data.error);
+        }
+    })
+    .catch(err => console.error("Error:", err));
+}
+
 
 
         function toggleCouponDropdown() {