Update templates/menu.html

templates/menu.html

@@ -1765,6 +1765,10 @@
                 cartItemCount.style.display = totalQuantity > 0 ? 'inline-flex' : 'none';
             }
         }
+
+
+        window.most_common_addons = {{ most_common_addons | tojson }};
+        console.log("Most common add-ons: ", window.most_common_addons);
         function showItemDetails(name, price, image, description, section, selectedCategory) {
             document.getElementById('modal-name').innerText = name;
             baseItemPrice = parseFloat(price) || 0;
@@ -1779,7 +1783,6 @@
             modalSectionEl.setAttribute('data-section', section);
             modalSectionEl.setAttribute('data-category', selectedCategory);
             document.getElementById('quantityInput').value = 1;
-
             fetch(`/api/addons?item_name=${encodeURIComponent(name)}&item_section=${encodeURIComponent(section)}`)
                 .then(response => response.json())
                 .then(data => {
@@ -1790,7 +1793,6 @@
                         addonsList.innerHTML = '<p>No customization options available.</p>';
                         return;
                     }
-
                     data.addons.forEach(addon => {
                         const sectionDiv = document.createElement('div');
                         sectionDiv.classList.add('addon-section');
@@ -1799,7 +1801,6 @@
                         sectionDiv.appendChild(title);
                         const optionsContainer = document.createElement('div');
                         optionsContainer.classList.add('addon-options');
-
                         addon.options.forEach((option, index) => {
                             const optionId = `addon-${addon.name.replace(/\s+/g, '')}-${index}`;
                             const listItem = document.createElement('div');
@@ -1814,11 +1815,9 @@
                             `;
                             optionsContainer.appendChild(listItem);
                         });
-
                         sectionDiv.appendChild(optionsContainer);
                         addonsList.appendChild(sectionDiv);
                     });
-
                     const addonSections = addonsList.querySelectorAll('.addon-section');
                     addonSections.forEach(section => {
                         const title = section.querySelector('h6');
@@ -1828,11 +1827,9 @@
                             options.classList.toggle('collapsed');
                         });
                     });
-
                     document.querySelectorAll('.addon-option').forEach(checkbox => {
                         checkbox.addEventListener('change', updateModalPrice);
                     });
-
                     document.querySelectorAll('.addon-option').forEach(checkbox => {
                         checkbox.addEventListener('change', function () {
                             const groupName = this.getAttribute('data-group');
@@ -1846,6 +1843,42 @@
                             }
                         });
                     });
+                    // Pre-select the highest-count spice level
+                    if (window.most_common_addons && window.most_common_addons.length > 0) {
+                        const checkboxes = document.querySelectorAll('.addon-option');
+                        const categorySelection = {
+                            "Select Spice Level": null,
+                            "Choose Spice Level": null,
+                            "Raita/Sides": [],
+                        };
+                        // First pass: Find and select the highest-count spice level
+                        for (let spice of window.most_common_addons) {
+                            const isSpiceLevel = ["Mild", "Medium", "Spicy", "Extra Spicy"].includes(spice); // Define valid spice levels
+                            if (isSpiceLevel) {
+                                checkboxes.forEach(checkbox => {
+                                    const checkboxName = checkbox.getAttribute('data-name').trim();
+                                    const checkboxGroup = checkbox.getAttribute('data-group');
+                                    if ((checkboxGroup === "Select Spice Level" || checkboxGroup === "Choose Spice Level") &&
+                                        checkboxName === spice && categorySelection[checkboxGroup] === null) {
+                                        console.log(`Pre-selecting highest-count spice level: ${checkboxName}`);
+                                        checkbox.checked = true;
+                                        categorySelection[checkboxGroup] = checkboxName;
+                                    }
+                                });
+                                if (categorySelection["Select Spice Level"] || categorySelection["Choose Spice Level"]) break; // Stop after selecting the first spice
+                            }
+                        }
+                        // Second pass: Select other non-spice add-ons (e.g., Raita/Sides)
+                        checkboxes.forEach(checkbox => {
+                            const checkboxName = checkbox.getAttribute('data-name').trim();
+                            const checkboxGroup = checkbox.getAttribute('data-group');
+                            if (checkboxGroup === "Raita/Sides" && window.most_common_addons.includes(checkboxName)) {
+                                console.log(`Pre-selecting add-on: ${checkboxName}`);
+                                checkbox.checked = true;
+                                categorySelection["Raita/Sides"].push(checkboxName);
+                            }
+                        });
+                    }
                 })
                 .catch(err => {
                     console.error('Error fetching add-ons:', err);