Update templates/index.html

templates/index.html

@@ -502,6 +502,7 @@
 
 function resetToPreviousStep() {
     console.log('Resetting to previous step. Current step:', currentStep);
+
     // Based on the currentStep, go back to the previous step
     if (currentStep === 'food_type') {
         currentStep = 'greeting';
@@ -514,7 +515,7 @@ function resetToPreviousStep() {
     } else if (currentStep === 'customization') {
         currentStep = 'menu_display';
         console.log('Step changed to menu_display.');
-        //fetchMenuItems({ ingredient_names: ingredientNames });
+        fetchMenuItems({ ingredient_names: ingredientNames });
     } else if (currentStep === 'post_cart') {
         currentStep = 'food_type';
         conversation.push({ role: 'bot', message: 'What type of food would you prefer?' });
@@ -523,6 +524,18 @@ function resetToPreviousStep() {
         console.error('Unexpected currentStep value:', currentStep);
     }
 
+    // After going back to 'select_ingredients', trigger the fetchIngredients again
+    if (currentStep === 'select_ingredients') {
+        const lastMessage = conversation[conversation.length - 1].message.toLowerCase();
+        if (lastMessage.includes('vegetarian')) {
+            console.log('Fetching vegetarian ingredients again after back.');
+            fetchIngredients('vegetarian');
+        } else if (lastMessage.includes('non-vegetarian')) {
+            console.log('Fetching non-vegetarian ingredients again after back.');
+            fetchIngredients('non-vegetarian');
+        }
+    }
+
     // Ensure the bot message is updated according to the previous step
     setTimeout(() => handleResponse(conversation[conversation.length - 1].message), 500);
 }
@@ -714,28 +727,32 @@ function resetToPreviousStep() {
                 });
         }
 
-        function fetchIngredients(foodPreference) {
+                function fetchIngredients(foodPreference) {
+            console.log('Fetching ingredients for preference:', foodPreference);  // Log the request to ensure it's being called
             fetch('/get_ingredients', {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
                 body: JSON.stringify({ dietary_preference: foodPreference })
             })
-                .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', 'Please select ingredients:');
-                        displayIngredientsList(ingredients);
-                        displaySelectedIngredients();
-                    }
-                })
-                .catch(error => {
-                    addMessage('bot', `Error: Unable to connect to the ingredient database. ${error.message}`);
-                });
+            .then(response => response.json())
+            .then(data => {
+                console.log('Fetched ingredients:', data);  // Log the response data
+                if (data.error) {
+                    addMessage('bot', `Sorry, there was an error fetching ingredients: ${data.error}`);
+                } else {
+                    const ingredients = data.ingredients || [];
+                    addMessage('bot', 'Please select ingredients:');
+                    displayIngredientsList(ingredients);
+                    displaySelectedIngredients();
+                }
+            })
+            .catch(error => {
+                console.error('Error fetching ingredients:', error);  // Log any errors in the fetch call
+                addMessage('bot', `Error: Unable to connect to the ingredient database. ${error.message}`);
+            });
         }
 
+
         function fetchMenuItems(params) {
             fetch('/get_menu_items', {
                 method: 'POST',