Update templates/index.html

templates/index.html

@@ -994,18 +994,40 @@
                 chatMessages.appendChild(button);
             });
             chatMessages.appendChild(document.createElement('br'));
+        
+            // Back Button Logic
             const backButton = document.createElement('button');
             backButton.textContent = 'Go Back';
             backButton.className = 'option-button';
             backButton.onclick = () => {
+                // Remove last user message and reset currentStep
                 conversation.pop();
-                selectedIngredients = [];
-                selectedMenuItem = null;
-                setTimeout(() => handleResponse(conversation[conversation.length - 1].message), 500);
+                resetToPreviousStep();
             };
             chatMessages.appendChild(backButton);
             chatMessages.scrollTop = chatMessages.scrollHeight;
         }
+        
+        function resetToPreviousStep() {
+            // 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?" });
+            } else if (currentStep === 'select_ingredients') {
+                currentStep = 'food_type';
+                conversation.push({ role: 'bot', message: 'What type of food would you prefer?' });
+            } else if (currentStep === 'customization') {
+                currentStep = '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?' });
+            }
+        
+            // Ensure the bot message is updated according to the previous step
+            setTimeout(() => handleResponse(conversation[conversation.length - 1].message), 500);
+        }
+
 
         document.getElementById('userInput').addEventListener('keypress', function(e) {
             if (e.key === 'Enter') {