Update static/script.js

static/script.js

@@ -42,6 +42,7 @@ function handleResponse(userInput) {
     let botResponse = '';
     let options = [];
 
+    // Store food preference (Vegetarian or Non-Vegetarian)
     if (conversation.length === 2) { // After name input
         botResponse = `Nice to meet you, ${userInput}! 😊 Let's create your perfect meal! What type of food would you prefer?`;
         options = [
@@ -49,6 +50,7 @@ function handleResponse(userInput) {
             { text: 'Non-Vegetarian', class: 'red' }
         ];
     } else if (lastMessage.includes('non-vegetarian') || lastMessage.includes('non veg') || lastMessage.includes('nonveg')) {
+        conversation.push({ role: 'user', message: 'Non-Vegetarian' }); // Store Non-Vegetarian preference
         botResponse = 'Great choice! 🍽️ We have some amazing non-vegetarian options! What\'s your dietary preference?';
         options = [
             { text: 'Low Carb', class: '' },
@@ -57,16 +59,26 @@ function handleResponse(userInput) {
             { text: 'Halal', class: '' }
         ];
     } else if (lastMessage.includes('vegetarian')) {
+        conversation.push({ role: 'user', message: 'Vegetarian' }); // Store Vegetarian preference
         botResponse = 'Great choice! 🍽️ We have some amazing vegetarian options! What\'s your dietary preference?';
         options = [
             { text: 'Vegan', class: '' },
             { text: 'Gluten-Free', class: '' },
-            { text: 'Vegetarian', class: '' },
             { text: 'Low Carb', class: '' },
             { text: 'Dairy-Free', class: '' },
             { 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') || lastMessage.includes('vegetarian')) {
+        // Fetch ingredients based on previous food preference (Vegetarian or Non-Vegetarian)
+        const foodPreference = conversation.find(msg => msg.role === 'user' && (msg.message.includes('vegetarian') || msg.message.includes('non-vegetarian')))?.message.toLowerCase();
+        
+        if (foodPreference === 'vegetarian') {
+            fetchIngredients('veg'); // Fetch Vegetarian ingredients
+        } else if (foodPreference === 'non-vegetarian') {
+            fetchIngredients('non-vegetarian'); // Fetch Non-Vegetarian ingredients
+        }
+        return; // Exit early to fetch ingredients
     }
 
     addMessage('bot', botResponse);
@@ -76,14 +88,13 @@ function handleResponse(userInput) {
 }
 
 
-
-function fetchIngredients(dietaryPreference) {
+function fetchIngredients(foodPreference) {
     fetch('/get_ingredients', {
         method: 'POST',
         headers: {
             'Content-Type': 'application/json',
         },
-        body: JSON.stringify({ dietary_preference: dietaryPreference })
+        body: JSON.stringify({ dietary_preference: foodPreference }) // Send the food preference to the backend
     })
     .then(response => response.json())
     .then(data => {
@@ -91,7 +102,7 @@ function fetchIngredients(dietaryPreference) {
             addMessage('bot', `Sorry, there was an error fetching ingredients: ${data.error}`);
         } else {
             const ingredients = data.ingredients || [];
-            addMessage('bot', 'Great choice! These are available ingredients:');
+            addMessage('bot', 'Here are some available ingredients:');
             displayIngredientsList(ingredients);
             displaySelectedIngredients();
         }
@@ -101,6 +112,7 @@ function fetchIngredients(dietaryPreference) {
     });
 }
 
+
 function displayIngredientsList(ingredients) {
     const chatMessages = document.getElementById('chatMessages');
     if (!chatMessages) {
@@ -144,6 +156,7 @@ function displayIngredientsList(ingredients) {
     });
 }
 
+
 function displaySelectedIngredients() {
     const chatMessages = document.getElementById('chatMessages');
     if (!chatMessages) {