Update templates/menu.html

templates/menu.html

@@ -593,6 +593,7 @@ form-check-input addon-option{
 <script>
 // Show item details and fetch customization options
 // Show item details and fetch customization options
+// Show item details and fetch customization options
 function showItemDetails(name, price, image, description, section, selectedCategory) {
     console.log(`Showing details for: ${name}`);
     document.getElementById('modal-name').innerText = name;
@@ -658,10 +659,12 @@ function showItemDetails(name, price, image, description, section, selectedCateg
                 const checkboxes = document.querySelectorAll('.addon-option');
                 checkboxes.forEach(checkbox => {
                     const checkboxName = checkbox.getAttribute('data-name').trim(); // Trim spaces for checkbox value
+                    console.log(`Checking checkbox for: ${checkboxName}`);
+
                     // Normalize the most common add-ons to avoid spaces, then check if it's in the list
                     const normalizedAddons = window.most_common_addons.map(addon => addon.trim().toLowerCase());  // Normalize all to lowercase
 
-                    console.log(`Checking checkbox for: ${checkboxName}`);
+                    console.log("Normalized most common add-ons:", normalizedAddons);
 
                     // If the checkbox option is one of the most common add-ons, select it
                     if (normalizedAddons.includes(checkboxName.trim().toLowerCase())) {
@@ -683,6 +686,7 @@ function showItemDetails(name, price, image, description, section, selectedCateg
 
 
 
+
   function handleToggle(source) {
         const form = document.getElementById("filter-form");
         const veg = document.getElementById("veg-toggle");