Update templates/menu.html

templates/menu.html

@@ -563,7 +563,7 @@ form-check-input addon-option{
                 <p id="modal-price" class="text-muted text-center"></p>
                 <!-- Item Description -->
                 <p id="modal-description" class="text-secondary"></p>
-                <div id="most-common-addons"></div>
+               
                 <!-- Add-ons -->
                 <div id="modal-addons" class="modal-addons mt-4">
                     <h6>Customization Options</h6>
@@ -597,6 +597,7 @@ form-check-input addon-option{
  window.most_common_addons = {{ most_common_addons | tojson }};
   console.log("Most common add-ons: ", window.most_common_addons);
 // 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;
@@ -612,38 +613,15 @@ function showItemDetails(name, price, image, description, section, selectedCateg
     // Set the default quantity to 1
     document.getElementById('quantityInput').value = 1;
 
-    // Display most common add-ons if available
-    const mostCommonAddonsSection = document.getElementById('most-common-addons');
-    
-    // Ensure the element exists before setting its innerHTML
-    if (mostCommonAddonsSection) {
-        mostCommonAddonsSection.innerHTML = ''; // Clear previous content
-        if (window.most_common_addons && window.most_common_addons.length > 0) {
-            // Display the most common add-ons
-            let commonAddonsText = "<h6>Most Common Add-Ons:</h6><ul>";
-            window.most_common_addons.forEach(addon => {
-                commonAddonsText += `<li>${addon}</li>`;
-            });
-            commonAddonsText += "</ul>";
-            mostCommonAddonsSection.innerHTML = commonAddonsText;
-        } else {
-            mostCommonAddonsSection.innerHTML = '<p>No most common add-ons found.</p>';
-        }
-    } else {
-        console.error("Element with id 'most-common-addons' not found.");
-    }
-
     // Fetch customization options based on the section
     fetch(`/api/addons?item_name=${encodeURIComponent(name)}&item_section=${encodeURIComponent(section)}`)
         .then(response => response.json())
         .then(data => {
             const addonsList = document.getElementById('addons-list');
             addonsList.innerHTML = ''; // Clear previous content
-            console.log("Fetching customization options:", data);
 
             if (!data.success || !data.addons || data.addons.length === 0) {
                 addonsList.innerHTML = '<p>No customization options available.</p>';
-                console.log("No customization options available.");
                 return;
             }
 
@@ -678,28 +656,18 @@ function showItemDetails(name, price, image, description, section, selectedCateg
 
             // Pre-select the most common add-ons (if any)
             if (window.most_common_addons && window.most_common_addons.length > 0) {
-                console.log("Pre-selecting most common add-ons:", window.most_common_addons);
-
                 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("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())) {
-                        console.log(`Pre-selecting checkbox for: ${checkboxName}`);
                         checkbox.checked = true;
-                    } else {
-                        console.log(`Not pre-selecting checkbox for: ${checkboxName}`);
                     }
                 });
-            } else {
-                console.log("No most common add-ons to pre-select.");
             }
         })
         .catch(err => {
@@ -709,6 +677,7 @@ function showItemDetails(name, price, image, description, section, selectedCateg
 }
 
 
+
   function handleToggle(source) {
         const form = document.getElementById("filter-form");
         const veg = document.getElementById("veg-toggle");