Update templates/menu.html

templates/menu.html

@@ -875,7 +875,7 @@
         </a>
     </div>
 
-    <!-- Modal for Item Details -->
+   <!-- Modal for Item Details -->
     <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">
@@ -897,6 +897,10 @@
                         <textarea id="modal-instructions" class="form-control" placeholder="Enter any special instructions here..."></textarea>
                     </div>
                     <span id="modal-section" data-section="" data-category="" style="display: none;"></span>
+                    <!-- Nutritional Info, Ingredients, and Allergens Display -->
+                    <div id="modal-ingredients" class="nutritional-info"></div>
+                    <div id="modal-nutritional-info" class="nutritional-info"></div>
+                    <div id="modal-allergens" class="nutritional-info"></div>
                 </div>
                 <div class="modal-footer d-flex align-items-center justify-content-between">
                     <div class="d-flex align-items-center gap-2">
@@ -939,125 +943,42 @@
 
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
     <script>
-        let isProcessingRequest = false;
-        let currentSoftDrinkButton = null;
+        // Function to update ingredients, nutritional info, and allergens dynamically
+        function showItemDetails(name, price, image, description, section, selectedCategory) {
+            document.getElementById('modal-name').innerText = name;
+            document.getElementById('modal-price').innerText = `$${price}`;
+            const modalImg = document.getElementById('modal-img');
+            modalImg.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);
+            document.getElementById('quantityInput').value = 1;
 
-        const menuItems = [
-            {% for section, items in ordered_menu.items() %}
-                {% for item in items %}
-                    "{{ item.Name | default('Unnamed Item') }}",
-                {% endfor %}
-            {% endfor %}
-        ];
+            fetch(`/api/menu-item-details?item_name=${encodeURIComponent(name)}&section=${encodeURIComponent(section)}`)
+                .then(response => response.json())
+                .then(data => {
+                    if (data.success) {
+                        const itemDetails = data.itemDetails;
 
-        const ingredientsList = [
-            "Basmati Rice", "Bell Pepper", "Biryani Masala", "Butter", "Capsicum", "Cauliflower",
-            "Chickpea Flour (Besan)", "Chickpea Flour (for batter)", "Chickpeas (Channa)", "Chili Powder",
-            "Chili Sauce", "Coconut Milk", "Coriander Powder", "Cornflour", "Cream", "Cumin Powder",
-            "Cumin Seeds", "Curd (Yogurt)", "Curry Leaves", "Fish (e.g., King Fish or Salmon)",
-            "Fresh Coriander Leaves", "Garam Masala", "Garlic", "Ghee (Clarified Butter)", "Ginger",
-            "Ginger-Garlic Paste", "Goat Meat (Mutton)", "Green Chilies", "Honey",
-            "Kasuri Methi (dried fenugreek leaves)", "Lemon Juice", "Mango Puree", "Mint Leaves",
-            "Mixed Vegetables (Carrot, Peas, Potato, Cauliflower)", "Mixed Vegetables (Carrot, Peas, Potato)",
-            "Mustard Seeds", "Mutton (Goat Meat)", "Oil", "Oil (for frying)", "Onion",
-            "Paneer (Indian Cottage Cheese)", "Peas", "Potatoes", "Prawns", "Red Chili Powder",
-            "Rice Flour", "Saffron", "Salt", "Soy Sauce", "Spring Onion", "Tamarind (for sourness)",
-            "Tomato Ketchup", "Tomatoes", "Turmeric Powder", "Vinegar", "Water", "Wheat Flour (for dough)",
-            "Whole Wheat Flour", "Yogurt (Curd)"
-        ];
+                        // Update Ingredients, Nutritional Info, and Allergens dynamically
+                        document.getElementById('modal-ingredients').innerHTML = `<h6>Ingredients:</h6><p>${itemDetails.ingredients || 'Not Available'}</p>`;
+                        document.getElementById('modal-nutritional-info').innerHTML = `
+                            <h6>Nutritional Info:</h6>
+                            <p>Calories: ${itemDetails.nutritionalInfo.calories || 'Not Available'}</p>
+                            <p>Carbs: ${itemDetails.nutritionalInfo.carbs || 'Not Available'}</p>
+                            <p>Protein: ${itemDetails.nutritionalInfo.protein || 'Not Available'}</p>
+                            <p>Fats: ${itemDetails.nutritionalInfo.fats || 'Not Available'}</p>`;
+                        document.getElementById('modal-allergens').innerHTML = `<h6>Allergens:</h6><p>${itemDetails.allergens || 'Not Available'}</p>`;
+                    }
+                })
+                .catch(err => {
+                    console.error('Error fetching item details:', err);
+                });
+        }
 
