Update templates/menu.html

templates/menu.html

@@ -1047,7 +1047,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';
-            updateCartUI(data.cart);
+            updateCartQuantity(data.cart);
             alert('Soft Drink added to cart successfully!');
         } else {
             alert(data.error || 'Failed to add Soft Drink to cart.');
@@ -1186,31 +1186,31 @@ function decreaseQuantity(name, index) {
 
 
   // 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.');
-    });
+function updateCartQuantity(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 to update the cart UI after changes
-function updateCartUI(cart) {
-    // Your logic to update the cart UI (display total, items, etc.)
+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);
 }