Update static/script.js

static/script.js

@@ -28,10 +28,7 @@ function sendMessage() {
         addMessage('user', message);
         conversation.push({ role: 'user', message: message });
         userInput.value = '';
-
-        setTimeout(() => {
-            handleResponse(message);
-        }, 500);
+        setTimeout(() => handleResponse(message), 500);
     } else {
         console.warn('Empty message!');
     }
@@ -48,27 +45,9 @@ function handleResponse(userInput) {
             { text: 'Vegetarian', class: 'green' },
             { text: 'Non-Vegetarian', class: 'red' }
         ];
-    } else if (lastMessage.includes('vegetarian')) {
-        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('non-vegetarian')) {
-        botResponse = 'Great choice! 🍽️ We have some amazing non-vegetarian options! What\'s your dietary preference?';
-        options = [
-            { 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')) {
-        fetchIngredients(lastMessage);
+    } else if (lastMessage.includes('vegetarian') || lastMessage.includes('non-vegetarian')) {
+        botResponse = `Great choice! 🍽️ These are the available ingredients for ${lastMessage}:`;
+        fetchIngredients(lastMessage.toLowerCase()); // Pass the preference directly
         return; // Exit early to handle ingredients fetch
     }
 
@@ -109,7 +88,6 @@ function displayIngredientsList(ingredients) {
         return;
     }
 
-    // Create or update ingredients list
     let ingredientsList = document.querySelector('.ingredients-list');
     if (!ingredientsList) {
         ingredientsList = document.createElement('div');
@@ -123,7 +101,7 @@ function displayIngredientsList(ingredients) {
         const item = document.createElement('div');
         item.className = 'ingredient-item';
         const img = document.createElement('img');
-        img.src = ingredient.image_url || 'https://via.placeholder.com/80'; // Fallback image
+        img.src = ingredient.image_url || 'https://via.placeholder.com/80';
         img.alt = ingredient.name;
         const name = document.createElement('div');
         name.textContent = ingredient.name;
@@ -152,7 +130,6 @@ function displaySelectedIngredients() {
         return;
     }
 
-    // Create or update selected ingredients area
     let selectedArea = document.querySelector('.selected-ingredients');
     if (!selectedArea) {
         selectedArea = document.createElement('div');