Update templates/menu.html

templates/menu.html

@@ -272,28 +272,24 @@
                 return;
             }
 
-            // Reorder the addons array to move "Spice Level" to the top
+            // Reorder addons: Move "Spice Level" to the top
             const reorderedAddons = [];
             const spiceLevelIndex = data.addons.findIndex(addon => addon.name === "Spice Level");
             if (spiceLevelIndex !== -1) {
-                // Remove "Spice Level" from its current position and add it to the start
-                const spiceLevel = data.addons.splice(spiceLevelIndex, 1)[0];
-                reorderedAddons.push(spiceLevel);
+                const spiceLevel = data.addons.splice(spiceLevelIndex, 1)[0]; // Remove "Spice Level" from its current position
+                reorderedAddons.push(spiceLevel); // Add it to the top
             }
-            // Add the remaining addons
-            reorderedAddons.push(...data.addons);
+            reorderedAddons.push(...data.addons); // Add the remaining addons
 
             // Display customization options inside styled divs
             reorderedAddons.forEach(addon => {
                 const sectionDiv = document.createElement('div');
-                sectionDiv.classList.add('addon-section'); // Add styling class
+                sectionDiv.classList.add('addon-section');
 
-                // Add section title
                 const title = document.createElement('h6');
                 title.innerText = addon.name;
                 sectionDiv.appendChild(title);
 
-                // Create options list
                 const optionsContainer = document.createElement('div');
                 addon.options.forEach((option, index) => {
                     const optionId = `addon-${addon.name.replace(/\s+/g, '')}-${index}`;
@@ -316,9 +312,7 @@
             console.error('Error fetching add-ons:', err);
             document.getElementById('addons-list').innerHTML = '<p>Error loading customization options.</p>';
         });
- = '<p>Error loading customization options.</p>';
-                });
-        }
+}
 </script>
 
 </body>