Update static/script.js

static/script.js

@@ -43,45 +43,26 @@ function handleResponse(userInput) {
 
     // Handle name input (first user response after bot's greeting)
     if (conversation.length === 2 && conversation[0].role === 'bot' && conversation[0].message.includes('May I know your name?')) {
-        botResponse = `Nice to meet you, ${userInput}! 😊 Let's create your perfect meal! What type of food would you prefer?`;
+        botResponse = `Nice to meet you, ${userInput}! 😊 How can I assist you today?`;
         options = [
-            { text: 'Vegetarian', class: 'green' },
-            { text: 'Non-Vegetarian', class: 'red' }
+            { text: 'How do I contact customer support?', class: 'blue' },
+            { text: 'What are your business hours?', class: 'blue' },
+            { text: 'How do I reset my password?', class: 'blue' }
         ];
-    } else if (lastMessage.includes('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')) {
-        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')) {
-        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:';
-        fetchIngredients('both');
-        return;
-    } else if (lastMessage.includes('no') && selectedMenuItem) {
-        addToCart(selectedMenuItem);
-        botResponse = 'Item added to cart! Would you like to order more?';
-        options = [
-            { text: 'Yes', class: 'green' },
-            { text: 'No', class: 'red' }
-        ];
-        selectedMenuItem = null;
+    } else if (lastMessage.includes('how do i contact customer support?')) {
+        botResponse = 'You can email us at support@company.com.';
+    } else if (lastMessage.includes('what are your business hours?')) {
+        botResponse = 'We are open from 9 AM to 6 PM, Monday to Friday.';
+    } else if (lastMessage.includes('how do i reset my password?')) {
+        botResponse = 'Click on "Forgot Password" on the login page.';
     } else {
         // Fallback for unrecognized input
         botResponse = "Sorry, I didn't understand that. Could you please clarify or choose an option?";
         if (conversation.length === 2) {
             options = [
-                { text: 'Vegetarian', class: 'green' },
-                { text: 'Non-Vegetarian', class: 'red' }
+                { text: 'How do I contact customer support?', class: 'blue' },
+                { text: 'What are your business hours?', class: 'blue' },
+                { text: 'How do I reset my password?', class: 'blue' }
             ];
         }
     }
@@ -92,6 +73,26 @@ function handleResponse(userInput) {
     }
 }
 
+function displayOptions(options) {
+    // Function to display options on the UI
+    options.forEach(option => {
+        const button = document.createElement('button');
+        button.classList.add(option.class);
+        button.textContent = option.text;
+        button.onclick = () => handleResponse(option.text);
+        document.getElementById('options-container').appendChild(button);
+    });
+}
+
+function addMessage(role, message) {
+    // Function to add the bot or user message to the chat window
+    const messageContainer = document.createElement('div');
+    messageContainer.classList.add(role);
+    messageContainer.textContent = message;
+    document.getElementById('chat').appendChild(messageContainer);
+}
+
+
 function fetchIngredients(foodPreference) {
     console.log(`Fetching ingredients for dietary preference: ${foodPreference}`);
     fetch('/get_ingredients', {
@@ -358,49 +359,6 @@ function addToCart(item) {
     console.log('Cart:', cart);
 }
 
-function displayOptions(options) {
-    const chatMessages = document.getElementById('chatMessages');
-    if (!chatMessages) {
-        console.error('Chat messages container not found for options!');
-        return;
-    }
-    options.forEach(opt => {
-        const button = document.createElement('button');
-        button.textContent = opt.text;
-        button.className = `option-button ${opt.class}`;
-        button.onclick = () => {
-            addMessage('user', opt.text);
-            conversation.push({ role: 'user', message: opt.text });
-            setTimeout(() => handleResponse(opt.text), 500);
-        };
-        chatMessages.appendChild(button);
-    });
-    chatMessages.appendChild(document.createElement('br'));
-    if (conversation.length > 1) { // Ensure back button appears only when there's a previous step
-        const backButton = document.createElement('button');
-        backButton.textContent = 'Go Back';
-        backButton.className = 'option-button';
-        backButton.onclick = () => {
-            if (conversation.length > 1) {
-                conversation.pop(); // Remove the last conversation entry
-                selectedIngredients = []; // Clear selected ingredients if going back
-                selectedMenuItem = null; // Clear selected menu item
-                chatMessages.innerHTML = ''; // Clear current messages
-                conversation.forEach(msg => addMessage(msg.role, msg.message)); // Re-render conversation
-                // Trigger response based on the now-last message
-                if (conversation.length > 0) {
-                    setTimeout(() => handleResponse(conversation[conversation.length - 1].message), 500);
-                }
-            }
-        };
-        chatMessages.appendChild(backButton);
-    }
-}
 
-document.getElementById('userInput').addEventListener('keypress', function(e) {
-    if (e.key === 'Enter') {
-        sendMessage();
-    }
-});
 
 console.log('Script loaded successfully');