Update templates/menu.html

templates/menu.html

@@ -529,10 +529,15 @@ form.text-center.mb-4 {
             document.getElementById('modal-description').innerText = description || 'No description available.';
             document.getElementById('addons-list').innerHTML = 'Loading customization options...';
             document.getElementById('modal-instructions').value = '';
+          
             // Set section and category for reference
             const modalSectionEl = document.getElementById('modal-section');
             modalSectionEl.setAttribute('data-section', section);
             modalSectionEl.setAttribute('data-category', selectedCategory);
+
+          // Set the default quantity to 1
+           document.getElementById('quantityInput').value = 1;
+          
             // Fetch customization options based on the section
             fetch(`/api/addons?item_name=${encodeURIComponent(name)}&item_section=${encodeURIComponent(section)}`)
                 .then(response => response.json())
@@ -548,6 +553,7 @@ form.text-center.mb-4 {
                     data.addons.forEach(addon => {
                         const sectionDiv = document.createElement('div');
                         sectionDiv.classList.add('addon-section'); // Add styling class
+                      
                         // Add section title
                         const title = document.createElement('h6');
                         title.innerText = addon.name;