Update templates/menu.html

templates/menu.html

@@ -598,7 +598,6 @@ form-check-input addon-option{
   console.log("Most common add-ons: ", window.most_common_addons);
 // 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,11 +657,13 @@ 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) {
                 const checkboxes = document.querySelectorAll('.addon-option');
-                
+
                 // Group add-ons by category
                 const categorySelection = {
-                    "Spice Level": null,  // Ensure only one spice level is selected
-                    // Add other categories like "Oil/Ghee" if needed
+                    "Select Spice Level": null,  // Ensure only one spice level is selected
+                    "Choose Spice Level": null,  // Ensure only one spice level is selected
+                    "Raita/Sides": [],    // Allow multiple selections for Raita/Sides
+                    // Add other categories if needed
                 };
 
                 checkboxes.forEach(checkbox => {
@@ -670,12 +671,19 @@ function showItemDetails(name, price, image, description, section, selectedCateg
                     const checkboxGroup = checkbox.getAttribute('data-group'); // Get the category/group of this checkbox
 
                     // If the checkbox belongs to a predefined category like "Spice Level"
-                    if (checkboxGroup === "Spice Level") {
-                        // If we haven't already selected a spice level, select this one
-                        if (categorySelection["Spice Level"] === null) {
-                            console.log(`Pre-selecting spice level: ${checkboxName}`);
+                    if (checkboxGroup === "Select Spice Level" || checkboxGroup === "Choose Spice Level") {
+                        // If we haven't already selected a spice level for this category, select this one
+                        if (categorySelection[checkboxGroup] === null) {
+                            console.log(`Pre-selecting spice level: ${checkboxName} for ${checkboxGroup}`);
+                            checkbox.checked = true;
+                            categorySelection[checkboxGroup] = checkboxName; // Mark as selected for this category
+                        }
+                    } else if (checkboxGroup === "Raita/Sides") {
+                        // For Raita/Sides, select any matching add-ons
+                        if (window.most_common_addons.includes(checkboxName)) {
+                            console.log(`Pre-selecting add-on: ${checkboxName}`);
                             checkbox.checked = true;
-                            categorySelection["Spice Level"] = checkboxName; // Mark as selected
+                            categorySelection["Raita/Sides"].push(checkboxName); // Mark as selected
                         }
                     } else {
                         // For other categories, select matching add-ons
@@ -694,8 +702,6 @@ function showItemDetails(name, price, image, description, section, selectedCateg
 }
 
 
-
-
   function handleToggle(source) {
         const form = document.getElementById("filter-form");
         const veg = document.getElementById("veg-toggle");