Update static/script.js

static/script.js

@@ -87,27 +87,38 @@ function handleResponse(userInput) {
     }
 }
 
-function fetchIngredients(foodPreference) {
-    fetch('/get_ingredients', {
+let selectedIngredient = '';  // Store the selected ingredient
+
+// Function to handle ingredient selection (example)
+function selectIngredient(ingredient) {
+    selectedIngredient = ingredient;  // Store the selected ingredient
+    console.log(`Selected ingredient: ${selectedIngredient}`);
+    // Fetch menu items related to the selected ingredient
+    fetchMenuItems(selectedIngredient);
+}
+
+function submitIngredients() {
+    fetch('/submit_ingredients', {
         method: 'POST',
         headers: {
             'Content-Type': 'application/json',
         },
-        body: JSON.stringify({ dietary_preference: foodPreference })
+        body: JSON.stringify({ ingredients: selectedIngredients })
     })
     .then(response => response.json())
     .then(data => {
-        if (data.error) {
-            addMessage('bot', `Sorry, there was an error fetching ingredients: ${data.error}`);
+        if (data.success) {
+            addMessage('bot', 'Great choice! Now, let\'s see some menu items you can select.');
+
+            // Fetch the menu items dynamically based on the selected ingredient
+            fetchMenuItems(selectedIngredient);  // Use dynamically passed selectedIngredient
+
         } else {
-            const ingredients = data.ingredients || [];
-            addMessage('bot', 'Please select ingredients:');
-            displayIngredientsList(ingredients);
-            displaySelectedIngredients();
+            addMessage('bot', 'There was an issue submitting your ingredients. Please try again.');
         }
     })
     .catch(error => {
-        addMessage('bot', `Error: Unable to connect to the ingredient database. ${error.message}`);
+        addMessage('bot', `Error: ${error.message}`);
     });
 }