Update templates/menu.html

templates/menu.html

@@ -592,90 +592,71 @@ form-check-input addon-option{
 <!-- JavaScript -->
 <script>
     // Show item details and fetch customization options
-    function showItemDetails(name, price, image, description, section, selectedCategory) {
-    // Fetch previous order details for the current user
-    fetch(`/fetch_previous_order?email=${encodeURIComponent(userEmail)}`)
-        .then(response => response.json())
-        .then(data => {
-            if (!data.success) {
-                console.error("Error fetching previous order");
-                return;
-            }
-
-            const previousOrder = data.previousOrder;
-
-            // Find the specific item in the previous order
-            const previousItem = previousOrder.find(item => item.name === name);
-
-            // Set the modal details as usual
-            document.getElementById('modal-name').innerText = name;
-            document.getElementById('modal-price').innerText = `$${price}`;
-            document.getElementById('modal-img').src = image || '/static/placeholder.jpg';
-            document.getElementById('modal-description').innerText = description || 'No description available.';
-            document.getElementById('addons-list').innerHTML = 'Loading customization options...';
-            document.getElementById('modal-instructions').value = '';
-            const modalSectionEl = document.getElementById('modal-section');
-            modalSectionEl.setAttribute('data-section', section);
-            modalSectionEl.setAttribute('data-category', selectedCategory);
-
-            // Set the default quantity to 1 (or based on previous order)
-            document.getElementById('quantityInput').value = previousItem ? previousItem.quantity : 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;
-                    }
-
-                    // Pre-select the add-ons based on previous selection
-                    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;
-                        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');
-
-                            // Check if this option was selected before
-                            const checked = previousItem.addons.includes(option);  // Pre-select based on previous addons
-
-                            listItem.innerHTML = `
-                                <input type="checkbox" class="form-check-input addon-option" id="${optionId}" value="${option}" ${checked ? 'checked' : ''}
-                                       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);
+      function showItemDetails(name, price, image, description, section, selectedCategory) {
+        document.getElementById('modal-name').innerText = name;
+        document.getElementById('modal-price').innerText = `$${price}`;
+        document.getElementById('modal-img').src = image || '/static/placeholder.jpg';
+        document.getElementById('modal-description').innerText = description || 'No description available.';
+        document.getElementById('addons-list').innerHTML = 'Loading customization options...';
+        document.getElementById('modal-instructions').value = '';
+        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())
+            .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;
+                    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);
                     });
-                })
-                .catch(err => {
-                    console.error('Error fetching add-ons:', err);
-                    document.getElementById('addons-list').innerHTML = '<p>Error loading customization options.</p>';
+                    sectionDiv.appendChild(optionsContainer);
+                    addonsList.appendChild(sectionDiv);
                 });
-        })
-        .catch(err => {
-            console.error('Error fetching previous order:', err);
-        });
-}
+            })
+            .catch(err => {
+                console.error('Error fetching add-ons:', err);
+                document.getElementById('addons-list').innerHTML = '<p>Error loading customization options.</p>';
+            });
+    }
+along with it we are storing details like    # Store all order details (before deleting cart items)
+        order_details = "\n".join(
+            f"{item['Name']} x{item['Quantity__c']} | Add-Ons: {item.get('Add_Ons__c', 'None')} | "
+            f"Instructions: {item.get('Instructions__c', 'None')} | "
+            f"Price: ${item['Price__c']} | Image: {item['Image1__c']}"
+            for item in cart_items
+        )
 
   function handleToggle(source) {
         const form = document.getElementById("filter-form");