-        const menuItemDetails = {
-            "Veg Manchurian": {
-                ingredients: "Cauliflower, Onion, Ginger, Garlic, Soy Sauce, Cornflour, Green Chilies, Capsicum, Spring Onion",
-                nutritionalInfo: { calories: 250, protein: 5, carbs: 35, fats: 12, fiber: 3, sugar: 2 },
-                allergens: "Soy, Gluten"
-            },
-            "Veg Biryani": {
-                ingredients: "Basmati Rice, Mixed Vegetables (Carrot, Peas, Potato, Cauliflower), Ginger, Garlic, Biryani Masala, Mint Leaves, Curd, Onion, Ghee",
-                nutritionalInfo: { calories: 300, protein: 6, carbs: 50, fats: 12, fiber: 5, sugar: 3 },
-                allergens: "Dairy"
-            },
-            "Sukka Gosht (Goat)": {
-                ingredients: "Goat Meat, Ginger-Garlic Paste, Green Chilies, Onion, Tomatoes, Garam Masala, Coriander Powder, Cumin Powder, Fresh Coriander",
-                nutritionalInfo: { calories: 450, protein: 35, carbs: 10, fats: 30, fiber: 2, sugar: 1 },
-                allergens: "None"
-            },
-            "Samosa": {
-                ingredients: "Potatoes, Peas, Onion, Ginger, Cumin Seeds, Garam Masala, Wheat Flour (for dough), Oil (for frying)",
-                nutritionalInfo: { calories: 150, protein: 3, carbs: 25, fats: 7, fiber: 2, sugar: 1 },
-                allergens: "Gluten"
-            },
-            "Roti": {
-                ingredients: "Whole Wheat Flour, Water, Salt",
-                nutritionalInfo: { calories: 150, protein: 4, carbs: 30, fats: 1, fiber: 3, sugar: 0 },
-                allergens: "Gluten"
-            },
-            "Prawn Fry": {
-                ingredients: "Prawns, Garlic, Ginger, Chili Powder, Coriander Powder, Cumin Powder, Lemon Juice, Oil",
-                nutritionalInfo: { calories: 350, protein: 25, carbs: 10, fats: 20, fiber: 1, sugar: 1 },
-                allergens: "Shellfish"
-            },
-            "Paneer Butter Masala": {
-                ingredients: "Paneer, Butter, Cream, Tomato Puree, Onion, Ginger, Garlic, Garam Masala",
-                nutritionalInfo: { calories: 400, protein: 15, carbs: 20, fats: 25, fiber: 2, sugar: 3 },
-                allergens: "Dairy"
-            },
-            "Paneer Biryani": {
-                ingredients: "Paneer, Basmati Rice, Mixed Vegetables (Carrot, Peas, Potato), Onion, Tomatoes, Biryani Masala, Mint Leaves, Curd",
-                nutritionalInfo: { calories: 350, protein: 12, carbs: 55, fats: 15, fiber: 4, sugar: 3 },
-                allergens: "Dairy"
-            },
-            "Onion Pakoda": {
-                ingredients: "Onion, Chickpea Flour (Besan), Rice Flour, Green Chilies, Cumin Seeds, Ginger, Turmeric Powder, Oil (for frying)",
-                nutritionalInfo: { calories: 200, protein: 5, carbs: 30, fats: 8, fiber: 3, sugar: 2 },
-                allergens: "Gluten (if cross-contamination)"
-            },
-            "Mutton Biryani": {
-                ingredients: "Mutton, Basmati Rice, Onion, Tomatoes, Ginger-Garlic Paste, Biryani Masala, Mint Leaves, Yogurt, Ghee",
-                nutritionalInfo: { calories: 500, protein: 30, carbs: 50, fats: 25, fiber: 4, sugar: 3 },
-                allergens: "Dairy"
-            },
-            "Fish Curry": {
-                ingredients: "Fish (any firm fish like Salmon or King Fish), Onion, Tomato, Ginger-Garlic Paste, Curry Leaves, Coconut Milk, Tamarind, Mustard Seeds",
-                nutritionalInfo: { calories: 300, protein: 25, carbs: 10, fats: 20, fiber: 2, sugar: 1 },
-                allergens: "Fish"
-            },
-            "Fiery Mango Glaze Chicken": {
-                ingredients: "Chicken, Mango Puree, Chili Sauce, Soy Sauce, Honey, Garlic, Ginger, Lemon Juice",
-                nutritionalInfo: { calories: 350, protein: 30, carbs: 15, fats: 18, fiber: 1, sugar: 5 },
-                allergens: "Soy"
-            },
-            "Chilli Gobi": {
-                ingredients: "Cauliflower, Onion, Green Chilies, Soy Sauce, Cornflour, Garlic, Ginger, Cumin Powder",
-                nutritionalInfo: { calories: 250, protein: 6, carbs: 35, fats: 12, fiber: 3, sugar: 2 },
-                allergens: "Soy, Gluten"
-            },
-            "Chilli Chicken": {
-                ingredients: "Chicken, Bell Pepper, Onion, Green Chilies, Soy Sauce, Cornflour, Garlic, Ginger",
-                nutritionalInfo: { calories: 400, protein: 35, carbs: 20, fats: 18, fiber: 2, sugar: 2 },
-                allergens: "Soy, Gluten"
-            },
-            "Chicken Manchurian": {
-                ingredients: "Chicken, Onion, Garlic, Ginger, Soy Sauce, Cornflour, Green Chilies, Capsicum",
-                nutritionalInfo: { calories: 350, protein: 25, carbs: 20, fats: 18, fiber: 2, sugar: 2 },
-                allergens: "Soy, Gluten"
-            },
-            "Chicken Curry": {
-                ingredients: "Chicken, Onion, Tomatoes, Ginger-Garlic Paste, Garam Masala, Coconut Milk, Coriander Leaves",
-                nutritionalInfo: { calories: 350, protein: 28, carbs: 15, fats: 12, fiber: 4, sugar: 2 },
-                allergens: "None"
-            },
-            "Chicken Biryani": {
-                ingredients: "Chicken, Basmati Rice, Onion, Tomatoes, Ginger-Garlic Paste, Biryani Masala, Mint Leaves, Curd",
-                nutritionalInfo: { calories: 500, protein: 35, carbs: 60, fats: 20, fiber: 5, sugar: 3 },
-                allergens: "Dairy"
-            },
-            "Channa Masala": {
-                ingredients: "Chickpeas, Onion, Tomatoes, Ginger-Garlic Paste, Garam Masala, Coriander Powder, Cumin Seeds, Lemon Juice",
-                nutritionalInfo: { calories: 250, protein: 10, carbs: 45, fats: 5, fiber: 6, sugar: 2 },
-                allergens: "None"
-            }
-        };
 
         function addToCartLocalStorage(payload) {
             let cart = JSON.parse(localStorage.getItem('cart')) || [];