Update templates/menu.html

templates/menu.html

@@ -579,7 +579,7 @@ form-check-input addon-option{
         </div>
            <div>
              <!-- Add Button on Image -->
-        <button  class=" btn btn-danger "onclick="addToCartFromModal()"  >
+        <button  class=" btn btn-danger" onclick="addToCart('{{ item.Name }}', '{{ item.Price__c }}', '{{ item.Image1__c }}')" >
             Add 
         </button>
            </div>
@@ -892,6 +892,52 @@ document.addEventListener('DOMContentLoaded', function () {
     });
 });
 
+
+// Create an empty cart if it doesn't exist yet
+if (!localStorage.getItem('cart')) {
+    localStorage.setItem('cart', JSON.stringify([]));
+}
+
+// Function to add item to the cart
+function addToCart(itemName, itemPrice, itemImage) {
+    // Get the cart from localStorage
+    let cart = JSON.parse(localStorage.getItem('cart'));
+
+    // Create the item object to add to the cart
+    let item = {
+        name: itemName,
+        price: itemPrice,
+        image: itemImage,
+        quantity: 1 // Initial quantity is 1, you can adjust if needed
+    };
+
+    // Check if the item already exists in the cart
+    let existingItem = cart.find(cartItem => cartItem.name === itemName);
+
+    if (existingItem) {
+        // If the item already exists, just update the quantity
+        existingItem.quantity += 1;
+    } else {
+        // If the item doesn't exist, add it to the cart
+        cart.push(item);
+    }
+
+    // Save the updated cart back to localStorage
+    localStorage.setItem('cart', JSON.stringify(cart));
+
+    // Optional: Update the UI to show the cart count or show a message
+    alert(itemName + " has been added to your cart!");
+}
+
+// Function to get the cart (optional for showing cart info)
+function getCart() {
+    return JSON.parse(localStorage.getItem('cart'));
+}
+
+
+
+
+
     
         
     </script>