Update templates/menu.html

templates/menu.html

@@ -504,8 +504,7 @@
     });
 }
 
-
-        function addToCartFromModal() {
+function addToCartFromModal() {
     const itemName = document.getElementById('modal-name').innerText;
     const itemPrice = parseFloat(document.getElementById('modal-price').innerText.replace('$', ''));
     const itemImage = document.getElementById('modal-img').src;
@@ -552,6 +551,7 @@
     .then(data => {
         if (data.success) {
             alert('Item added to cart successfully!');
+            updateCartUI(data.cart); // Update cart UI after adding an item
             const modal = document.getElementById('itemModal');
             const modalInstance = bootstrap.Modal.getInstance(modal);
             modalInstance.hide();
@@ -564,6 +564,30 @@
         alert('An error occurred while adding the item to the cart.');
     });
 }
+
+function updateCartUI(cart) {
+    // This function should update the cart UI with the new items in the cart
+    // You could update a cart icon or a cart section with the updated number of items
+    const cartIcon = document.getElementById('cart-icon');
+    cartIcon.innerText = cart.length;  // Assuming cart is an array of items
+}
+
+function updateCartDisplay(cart) {
+    // Assuming you have an element with id 'cart-count' to display the number of items in the cart
+    const cartCountElement = document.getElementById('cart-count');
+    cartCountElement.innerText = cart.length;  // Update cart item count
+
+    // 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 round reward points to a single digit
         function roundRewardPoints() {
             let rewardPointsElement = document.getElementById('reward-points');