Update templates/menu.html

templates/menu.html

@@ -591,9 +591,6 @@ form-check-input addon-option{
 
 <!-- JavaScript -->
 <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}`);
@@ -659,9 +656,9 @@ function showItemDetails(name, price, image, description, section, selectedCateg
 
                 const checkboxes = document.querySelectorAll('.addon-option');
                 checkboxes.forEach(checkbox => {
-                    const checkboxName = checkbox.getAttribute('data-name');
+                    const checkboxName = checkbox.getAttribute('data-name').trim(); // Trim spaces
                     // If the checkbox option is one of the most common add-ons, select it
-                    if (window.most_common_addons.includes(checkboxName)) {
+                    if (window.most_common_addons.map(addon => addon.trim()).includes(checkboxName)) {
                         console.log(`Pre-selecting checkbox for: ${checkboxName}`);
                         checkbox.checked = true;
                     } else {
@@ -679,7 +676,6 @@ function showItemDetails(name, price, image, description, section, selectedCateg
 }
 
 
-
   function handleToggle(source) {
         const form = document.getElementById("filter-form");
         const veg = document.getElementById("veg-toggle");