Update templates/menu.html

templates/menu.html

@@ -554,7 +554,7 @@ form-check-input addon-option{
       <p class="card-text">${{ item.Price__c }}</p>
     </div>
     <div>
-      <button class="btn btn-primary">Add</button>
+      <button class="btn btn-primary"onclick="addToCart()">Add</button>
     </div>
   </div>
 </div>
@@ -863,8 +863,41 @@ document.addEventListener('DOMContentLoaded', function () {
     });
 });
 
+
+
+
+
+
+  // subbu
+
+
+
+
+
+
+  function addToCart(itemName, customerEmail) {
+            fetch(`/cart/add_item`, {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({
+                    email: customerEmail,
+                    item_name: itemName.trim(), //Ensure the item name is trimmed
+                    quantity: 0 // DEFAULT QUANTITY PASSED HERE
+                })
+            })
+            .then(response => response.json())
+            .then(data => {
+                if (data.success) {
+                    alert("Item added/updated successfully.");
+                    location.reload(); // Reload the page to update the cart
+                } else {
+                    alert(data.error || "Failed to add item to cart.");
+                }
+            })
+            .catch(err => console.error("Error adding item to cart:", err));
+        }
     
-        
+        // subbu
     </script>
 
     <!-- Bootstrap JS -->