Update templates/menu.html

templates/menu.html

@@ -1144,7 +1144,9 @@ document.addEventListener('DOMContentLoaded', function () {
     });
 });
 
-  // Function to add Soft Drink to cart directly
+  ft Drink added to cart successfully!');
+
+  // subbu###################
 // function addSoftDrinkToCart(name, price, image, section, category, index) {
 //     const itemPrice = parseFloat(price);
 //     const quantity = 1; // Default quantity
@@ -1173,7 +1175,7 @@ document.addEventListener('DOMContentLoaded', function () {
 //             // 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.');
@@ -1184,7 +1186,8 @@ document.addEventListener('DOMContentLoaded', function () {
 //         alert('An error occurred while adding the Soft Drink to the cart.');
 //     });
 // }
-  // subbu###################
+
+// Add Soft Drink to Cart with a default quantity of 1
 function addSoftDrinkToCart(name, price, image, section, category, index) {
     const itemPrice = parseFloat(price);
     const quantity = 1; // Default quantity
@@ -1200,6 +1203,7 @@ function addSoftDrinkToCart(name, price, image, section, category, index) {
         quantity: quantity
     };
 
+    // Add item to cart for the first time
     fetch('/cart/add', {
         method: 'POST',
         headers: {
@@ -1213,7 +1217,7 @@ function addSoftDrinkToCart(name, price, image, section, category, index) {
             // Hide the ADD button and show quantity controls
             document.getElementById(`add-btn-${index}`).style.display = 'none';
             document.getElementById(`quantity-control-${index}`).style.display = 'flex';
-            updateCartQuantity(data.cart);
+            updateCartQuantity(data.cart); // Update cart display
             alert('Soft Drink added to cart successfully!');
         } else {
             alert(data.error || 'Failed to add Soft Drink to cart.');
@@ -1224,50 +1228,50 @@ function addSoftDrinkToCart(name, price, image, section, category, index) {
         alert('An error occurred while adding the Soft Drink to the cart.');
     });
 }
-
-
   // subbu###################
 
 
 
 
-    // Function to increase quantity
+   
 // function increaseQuantity(name, index) {
 //     let quantityElement = document.getElementById(`quantity-${index}`);
 //     let currentQuantity = parseInt(quantityElement.innerText);
-//     currentQuantity++;
+//     currentQuantity++; // Increase the quantity by 1
 //     quantityElement.innerText = currentQuantity;
 
+//     // Update cart immediately
 //     updateCartQuantity(name, currentQuantity);
 // }
-function increaseQuantity(name, index) {
+  function increaseQuantity(name, index) {
     let quantityElement = document.getElementById(`quantity-${index}`);
     let currentQuantity = parseInt(quantityElement.innerText);
     currentQuantity++; // Increase the quantity by 1
     quantityElement.innerText = currentQuantity;
 
-    // Update cart immediately
+    // Update cart immediately when quantity is increased
     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;
+//         // Update cart immediately
 //         updateCartQuantity(name, currentQuantity);
 //     } else {
-//         // Remove from cart and revert to ADD button
+//         // Remove from cart if quantity is 1 and show the "Add" button
 //         removeFromCart(name, index);
+//         document.getElementById(`add-btn-${index}`).style.display = 'block'; // Show ADD button
+//         document.getElementById(`quantity-control-${index}`).style.display = 'none'; // Hide quantity controls
 //     }
 // }
-
-
-function decreaseQuantity(name, index) {
+  function decreaseQuantity(name, index) {
     let quantityElement = document.getElementById(`quantity-${index}`);
     let currentQuantity = parseInt(quantityElement.innerText);
     
@@ -1277,7 +1281,7 @@ function decreaseQuantity(name, index) {
         // Update cart immediately
         updateCartQuantity(name, currentQuantity);
     } else {
-        // Remove from cart if quantity is 1 and show the "Add" button
+        // Remove from cart if quantity is 1
         removeFromCart(name, index);
         document.getElementById(`add-btn-${index}`).style.display = 'block'; // Show ADD button
         document.getElementById(`quantity-control-${index}`).style.display = 'none'; // Hide quantity controls
@@ -1286,85 +1290,68 @@ function decreaseQuantity(name, index) {
 
 
 
-
-
-
-  // Existing updateCartUI function (unchanged, but included for reference)
-// function updateCartUI(cart) {
+  // Function to update cart quantity
+// function updateCartQuantity(cart) {
 //     if (!Array.isArray(cart)) {
 //         console.error('Invalid cart data:', cart);
 //         return;
 //     }
 //     const cartIcon = document.getElementById('cart-icon');
-//     if (cartIcon) {
-//         cartIcon.innerText = cart.length; // Update cart icon if it exists
-//     }
+//     cartIcon.innerText = cart.length;  // Assuming cart is an array of items
 // }
-//   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}`;
+function updateCartQuantity(name, newQuantity) {
+    const customerEmail = "[email protected]";  // Get the logged-in user's email
+    fetch(`/cart/update_quantity`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+            email: customerEmail,
+            item_name: name.trim(),
+            quantity: newQuantity
+        })
+    })
+    .then(response => response.json())
+    .then(data => {
+        if (data.success) {
+            alert("Item quantity updated successfully.");
+            updateCartDisplay(data.cart); // Update cart UI
+        } else {
+            alert(data.error || "Failed to update item quantity.");
+        }
+    })
+    .catch(err => console.error("Error updating item quantity:", err));
+}
+  
+// function updateCartDisplay(cart) {
+//     if (!Array.isArray(cart)) {
+//         console.error('Invalid cart data:', cart);
+//         return;
+//     }
+//   // Optional: Update quantity on the cart page
+//     const cartCountElement = document.getElementById('cart-count');
+//     cartCountElement.innerText = cart.reduce((total, item)=> total+item.quantity,0);  // Update cart item count //Sum of all quantities
+  
+//     // Optionally, show a small success notification that the item was added
+//     const successNotification = document.createElement('div');
+//     successNotification.classList.add('success-notification');
+//     successNotification.innerText = 'Item added to cart!';
+//     document.body.appendChild(successNotification);
+//     setTimeout(() => {
+//         successNotification.remove(); // Remove success notification after a few seconds
+//     }, 2000);
 // }
-
-
-  // Function to update cart quantity
-function updateCartQuantity(cart) {
+  function updateCartDisplay(cart) {
     if (!Array.isArray(cart)) {
         console.error('Invalid cart data:', cart);
         return;
     }
+
     const cartIcon = document.getElementById('cart-icon');
-    cartIcon.innerText = cart.length;  // Assuming cart is an array of items
-}
-function updateCartDisplay(cart) {
-    if (!Array.isArray(cart)) {
-        console.error('Invalid cart data:', cart);
-        return;
-    }
-  // Optional: Update quantity on the cart page
+    cartIcon.innerText = cart.length; // Assuming cart is an array of items
+
+    // Optional: Update quantity on the cart page
     const cartCountElement = document.getElementById('cart-count');
-    cartCountElement.innerText = cart.reduce((total, item)=> total+item.quantity,0);  // Update cart item count //Sum of all quantities
-  
-    // Optionally, show a small success notification that the item was added
-    const successNotification = document.createElement('div');
-    successNotification.classList.add('success-notification');
-    successNotification.innerText = 'Item added to cart!';
-    document.body.appendChild(successNotification);
-    setTimeout(() => {
-        successNotification.remove(); // Remove success notification after a few seconds
-    }, 2000);
+    cartCountElement.innerText = cart.reduce((total, item) => total + item.quantity, 0); // Update cart item count (sum of all quantities)
 }