From 987ef644f87401f6b3252706a7160fd52e57a279 Mon Sep 17 00:00:00 2001
From: PARNITA-SINGH <singhparnita94@gmail.com>
Date: Sat, 6 Jun 2026 01:36:23 +0530
Subject: [PATCH] fix: resolve menu rendering, syntax errors, and duplicate UI
 bugs

---
 js/main.js            | 71 +++----------------------------------------
 js/recommendations.js | 25 ++++++++++++---
 menu.html             |  1 +
 3 files changed, 27 insertions(+), 70 deletions(-)

diff --git a/js/main.js b/js/main.js
index 0db96c1..d974909 100644
--- a/js/main.js
+++ b/js/main.js
@@ -20,9 +20,6 @@ function setupCartManager() {
   cartManager.subscribe((items) => {
     cart = [...items];
   });
- 
-  // Validate cart integrity
-  cartManager.validate();
 }
  
 async function loadMenuData() {
@@ -325,27 +322,7 @@ function createCard(item, highlightQuery = "") {
       ${outOfStockBadge}
     </div>
 
-    <div class="card-footer">
-newFeatures
-  <div class="price-section">
-    <span class="original-price">
-      ₹${item.originalPrice}
-    </span>
-
-    <span class="price">
-      ${formatPrice(item.price)}
-    </span>
-
-    <span class="discount-badge">
-      ${Math.round(((item.originalPrice - item.price) / item.originalPrice) * 100)}% OFF
-    </span>
-  </div>
-
-  <button class="add-btn" aria-label="Add ${item.name} to cart">
-    Add
-  </button>
-  </div>
-
+    
       <span class="price">${formatPrice(item.price)}</span>
       <button class="add-btn"
         aria-label="Add ${item.name} to cart"
@@ -356,7 +333,6 @@ newFeatures
       </button>
 
     </div>
-main
   `;
  
   const addBtn = card.querySelector(".add-btn");
@@ -414,8 +390,6 @@ function renderRecentlyViewed() {
   recentlyViewedSection.style.display = "block";
   recentItems.forEach(item => recentlyViewedContainer.appendChild(createCard(item)));
 }
-
- newFeatures
 // Unified Interactive Filter Engine =====
 function renderFavorites() {
   const favoritesContainer = document.getElementById("favorites-container");
@@ -952,7 +926,6 @@ window.reorderOrder = function (orderId) {
     sidebar.classList.add("open");
   }
 };
- newFeatures
 
 //  Cart Operations 
 
@@ -961,8 +934,6 @@ window.reorderOrder = function (orderId) {
 
  
 // ===== Toast Notification =====
- 
-main
 function showToast(message) {
   const toast = document.getElementById("toast-notification");
   if (!toast) return;
@@ -1008,27 +979,17 @@ function addToCart(id) {
 function removeFromCart(id) {
   const cartIndex = cart.findIndex(ci => ci.item.id === id);
   if (cartIndex === -1) return;
- 
-  const removedItem = cart[cartIndex].item;
-  cartManager.decreaseQuantity(id);
-  const cartItem = cart.find(
-    (ci) => ci.item.id === id
-  );
-
-  if (!cartItem) return;
 
-  const removedItem = cartItem.item;
+  const removedItem = cart[cartIndex].item;
 
-  if (
-    typeof cartManager.decreaseQuantity ===
-    "function"
-  ) {
+  if (typeof cartManager.decreaseQuantity === "function") {
     cartManager.decreaseQuantity(id);
   } else {
     cartManager.removeItem(id);
   }
+
   return true;
-};
+}
 
 window.placeOrderFromCheckout = function (customerDetails, pricingInfo) {
   if (cart.length === 0) {
@@ -1236,27 +1197,6 @@ function setupSearchSuggestions() {
     if (!searchInput.contains(e.target) && !suggestionsContainer.contains(e.target)) {
       suggestionsContainer.style.display = "none";
     }
-  );
-}
- 
-function setupSearch() {
-  const searchInput = document.getElementById("search-input");
-  const searchBtn   = document.getElementById("search-btn");
-  if (!searchInput || !searchBtn) return;
- 
-  function handleSearchClick() {
-    const menuSection = document.getElementById("menu") || document.querySelector(".menu-page");
-    if (menuSection) menuSection.scrollIntoView({ behavior: "smooth" });
-    applyAllFilters();
-  }
- 
-  searchBtn.addEventListener("click", handleSearchClick);
-  searchInput.addEventListener("keydown", (e) => {
-    if (e.key === "Enter") {
-      handleSearchClick();
-      const suggestionsContainer = document.getElementById("search-suggestions");
-      if (suggestionsContainer) suggestionsContainer.style.display = "none";
-    }
   });
 }
  
@@ -1536,7 +1476,6 @@ async function init() {
         window.location.href = `orders.html?delivery=${result.deliveryAvailable}`;
       }
     });
-    );
 
     recognition.onresult = (
       event
diff --git a/js/recommendations.js b/js/recommendations.js
index ad32cfe..13d4dd3 100644
--- a/js/recommendations.js
+++ b/js/recommendations.js
@@ -1,10 +1,6 @@
 /// ===== SMART RECOMMENDATION ENGINE =====
 
 // Load cart from localStorage
-let cart = JSON.parse(localStorage.getItem("chaatCart")) || [];
-
-// ===== FOOD PAIRINGS =====
-
 const foodPairings = {
 
   "Samosa": [
@@ -365,3 +361,24 @@ document.addEventListener("DOMContentLoaded", () => {
 
   renderComboPage();
 });
+function setupSearch() {
+  const searchInput = document.getElementById("search-input");
+  const searchBtn = document.getElementById("search-btn");
+  if (!searchInput || !searchBtn) return;
+
+  function handleSearchClick() {
+    const menuSection = document.getElementById("menu") || document.querySelector(".menu-page");
+    if (menuSection) menuSection.scrollIntoView({ behavior: "smooth" });
+    applyAllFilters();
+  }
+
+  searchBtn.addEventListener("click", handleSearchClick);
+  searchInput.addEventListener("keydown", (e) => {
+    if (e.key === "Enter") {
+      handleSearchClick();
+      const suggestionsContainer = document.getElementById("search-suggestions");
+      if (suggestionsContainer) suggestionsContainer.style.display = "none";
+    }
+  });
+}
+
diff --git a/menu.html b/menu.html
index 94d9f3d..d66f9cd 100644
--- a/menu.html
+++ b/menu.html
@@ -216,5 +216,6 @@ <h3>Contact Us</h3>
 <script src="js/loyalty.js"></script>
 <script src="js/main.js"></script>
 <script src="js/auth.js"></script>
+<script src="js/recommendations.js"></script>
 </body>
 </html>