Update templates/menu.html

templates/menu.html

@@ -506,56 +506,64 @@
 
 
         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;
-            const modalSectionEl = document.getElementById('modal-section');
-            const section = modalSectionEl.getAttribute('data-section');
-            const selectedCategory = modalSectionEl.getAttribute('data-category');
-            // Collect selected add-ons
-            const selectedAddOns = Array.from(
-                document.querySelectorAll('#addons-list input[type="checkbox"]:checked')
-            ).map(addon => ({
-                name: addon.getAttribute('data-name'),
-                price: parseFloat(addon.getAttribute('data-price'))
-            }));
-            const instructions = document.getElementById('modal-instructions').value;
-            if (!itemName || !itemPrice) {
-                alert('Failed to add item to cart. Please try again.');
-                return;
-            }
-            const cartPayload = {
-                itemName: itemName,
-                itemPrice: itemPrice,
-                itemImage: itemImage,
-                section: section,
-                category: selectedCategory,
-                addons: selectedAddOns,
-                instructions: instructions
-            };
-            fetch('/cart/add', {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                },
-                body: JSON.stringify(cartPayload)
-            })
-            .then(response => response.json())
-            .then(data => {
-                if (data.success) {
-                    alert('Item added to cart successfully!');
-                    const modal = document.getElementById('itemModal');
-                    const modalInstance = bootstrap.Modal.getInstance(modal);
-                    modalInstance.hide();
-                } else {
-                    alert(data.error || 'Failed to add item to cart.');
-                }
-            })
-            .catch(err => {
-                console.error('Error adding item to cart:', err);
-                alert('An error occurred while adding the item to the cart.');
-            });
+    const itemName = document.getElementById('modal-name').innerText;
+    const itemPrice = parseFloat(document.getElementById('modal-price').innerText.replace('$', ''));
+    const itemImage = document.getElementById('modal-img').src;
+    const modalSectionEl = document.getElementById('modal-section');
+    const section = modalSectionEl.getAttribute('data-section');
+    const selectedCategory = modalSectionEl.getAttribute('data-category');
+
+    // Collect selected add-ons
+    const selectedAddOns = Array.from(
+        document.querySelectorAll('#addons-list input[type="checkbox"]:checked')
+    ).map(addon => ({
+        name: addon.getAttribute('data-name'),
+        price: parseFloat(addon.getAttribute('data-price'))
+    }));
+
+    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,
+        itemPrice: itemPrice,
+        itemImage: itemImage,
+        section: section,
+        category: selectedCategory,
+        addons: selectedAddOns,
+        instructions: instructions
+    };
+
+    // Send the cart data to the server
+    fetch('/cart/add', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json',
+        },
+        body: JSON.stringify(cartPayload)
+    })
+    .then(response => response.json())
+    .then(data => {
+        if (data.success) {
+            alert('Item added to cart successfully!');
+            const modal = document.getElementById('itemModal');
+            const modalInstance = bootstrap.Modal.getInstance(modal);
+            modalInstance.hide();
+        } else {
+            alert(data.error || 'Failed to add item to cart.');
         }
+    })
+    .catch(err => {
+        console.error('Error adding item to cart:', err);
+        alert('An error occurred while adding the item to the cart.');
+    });
+}
       // Function to round reward points to a single digit
         function roundRewardPoints() {
             let rewardPointsElement = document.getElementById('reward-points');