Update templates/Menu.html

templates/Menu.html

@@ -261,17 +261,18 @@
     }
 
     // Display menu items on the page
-    function updateMenuUI() {
+    function displayMenu(menuItems) {
         const menuContainer = document.getElementById("menu");
         menuContainer.innerHTML = '';
 
-        filteredMenu.forEach(item => {
+       menuItems.forEach(item => {
             const menuItem = document.createElement("div");
             menuItem.classList.add("menu-item");
             menuItem.innerHTML = `
                  <div class="menu-details">
                     <h3>${item.Name}</h3>
                     <p class="price">$${item.Price__c}</p>
+                    <p class="description">${item.Description__c}</p>
                 </div>
                 <div class="add-container">
                     <img class="menu-img" src="${item.Image1__c}" alt="${item.Name}">
@@ -281,7 +282,7 @@
                             <span>${cart[item.Name].quantity}</span>
                             <button onclick="increaseQuantity('${item.Name}')">+</button>
                         </div>`
-                    : `<button class="add-btn" onclick="addToCart('${item.Name}', ${item.Price__c}, '${item.Image1__c}')">ADD</button>`}
+                    : `<button class="add-btn" onclick='addToCart(${JSON.stringify(item)})'>ADD</button>`}
                     <p class="customizable" style="text-align: center; margin-top: 10px;">Customisable</p>
                 </div>
             `;
@@ -308,13 +309,13 @@
     });
 
   // Function to handle adding an item to the cart
-    function addToCart(itemName, proce, image) {
-        if (cart[itemName]) {
-            cart[itemName].quantity += 1;
+    function addToCart(item.Name, proce, image) {
+        if (cart[item.Name]) {
+            cart[item.Name].quantity += 1;
         } else {
-            cart[itemName] = { Name: itemName, Price: price, Image: image, quantity: 1 };
+            cart[item.Name] = { ...item, quantity: 1 };
         }
-        updateMenuUI(); // Refresh menu UI without reloading
+       displayMenu(filteredMenu); // Refresh menu UI to update button
     }
 
     // Function to increase quantity