Update templates/index.html

templates/index.html

@@ -982,6 +982,7 @@
                 console.error('Chat messages container not found for options!');
                 return;
             }
+            console.log('Displaying options:', options);
             options.forEach(opt => {
                 const button = document.createElement('button');
                 button.textContent = opt.text;
@@ -989,6 +990,7 @@
                 button.onclick = () => {
                     addMessage('user', opt.text);
                     conversation.push({ role: 'user', message: opt.text });
+                    console.log(`User selected option: ${opt.text}`);
                     setTimeout(() => handleResponse(opt.text), 500);
                 };
                 chatMessages.appendChild(button);
@@ -1000,35 +1002,47 @@
             backButton.textContent = 'Go Back';
             backButton.className = 'option-button';
             backButton.onclick = () => {
+                console.log('Back button clicked');
                 // Remove last user message and reset currentStep
                 conversation.pop();
+                console.log('Removed last user message, conversation length:', conversation.length);
                 resetToPreviousStep();
             };
             chatMessages.appendChild(backButton);
             chatMessages.scrollTop = chatMessages.scrollHeight;
+            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.');
                 // 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) {
             if (e.key === 'Enter') {
                 sendMessage();