Update templates/index.html

templates/index.html

@@ -432,89 +432,100 @@
         }
 
         function handleResponse(userInput) {
-            const lastMessage = conversation[conversation.length - 1].message.toLowerCase();
-            let botResponse = '';
-            let options = [];
-
-            if (conversation.length === 2) { // After name input
-                currentStep = 'food_type';
-                botResponse = `Nice to meet you, ${userInput}! 😊 Let's create your perfect meal! What type of food would you prefer?`;
-                options = [
-                    { text: 'Vegetarian', class: 'green' },
-                    { text: 'Non-Vegetarian', class: 'red' }
-                ];
-            } else if (lastMessage.includes('non-vegetarian')) {
-                currentStep = 'select_ingredients';
-
-                conversation.push({ role: 'user', message: 'Non-Vegetarian' });
-                console.log("Food preference selected: Non-Vegetarian");
-                botResponse = 'Great choice! 🍽️ Please select a non-vegetarian option:';
-                fetchIngredients('non-vegetarian');
-                return;
-            } else if (lastMessage.includes('vegetarian')) {
-                currentStep = 'select_ingredients';
-
-                conversation.push({ role: 'user', message: 'Vegetarian' });
-                console.log("Food preference selected: Vegetarian");
-                botResponse = 'Great choice! 🍽️ Here are some vegetarian ingredients:';
-                fetchIngredients('vegetarian');
-                return;
-            } else if (lastMessage.includes('chicken') || lastMessage.includes('beef') || lastMessage.includes('lamb')) {
-                conversation.push({ role: 'user', message: lastMessage });
-                console.log(`Non-veg option selected: ${lastMessage}`);
-                botResponse = `Great! Here are some ${lastMessage} ingredients available:`;
-                fetchIngredients(lastMessage.toLowerCase());
-                return;
-            } else if (lastMessage.includes('yes') && selectedMenuItem) {
-                botResponse = 'Here are some ingredients to customize your dish:';
-                handleYesResponse();
-                return;
-            } else if (lastMessage.includes('no') && selectedMenuItem) {
-                // Submit the dish without customization
-                submitCustomizationIngredients();
-                return;
-            } else if (lastMessage.includes('yes') && currentStep === 'post_cart') {
-                // After user says 'yes', ask again for food preference (veg or non-veg)
-                botResponse = `Let's get started again! What type of food would you prefer this time?`;
-                options = [
-                    { text: 'Vegetarian', class: 'green' },
-                    { text: 'Non-Vegetarian', class: 'red' }
-                ];
-                currentStep = 'food_type';
-                addMessage('bot', botResponse);
-                displayOptions(options);
-                return;
-            } else if (lastMessage.includes('non-vegetarian') && currentStep === 'food_type') {
-                // Handle non-vegetarian selection
-                conversation.push({ role: 'user', message: 'Non-Vegetarian' });
-                console.log("Food preference selected: Non-Vegetarian");
-                botResponse = 'Great choice! 🍽️ Please select a non-vegetarian option:';
-                fetchIngredients('non-vegetarian');
-                return;
-            } else if (lastMessage.includes('vegetarian') && currentStep === 'food_type') {
-                // Handle vegetarian selection
-                conversation.push({ role: 'user', message: 'Vegetarian' });
-                console.log("Food preference selected: Vegetarian");
-                botResponse = 'Great choice! 🍽️ Here are some vegetarian ingredients:';
-                fetchIngredients('vegetarian');
-                return;
-            } else if (lastMessage.includes('no') && currentStep === 'post_cart') {
-                addMessage('bot', 'Awesome! 🧾 Here’s your final cart:');
-                displayCart();  // Optional: show final cart again
-                addMessage('bot', 'Thank you for your order! 👨‍🍳🍲');
-                currentStep = 'end';
-                return;
-            }
-
+    const lastMessage = conversation[conversation.length - 1].message.toLowerCase();
+    let botResponse = '';
+    let options = [];
+    
+    // Check for previous states and handle accordingly
+    if (conversation.length === 2) { // After name input
+        currentStep = 'food_type';
+        botResponse = `Nice to meet you, ${userInput}! 😊 Let's create your perfect meal! What type of food would you prefer?`;
+        options = [
+            { text: 'Vegetarian', class: 'green' },
+            { text: 'Non-Vegetarian', class: 'red' }
+        ];
+    } else if (lastMessage.includes('non-vegetarian')) {
+        currentStep = 'select_ingredients';
+        botResponse = 'Great choice! 🍽️ Please select a non-vegetarian option:';
+        fetchIngredients('non-vegetarian');
+        return;
+    } else if (lastMessage.includes('vegetarian')) {
+        currentStep = 'select_ingredients';
+        botResponse = 'Great choice! 🍽️ Here are some vegetarian ingredients:';
+        fetchIngredients('vegetarian');
+        return;
+    } else if (lastMessage.includes('chicken') || lastMessage.includes('beef') || lastMessage.includes('lamb')) {
+        currentStep = 'select_ingredients';
+        botResponse = `Great! Here are some ${lastMessage} ingredients available:`;
+        fetchIngredients(lastMessage.toLowerCase());
+        return;
+    } else if (lastMessage.includes('yes') && selectedMenuItem) {
+        botResponse = 'Here are some ingredients to customize your dish:';
+        handleYesResponse();
+        return;
+    } else if (lastMessage.includes('no') && selectedMenuItem) {
+        // Submit the dish without customization
+        submitCustomizationIngredients();
+        return;
+    } else if (lastMessage.includes('yes') && currentStep === 'post_cart') {
+        // After user says 'yes', ask again for food preference (veg or non-veg)
+        botResponse = `Let's get started again! What type of food would you prefer this time?`;
+        options = [
+            { text: 'Vegetarian', class: 'green' },
+            { text: 'Non-Vegetarian', class: 'red' }
+        ];
+        currentStep = 'food_type';
+        addMessage('bot', botResponse);
+        displayOptions(options);
+        return;
+    } else if (lastMessage.includes('no') && currentStep === 'post_cart') {
+        addMessage('bot', 'Awesome! 🧾 Here’s your final cart:');
+        displayCart();  // Optional: show final cart again
+        addMessage('bot', 'Thank you for your order! 👨‍🍳🍲');
+        currentStep = 'end'; // Step after cart
+        return;
+    } else if (currentStep === 'customization') {
+        currentStep = 'menu_display'; // Reverting to menu display after customization
+        console.log('Step changed to menu_display.');
+        fetchMenuItems({ ingredient_names: ingredientNames });
+        return;
+    }
+
+    addMessage('bot', botResponse);
+    if (options.length > 0) {
+        displayOptions(options);
+    }
+    displayCart();
+}
+
+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';
+        conversation.push({ role: 'bot', message: "Hi there! I'm Chef Bot! May I know your name?" });
+        console.log('Step changed to greeting. Conversation updated.');
+    } else if (currentStep === 'select_ingredients') {
+        currentStep = 'food_type';
+        conversation.push({ role: 'bot', message: 'What type of food would you prefer?' });
+        console.log('Step changed to food_type. Conversation updated.');
+    } else if (currentStep === 'customization') {
+        currentStep = 'menu_display';
+        console.log('Step changed to menu_display.');
+        fetchMenuItems({ ingredient_names: ingredientNames });
+    } else if (currentStep === 'post_cart') {
+        currentStep = 'food_type';
+        conversation.push({ role: 'bot', message: 'What type of food would you prefer?' });
+        console.log('Step changed to food_type after post_cart. Conversation updated.');
+    } else {
+        console.error('Unexpected currentStep value:', currentStep);
+    }
+
+    // Ensure the bot message is updated according to the previous step
+    setTimeout(() => handleResponse(conversation[conversation.length - 1].message), 500);
+}
 
 
-            addMessage('bot', botResponse);
-            if (options.length > 0) {
-                displayOptions(options);
-            }
-            displayCart();
-        }
-
         function handleYesResponse() {
             if (!selectedMenuItem) {
                 addMessage('bot', 'No dish selected. Please choose a dish first.');
@@ -1013,35 +1024,7 @@
             console.log('Back button added');
         }
         
-        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';
-                conversation.push({ role: 'bot', message: "Hi there! I'm Chef Bot! May I know your name?" });
-                console.log('Step changed to greeting. Conversation updated.');
-            } else if (currentStep === 'select_ingredients') {
-                currentStep = 'food_type';
-                conversation.push({ role: 'bot', message: 'What type of food would you prefer?' });
-                console.log('Step changed to food_type. Conversation updated.');
-            } else if (currentStep === 'customization') {
-                currentStep = 'menu_display';
-                console.log('Step changed to menu_display.');
-                fetchMenuItems({ ingredient_names: ingredientNames });
-                // You can add logic here to show the menu items again if needed
-            } else if (currentStep === 'post_cart') {
-                currentStep = 'food_type';
-                conversation.push({ role: 'bot', message: 'What type of food would you prefer?' });
-                console.log('Step changed to food_type after post_cart. Conversation updated.');
-            } else {
-                console.error('Unexpected currentStep value:', currentStep);
-            }
         
-            // Ensure the bot message is updated according to the previous step
-            console.log('Updating bot message based on previous step');
-            setTimeout(() => handleResponse(conversation[conversation.length - 1].message), 500);
-        }
-
 
 
         document.getElementById('userInput').addEventListener('keypress', function(e) {