Update templates/menu.html

templates/menu.html

@@ -963,7 +963,46 @@ document.addEventListener('DOMContentLoaded', function () {
 });
 
   // Function to add Soft Drink to cart directly
-function addSoftDrinkToCart(name, price, image, section, category, index) {
+// function addSoftDrinkToCart(name, price, image, section, category, index) {
+//     const itemPrice = parseFloat(price);
+//     const quantity = 1; // Default quantity
+
+//     const cartPayload = {
+//         itemName: name,
+//         itemPrice: itemPrice,
+//         itemImage: image || '/static/placeholder.jpg',
+//         section: section,
+//         category: category,
+//         addons: [], // No add-ons for Soft Drinks
+//         instructions: '', // No instructions for Soft Drinks
+//         quantity: quantity
+//     };
+
+//     fetch('/cart/add', {
+//         method: 'POST',
+//         headers: {
+//             'Content-Type': 'application/json',
+//         },
+//         body: JSON.stringify(cartPayload)
+//     })
+//     .then(response => response.json())
+//     .then(data => {
+//         if (data.success) {
+//             // Hide the ADD button and show quantity controls
+//             document.getElementById(`add-btn-${index}`).style.display = 'none';
+//             document.getElementById(`quantity-control-${index}`).style.display = 'flex';
+//             updateCartUI(data.cart);
+//             alert('Soft Drink added to cart successfully!');
+//         } else {
+//             alert(data.error || 'Failed to add Soft Drink to cart.');
+//         }
+//     })
+//     .catch(err => {
+//         console.error('Error adding Soft Drink to cart:', err);
+//         alert('An error occurred while adding the Soft Drink to the cart.');
+//     });
+// }
+  function addSoftDrinkToCart(name, price, image, section, category, index) {
     const itemPrice = parseFloat(price);
     const quantity = 1; // Default quantity
 
@@ -978,6 +1017,7 @@ function addSoftDrinkToCart(name, price, image, section, category, index) {
         quantity: quantity
     };
 
+    // Add item to cart
     fetch('/cart/add', {
         method: 'POST',
         headers: {
@@ -988,10 +1028,10 @@ function addSoftDrinkToCart(name, price, image, section, category, index) {
     .then(response => response.json())
     .then(data => {
         if (data.success) {
-            // Hide the ADD button and show quantity controls
+            // Hide the "Add" button and show quantity controls
             document.getElementById(`add-btn-${index}`).style.display = 'none';
             document.getElementById(`quantity-control-${index}`).style.display = 'flex';
-            updateCartUI(data.cart);
+            updateCartQuantity(data.cart);
             alert('Soft Drink added to cart successfully!');
         } else {
             alert(data.error || 'Failed to add Soft Drink to cart.');
@@ -1013,16 +1053,37 @@ function increaseQuantity(name, index) {
 }
 
 // Function to decrease quantity
-function decreaseQuantity(name, index) {
+// function decreaseQuantity(name, index) {
+//     let quantityElement = document.getElementById(`quantity-${index}`);
+//     let currentQuantity = parseInt(quantityElement.innerText);
+//     if (currentQuantity > 1) {
+//         currentQuantity--;
+//         quantityElement.innerText = currentQuantity;
+//         updateCartQuantity(name, currentQuantity);
+//     } else {
+//         // Remove from cart and revert to ADD button
+//         removeFromCart(name, index);
+//     }
+// }
+
+  function decreaseQuantity(name, index) {
     let quantityElement = document.getElementById(`quantity-${index}`);
     let currentQuantity = parseInt(quantityElement.innerText);
-    if (currentQuantity > 1) {
+    
+    // If quantity > 0, decrease the quantity
+    if (currentQuantity > 0) {
         currentQuantity--;
         quantityElement.innerText = currentQuantity;
-        updateCartQuantity(name, currentQuantity);
-    } else {
-        // Remove from cart and revert to ADD button
-        removeFromCart(name, index);
+        
+        // If quantity becomes 0, show "Add" button and hide quantity controls
+        if (currentQuantity === 0) {
+            document.getElementById(`add-btn-${index}`).style.display = 'block'; // Show "Add" button
+            document.getElementById(`quantity-control-${index}`).style.display = 'none'; // Hide quantity controls
+            removeFromCart(name, index); // Remove item from the cart when quantity reaches 0
+        } else {
+            // Otherwise, update cart quantity
+            updateCartQuantity(name, currentQuantity);
+        }
     }
 }
   // Existing updateCartUI function (unchanged, but included for reference)
@@ -1036,6 +1097,29 @@ function updateCartUI(cart) {
         cartIcon.innerText = cart.length; // Update cart icon if it exists
     }
 }
+
+// Remove Item from Cart when quantity reaches 0
+function removeFromCart(name, index) {
+    fetch('/cart/remove_item', {
+        method: 'DELETE',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ item_name: name.trim() })
+    })
+    .then(response => response.json())
+    .then(data => {
+        if (data.success) {
+            updateCartDisplay(data.cart); // Update the cart UI after removal
+        } else {
+            alert(data.error || "Failed to remove item from cart.");
+        }
+    })
+    .catch(err => console.error("Error removing item from cart:", err));
+}
+
+
+
+
+  
         
     </script>