Update static/script.js

static/script.js

@@ -41,8 +41,20 @@ function handleResponse(userInput) {
     let botResponse = '';
     let options = [];
 
-    // 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?')) {
+    // FAQ handling logic
+    if (lastMessage.includes("how do i contact customer support")) {
+        botResponse = "You can email us at [email protected].";
+    } 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 if (lastMessage.includes("how do i cancel my subscription")) {
+        botResponse = "You can cancel your subscription by visiting the 'Account Settings' page and selecting 'Cancel Subscription'.";
+    } else if (lastMessage.includes("are there any discounts available")) {
+        botResponse = "We offer seasonal discounts and promotions. Keep an eye on our website or subscribe to our newsletter for updates.";
+    }
+    // Custom meal preference handling
+    else 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?`;
         options = [
             { text: 'Vegetarian', class: 'green' },
@@ -127,27 +139,24 @@ function fetchIngredients(foodPreference) {
     });
 }
 
-function fetchMenuItems(category) {
-    fetch('/get_menu_items', {
-        method: 'POST',
-        headers: {
-            'Content-Type': 'application/json',
-        },
-        body: JSON.stringify({ category: category })
-    })
-    .then(response => response.json())
-    .then(data => {
-        if (data.error) {
-            addMessage('bot', `Sorry, there was an error fetching menu items: ${data.error}`);
-        } else {
-            const menuItems = data.menu_items || [];
-            addMessage('bot', 'Here are some dishes based on your selection:');
-            displayMenuItems(menuItems);
-        }
-    })
-    .catch(error => {
-        addMessage('bot', `Error: Unable to connect to the menu database. ${error.message}`);
+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'));
 }
 
 function displayIngredientsList(ingredients) {
@@ -192,51 +201,6 @@ function displayIngredientsList(ingredients) {
     });
 }
 
-function displayMenuItems(menuItems) {
-    const chatMessages = document.getElementById('chatMessages');
-    if (!chatMessages) {
-        console.error('Chat messages container not found for menu items!');
-        return;
-    }
-
-    let menuItemsList = document.querySelector('.menu-items-list');
-    if (!menuItemsList) {
-        menuItemsList = document.createElement('div');
-        menuItemsList.className = 'menu-items-list';
-        chatMessages.appendChild(menuItemsList);
-    } else {
-        menuItemsList.innerHTML = '';
-    }
-
-    menuItems.forEach(item => {
-        const menuItem = document.createElement('div');
-        menuItem.className = 'menu-item';
-        const img = document.createElement('img');
-        img.src = item.image_url || 'https://via.placeholder.com/80';
-        img.alt = item.name;
-        const name = document.createElement('div');
-        name.textContent = item.name;
-        name.style.textAlign = 'center';
-        name.style.marginTop = '5px';
-        name.style.fontSize = '12px';
-        const button = document.createElement('button');
-        button.textContent = 'Add to Cart';
-        button.onclick = () => {
-            selectedMenuItem = item;
-            addMessage('bot', `World-class selection! Would you like to customize your dish further?`);
-            const options = [
-                { text: 'Yes', class: 'green' },
-                { text: 'No', class: 'red' }
-            ];
-            displayOptions(options);
-        };
-        menuItem.appendChild(img);
-        menuItem.appendChild(name);
-        menuItem.appendChild(button);
-        menuItemsList.appendChild(menuItem);
-    });
-}
-
 function displaySelectedIngredients() {
     const chatMessages = document.getElementById('chatMessages');
     if (!chatMessages) {
@@ -316,85 +280,49 @@ function fetchMenuItems(ingredientNames) {
     });
 }
 
-function displayCustomizationInput() {
+function displayMenuItems(menuItems) {
     const chatMessages = document.getElementById('chatMessages');
     if (!chatMessages) {
-        console.error('Chat messages container not found for customization input!');
+        console.error('Chat messages container not found for menu items!');
         return;
     }
 
-    let customizationArea = document.querySelector('.customization-input');
-    if (!customizationArea) {
-        customizationArea = document.createElement('div');
-        customizationArea.className = 'customization-input';
-        const textarea = document.createElement('textarea');
-        textarea.placeholder = 'Enter any special instructions...';
-        const submitButton = document.createElement('button');
-        submitButton.textContent = 'Submit Instructions';
-        submitButton.onclick = () => {
-            const instructions = textarea.value.trim();
-            if (instructions) {
-                addMessage('user', instructions);
-                conversation.push({ role: 'user', message: instructions });
-            }
-            addToCart({ ...selectedMenuItem, instructions, ingredients: selectedIngredients });
-            addMessage('bot', 'Item added to cart! Would you like to order more?');
+    let menuItemsList = document.querySelector('.menu-items-list');
+    if (!menuItemsList) {
+        menuItemsList = document.createElement('div');
+        menuItemsList.className = 'menu-items-list';
+        chatMessages.appendChild(menuItemsList);
+    } else {
+        menuItemsList.innerHTML = '';
+    }
+
+    menuItems.forEach(item => {
+        const menuItem = document.createElement('div');
+        menuItem.className = 'menu-item';
+        const img = document.createElement('img');
+        img.src = item.image_url || 'https://via.placeholder.com/80';
+        img.alt = item.name;
+        const name = document.createElement('div');
+        name.textContent = item.name;
+        name.style.textAlign = 'center';
+        name.style.marginTop = '5px';
+        name.style.fontSize = '12px';
+        const button = document.createElement('button');
+        button.textContent = 'Add to Cart';
+        button.onclick = () => {
+            selectedMenuItem = item;
+            addMessage('bot', `World-class selection! Would you like to customize your dish further?`);
             const options = [
                 { text: 'Yes', class: 'green' },
                 { text: 'No', class: 'red' }
             ];
             displayOptions(options);
-            selectedMenuItem = null;
-            selectedIngredients = [];
-        };
-        customizationArea.appendChild(textarea);
-        customizationArea.appendChild(submitButton);
-        chatMessages.appendChild(customizationArea);
-    }
-}
-
-function addToCart(item) {
-    cart.push(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);
+        menuItem.appendChild(img);
+        menuItem.appendChild(name);
+        menuItem.appendChild(button);
+        menuItemsList.appendChild(menuItem);
     });
-    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) {
@@ -403,4 +331,4 @@ document.getElementById('userInput').addEventListener('keypress', function(e) {
     }
 });
 
-console.log('Script loaded successfully');
+console.log('Script loaded successfully');