Update static/script.js

static/script.js

@@ -1,9 +1,6 @@
 let conversation = [
-    { role: 'bot', message: "Hi there! I'm Chef Bot! May I know your name?" }
+    { role: 'bot', message: "Hi there! I'm your assistant! How can I help you today?" }
 ];
-let selectedIngredients = [];
-let selectedMenuItem = null;
-let cart = [];
 
 function addMessage(role, message) {
     const chatMessages = document.getElementById('chatMessages');
@@ -39,7 +36,6 @@ function sendMessage() {
 function handleResponse(userInput) {
     const lastMessage = conversation[conversation.length - 1].message.toLowerCase();
     let botResponse = '';
-    let options = [];
 
     // FAQ handling logic
     if (lastMessage.includes("how do i contact customer support")) {
@@ -52,277 +48,12 @@ function handleResponse(userInput) {
         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' },
-            { text: 'Non-Vegetarian', class: 'red' }
-        ];
-    } 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 {
         // 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' }
-            ];
-        }
+        botResponse = "Sorry, I didn't understand that. Could you please clarify or ask a different question?";
     }
 
     addMessage('bot', botResponse);
-    if (options.length > 0) {
-        displayOptions(options);
-    }
-}
-
-function fetchIngredients(foodPreference) {
-    console.log(`Fetching ingredients for dietary preference: ${foodPreference}`);
-    fetch('/get_ingredients', {
-        method: 'POST',
-        headers: {
-            'Content-Type': 'application/json',
-        },
-        body: JSON.stringify({ dietary_preference: foodPreference })
-    })
-    .then(response => {
-        console.log(`Response status: ${response.status}`);
-        if (!response.ok) {
-            throw new Error(`HTTP error! Status: ${response.status}`);
-        }
-        return response.json();
-    })
-    .then(data => {
-        console.log('Response data:', data);
-        if (data.error) {
-            addMessage('bot', `Error fetching ingredients: ${data.error}`);
-        } else if (!data.ingredients || data.ingredients.length === 0) {
-            addMessage('bot', 'No ingredients found for this selection. Please try another option or check backend data.');
-        } else {
-            const ingredients = data.ingredients;
-            addMessage('bot', 'Please select ingredients:');
-            displayIngredientsList(ingredients);
-            displaySelectedIngredients();
-        }
-    })
-    .catch(error => {
-        console.error('Fetch error:', error);
-        addMessage('bot', `Failed to load ingredients: ${error.message}. Check console for details.`);
-    });
-}
-
-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) {
-    const chatMessages = document.getElementById('chatMessages');
-    if (!chatMessages) {
-        console.error('Chat messages container not found for ingredients!');
-        return;
-    }
-
-    let ingredientsList = document.querySelector('.ingredients-list');
-    if (!ingredientsList) {
-        ingredientsList = document.createElement('div');
-        ingredientsList.className = 'ingredients-list';
-        chatMessages.appendChild(ingredientsList);
-    } else {
-        ingredientsList.innerHTML = '';
-    }
-
-    ingredients.forEach(ingredient => {
-        const item = document.createElement('div');
-        item.className = 'ingredient-item';
-        const img = document.createElement('img');
-        img.src = ingredient.image_url || 'https://via.placeholder.com/80';
-        img.alt = ingredient.name;
-        const name = document.createElement('div');
-        name.textContent = ingredient.name;
-        name.style.textAlign = 'center';
-        name.style.marginTop = '5px';
-        name.style.fontSize = '12px';
-        const button = document.createElement('button');
-        button.textContent = 'Add';
-        button.onclick = () => {
-            if (!selectedIngredients.some(item => item.name === ingredient.name)) {
-                selectedIngredients.push(ingredient);
-                displaySelectedIngredients();
-            }
-        };
-        item.appendChild(img);
-        item.appendChild(name);
-        item.appendChild(button);
-        ingredientsList.appendChild(item);
-    });
-}
-
-function displaySelectedIngredients() {
-    const chatMessages = document.getElementById('chatMessages');
-    if (!chatMessages) {
-        console.error('Chat messages container not found for selected ingredients!');
-        return;
-    }
-
-    let selectedArea = document.querySelector('.selected-ingredients');
-    if (!selectedArea) {
-        selectedArea = document.createElement('div');
-        selectedArea.className = 'selected-ingredients';
-        chatMessages.appendChild(selectedArea);
-    } else {
-        selectedArea.innerHTML = '';
-    }
-
-    selectedIngredients.forEach(ingredient => {
-        const div = document.createElement('div');
-        div.textContent = ingredient.name;
-        selectedArea.appendChild(div);
-    });
-
-    if (selectedIngredients.length > 0) {
-        let submitButton = document.querySelector('.submit-button');
-        if (!submitButton) {
-            submitButton = document.createElement('button');
-            submitButton.className = 'submit-button';
-            submitButton.textContent = 'Submit Ingredients';
-            submitButton.onclick = submitIngredients;
-            chatMessages.appendChild(submitButton);
-        }
-    }
-}
-
-function submitIngredients() {
-    fetch('/submit_ingredients', {
-        method: 'POST',
-        headers: {
-            'Content-Type': 'application/json',
-        },
-        body: JSON.stringify({ ingredients: selectedIngredients })
-    })
-    .then(response => response.json())
-    .then(data => {
-        if (data.success) {
-            const ingredientNames = selectedIngredients.map(ingredient => ingredient.name.toLowerCase()).join(' ');
-            fetchMenuItems(ingredientNames);
-        } else {
-            addMessage('bot', 'There was an issue submitting your ingredients. Please try again.');
-        }
-    })
-    .catch(error => {
-        addMessage('bot', `Error: ${error.message}`);
-    });
-}
-
-function fetchMenuItems(ingredientNames) {
-    fetch('/get_menu_items', {
-        method: 'POST',
-        headers: {
-            'Content-Type': 'application/json',
-        },
-        body: JSON.stringify({ ingredient_names: ingredientNames })
-    })
-    .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 selected ingredients:');
-            displayMenuItems(menuItems);
-        }
-    })
-    .catch(error => {
-        addMessage('bot', `Error: Unable to connect to the menu database. ${error.message}`);
-    });
-}
-
-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);
-    });
 }
 
 document.getElementById('userInput').addEventListener('keypress', function(e) {