Update static/script.js

static/script.js

@@ -66,16 +66,9 @@ function handleResponse(userInput) {
             { text: 'Keto', class: '' },
             { text: 'Halal', class: '' }
         ];
-    } else if (lastMessage.includes('low carb') || lastMessage.includes('dairy-free') || lastMessage.includes('keto') || lastMessage.includes('halal') || lastMessage.includes('gluten-free') || lastMessage.includes('vegan')) {
-        botResponse = 'Wonderful choice! 😊 Let\'s pick your favorite ingredients:';
-        options = [
-            { text: 'Potatoes', class: '' },
-            { text: 'Tomatoes', class: '' },
-            { text: 'Spinach', class: '' },
-            { text: 'Cauliflower', class: '' },
-            { text: 'Paneer', class: '' },
-            { text: 'Tofu', class: '' }
-        ];
+    } else if (lastMessage.includes('low carb') || lastMessage.includes('dairy-free') || lastMessage.includes('keto') || lastMessage.includes('halal') || lastMessage.includes('gluten-free') || lastMessage.includes('vegan') || lastMessage.includes('vegetarian')) {
+        fetchIngredients(lastMessage);
+        return; // Exit early to handle ingredients fetch
     }
 
     addMessage('bot', botResponse);
@@ -84,6 +77,33 @@ function handleResponse(userInput) {
     }
 }
 
+function fetchIngredients(dietaryPreference) {
+    fetch('/get_ingredients', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({ dietary_preference: dietaryPreference })
+    })
+    .then(response => response.json())
+    .then(data => {
+        if (data.error) {
+            addMessage('bot', `Sorry, there was an error fetching ingredients: ${data.error}`);
+        } else {
+            const ingredients = data.ingredients || [];
+            addMessage('bot', 'Great choice! These are available ingredients:');
+            if (ingredients.length > 0) {
+                ingredients.forEach(ingredient => addMessage('bot', `- ${ingredient}`));
+            } else {
+                addMessage('bot', '- No ingredients available.');
+            }
+        }
+    })
+    .catch(error => {
+        addMessage('bot', `Error: Unable to connect to the ingredient database. ${error.message}`);
+    });
+}
+
 function displayOptions(options) {
     const chatMessages = document.getElementById('chatMessages');
     if (!chatMessages) {