Update templates/menu.html

templates/menu.html

@@ -691,7 +691,7 @@ form-check-input addon-option{
     </div>
 
   <!-- Modal for Item Details -->
- <div class="modal fade" id="itemModal" tabindex="-1" aria-labelledby="itemModalLabel" aria-hidden="true">
+<div class="modal fade" id="itemModal" tabindex="-1" aria-labelledby="itemModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-dialog-centered">
         <div class="modal-content">
             <div class="modal-header">
@@ -733,13 +733,9 @@ form-check-input addon-option{
     </div>
 </div>
 
-
-
 <!-- JavaScript -->
 <script>
-
-  
-     Show item details and fetch customization options
+    // Show item details and fetch customization options
     function showItemDetails(name, price, image, description, section, selectedCategory) {
         document.getElementById('modal-name').innerText = name;
         document.getElementById('modal-price').innerText = `$${price}`;
@@ -802,78 +798,6 @@ form-check-input addon-option{
             });
     }
 
-
-//   function showItemDetails(name, price, image, description, section, selectedCategory) {
-//     // Set the modal details
-//     document.getElementById('modal-name').innerText = name || 'Unnamed Item';
-//     document.getElementById('modal-price').innerText = price ? `$${price}` : 'Price not available';
-//     document.getElementById('modal-img').src = image || '/static/placeholder.jpg'; // Placeholder image if no image is available
-//     document.getElementById('modal-description').innerText = description || 'No description available.';
-//     document.getElementById('addons-list').innerHTML = 'Loading customization options...';
-//     document.getElementById('modal-instructions').value = ''; // Clear any previous custom request
-
-//     // Set hidden data attributes for section and category
-//     const modalSectionEl = document.getElementById('modal-section');
-//     modalSectionEl.setAttribute('data-section', section || 'default-section');
-//     modalSectionEl.setAttribute('data-category', selectedCategory || 'default-category');
-
-//     // 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())
-//         .then(data => {
-//             const addonsList = document.getElementById('addons-list');
-//             addonsList.innerHTML = ''; // Clear previous content
-
-//             if (!data.success || !data.addons || data.addons.length === 0) {
-//                 addonsList.innerHTML = '<p>No customization options available.</p>';
-//                 return;
-//             }
-
-//             // Display customization options inside styled divs
-//             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 || 'Custom Add-ons';
-//                 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}`;
-//                     const listItem = document.createElement('div');
-//                     listItem.classList.add('form-check');
-//                     listItem.innerHTML = `
-//                         <input type="checkbox" class="form-check-input addon-option" id="${optionId}" value="${option}"
-//                                data-name="${option}" data-group="${addon.name}" data-price="${addon.extra_charge ? addon.extra_charge_amount : 0}">
-//                         <label class="form-check-label" for="${optionId}">
-//                             ${option} ${addon.extra_charge ? `($${addon.extra_charge_amount})` : ''}
-//                         </label>
-//                     `;
-//                     optionsContainer.appendChild(listItem);
-//                 });
-//                 sectionDiv.appendChild(optionsContainer);
-//                 addonsList.appendChild(sectionDiv);
-//             });
-//         })
-//         .catch(err => {
-//             console.error('Error fetching add-ons:', err);
-//             document.getElementById('addons-list').innerHTML = '<p>Error loading customization options.</p>';
-//         });
-// }
-
-
-
-
-
-
-  
-
     // Handle single-select/deselect logic for checkbox groups in all modals
     document.addEventListener('click', function(event) {
         if (event.target.classList.contains('addon-option')) {