Update templates/menu.html

templates/menu.html

@@ -506,19 +506,24 @@
 
 function addToCartFromModal() {
     const itemName = document.getElementById('modal-name').innerText;
-    const itemPrice = parseFloat(document.getElementById('modal-price').innerText.replace('$', ''));
+    let itemPrice = parseFloat(document.getElementById('modal-price').innerText.replace('$', ''));
+
+    // Validate item price
+    if (isNaN(itemPrice)) {
+        alert('Invalid price for the item. Please check the item details.');
+        return;
+    }
+
     const itemImage = document.getElementById('modal-img').src;
     console.log(itemName, itemPrice, itemImage); // Log values for debugging
     const modalSectionEl = document.getElementById('modal-section');
     const section = modalSectionEl.getAttribute('data-section');
     const selectedCategory = modalSectionEl.getAttribute('data-category');
-
     if (!itemName || !itemPrice || !section) {
         console.error('Missing data for cart item:', { itemName, itemPrice, section });
         return;
     }
    
-
     // Collect selected add-ons
     let selectedAddOns = Array.from(
         document.querySelectorAll('#addons-list input[type="checkbox"]:checked')
@@ -526,15 +531,8 @@ function addToCartFromModal() {
         name: addon.getAttribute('data-name') || 'Default Name', //Fallback Name
         price: parseFloat(addon.getAttribute('data-price') || 0)
     }));
-
     const instructions = document.getElementById('modal-instructions').value;
 
-    // If necessary information is missing, alert the user
-    if (!itemName || !itemPrice) {
-        alert('Failed to add item to cart. Please try again.');
-        return;
-    }
-
     // Prepare data for the cart
     const cartPayload = {
         itemName: itemName,
@@ -573,23 +571,26 @@ function addToCartFromModal() {
 }
 
 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
+    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) {
-    // Assuming you have an element with id 'cart-count' to display the number of items in the cart
+    if (!Array.isArray(cart)) {
+        console.error('Invalid cart data:', cart);
+        return;
+    }
     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);