Update templates/menu.html

templates/menu.html

@@ -959,7 +959,7 @@
                                                             ADD
                                                         </button>
                                                     {% endif %}
-                                                    {% if item.Section__c != 'Apetizer' and item.Section__c != 'Customized dish' and item.Section__c !='Soft Drinks' %}
+                                                    {% if item.Section__c != 'Apetizer' and item.Section__c != 'Customized dish' and item.Section__c != 'Soft Drinks' %}
                                                         <span class="customisable-text">Customisable</span>
                                                     {% endif %}
                                                 </div>
@@ -1534,7 +1534,6 @@
                         alert('Please fill in both the dish name and description.');
                         return;
                     }
-                    // Optional: Add AJAX submission to provide feedback
                     event.preventDefault();
                     fetch('/customdish/generate_custom_dish', {
                         method: 'POST',
@@ -1853,4 +1852,46 @@
                 itemImage: itemImage,
                 section: section,
                 category: selectedCategory,
-               
+                addons: selectedAddOns,
+                instructions: instructions,
+                quantity: quantity
+            };
+            
+            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!');
+                    updateCartUI(data.cart);
+                    const modal = document.getElementById('itemModal');
+                    const modalInstance = bootstrap.Modal.getInstance(modal);
+                    modalInstance.hide();
+                } else {
+                    console.error('Failed to add item to cart:', data.error);
+                    alert(data.error || 'Failed to add item to cart.');
+                    const cart = addToCartLocalStorage(cartPayload);
+                    updateCartUI(cart);
+                    const modal = document.getElementById('itemModal');
+                    const modalInstance = bootstrap.Modal.getInstance(modal);
+                    modalInstance.hide();
+                }
+            })
+            .catch(err => {
+                console.error('Error adding item to cart:', err);
+                alert('Error adding item to cart. Using local storage as fallback.');
+                const cart = addToCartLocalStorage(cartPayload);
+                updateCartUI(cart);
+                const modal = document.getElementById('itemModal');
+                const modalInstance = bootstrap.Modal.getInstance(modal);
+                modalInstance.hide();
+            });
+        }
+    </script>
+</body>
+</html>