Update templates/menu.html

templates/menu.html

@@ -963,6 +963,46 @@ document.addEventListener('DOMContentLoaded', function () {
 });
 
   // Function to add Soft Drink to cart directly
+// 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.');
+//     });
+// }
+  // subbu###################
 function addSoftDrinkToCart(name, price, image, section, category, index) {
     const itemPrice = parseFloat(price);
     const quantity = 1; // Default quantity
@@ -1004,9 +1044,20 @@ function addSoftDrinkToCart(name, price, image, section, category, index) {
 }
 
 
+  // subbu###################
+
+
 
 
     // Function to increase quantity
+// function increaseQuantity(name, index) {
+//     let quantityElement = document.getElementById(`quantity-${index}`);
+//     let currentQuantity = parseInt(quantityElement.innerText);
+//     currentQuantity++;
+//     quantityElement.innerText = currentQuantity;
+
+//     updateCartQuantity(name, currentQuantity);
+// }
 function increaseQuantity(name, index) {
     let quantityElement = document.getElementById(`quantity-${index}`);
     let currentQuantity = parseInt(quantityElement.innerText);
@@ -1016,7 +1067,38 @@ function increaseQuantity(name, index) {
     updateCartQuantity(name, currentQuantity);
 }
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+  
+
 // Function to decrease quantity
+// 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);
@@ -1027,8 +1109,16 @@ function decreaseQuantity(name, index) {
     } else {
         // Remove from cart and revert to ADD button
         removeFromCart(name, index);
+        document.getElementById(`add-btn-${index}`).style.display = 'block'; // Show the ADD button again
+        document.getElementById(`quantity-control-${index}`).style.display = 'none'; // Hide the quantity controls
     }
 }
+
+
+
+
+
+
   // Existing updateCartUI function (unchanged, but included for reference)
 // function updateCartUI(cart) {
 //     if (!Array.isArray(cart)) {
@@ -1040,42 +1130,71 @@ function decreaseQuantity(name, index) {
 //         cartIcon.innerText = cart.length; // Update cart icon if it exists
 //     }
 // }
-  function updateCartUI(cartData) {
-    // Assuming cartData is an array of cart items
-    const cartItemsContainer = document.getElementById('cart-items'); // The container where cart items are listed
-    const cartTotalPrice = document.getElementById('cart-total-price'); // The element where total price is displayed
-    const cartTotalQuantity = document.getElementById('cart-total-quantity'); // The element where total quantity is displayed
-
-    // Clear current cart items in the UI
-    cartItemsContainer.innerHTML = '';
-
-    let totalPrice = 0;
-    let totalQuantity = 0;
-
-    // Loop through cartData to update UI
-    cartData.forEach(item => {
-        const itemRow = document.createElement('div');
-        itemRow.classList.add('cart-item');
-
-        itemRow.innerHTML = `
-            <div class="cart-item-details">
-                <img src="${item.itemImage}" alt="${item.itemName}" class="cart-item-img">
-                <span class="cart-item-name">${item.itemName}</span>
-                <span class="cart-item-price">$${item.itemPrice.toFixed(2)}</span>
-                <span class="cart-item-quantity">Qty: ${item.quantity}</span>
-            </div>
-        `;
+//   function updateCartUI(cartData) {
+//     // Assuming cartData is an array of cart items
+//     const cartItemsContainer = document.getElementById('cart-items'); // The container where cart items are listed
+//     const cartTotalPrice = document.getElementById('cart-total-price'); // The element where total price is displayed
+//     const cartTotalQuantity = document.getElementById('cart-total-quantity'); // The element where total quantity is displayed
+
+//     // Clear current cart items in the UI
+//     cartItemsContainer.innerHTML = '';
+
+//     let totalPrice = 0;
+//     let totalQuantity = 0;
+
+//     // Loop through cartData to update UI
+//     cartData.forEach(item => {
+//         const itemRow = document.createElement('div');
+//         itemRow.classList.add('cart-item');
+
+//         itemRow.innerHTML = `
+//             <div class="cart-item-details">
+//                 <img src="${item.itemImage}" alt="${item.itemName}" class="cart-item-img">
+//                 <span class="cart-item-name">${item.itemName}</span>
+//                 <span class="cart-item-price">$${item.itemPrice.toFixed(2)}</span>
+//                 <span class="cart-item-quantity">Qty: ${item.quantity}</span>
+//             </div>
+//         `;
+
+//         cartItemsContainer.appendChild(itemRow);
+
+//         // Update the total price and quantity
+//         totalPrice += item.itemPrice * item.quantity;
+//         totalQuantity += item.quantity;
+//     });
+
+//     // Update the total price and quantity in the UI
+//     cartTotalPrice.innerText = `Total: $${totalPrice.toFixed(2)}`;
+//     cartTotalQuantity.innerText = `Items: ${totalQuantity}`;
+// }
 
-        cartItemsContainer.appendChild(itemRow);
 
-        // Update the total price and quantity
-        totalPrice += item.itemPrice * item.quantity;
-        totalQuantity += item.quantity;
+  // Function to update cart quantity
+function updateCartQuantity(name, quantity) {
+    fetch('/cart/update', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({ itemName: name, quantity: quantity })
+    })
+    .then(response => response.json())
+    .then(data => {
+        if (data.success) {
+            updateCartUI(data.cart);
+        } else {
+            alert(data.error || 'Failed to update cart quantity.');
+        }
+    })
+    .catch(err => {
+        console.error('Error updating cart quantity:', err);
+        alert('An error occurred while updating the cart quantity.');
     });
+}
 
-    // Update the total price and quantity in the UI
-    cartTotalPrice.innerText = `Total: $${totalPrice.toFixed(2)}`;
-    cartTotalQuantity.innerText = `Items: ${totalQuantity}`;
+// Function to update the cart UI after changes
+function updateCartUI(cart) {
+    // Your logic to update the cart UI (display total, items, etc.)
 }