Update static/script.js

static/script.js

@@ -1,9 +1,7 @@
 let conversation = [
-    { role: 'bot', message: "Hi there! I'm Chef Bot! May I know your name?" }
+    { role: 'bot', message: 'Hi there! I\'m Chef Bot! May I know your name?' }
 ];
 let selectedIngredients = [];
-let selectedMenuItem = null;
-let cart = [];
 
 function addMessage(role, message) {
     const chatMessages = document.getElementById('chatMessages');
@@ -49,25 +47,9 @@ function handleResponse(userInput) {
             { text: 'Both', class: 'gray' }
         ];
     } else if (lastMessage.includes('vegetarian') || lastMessage.includes('non-vegetarian') || lastMessage.includes('both')) {
-        let dietaryPreference = lastMessage;
         botResponse = `Great choice! 🍽️ These are the available ingredients for ${lastMessage}:`;
-        fetchIngredients(dietaryPreference);
+        fetchIngredients(lastMessage);
         return;
-    } else if (selectedIngredients.length > 0) {
-        fetchMenuItemsByIngredients();
-        return;
-    } else if (lastMessage.includes('yes') && selectedMenuItem) {
-        botResponse = 'Here are some ingredients to customize your dish:';
-        fetchIngredients('both'); // Allow customization from all ingredients
-        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;
     }
 
     addMessage('bot', botResponse);
@@ -82,7 +64,7 @@ function fetchIngredients(dietaryPreference) {
         headers: {
             'Content-Type': 'application/json',
         },
-        body: JSON.stringify({ dietary_preference: dietaryPreference.toLowerCase() })
+        body: JSON.stringify({ dietary_preference: dietaryPreference })
     })
     .then(response => response.json())
     .then(data => {
@@ -101,33 +83,6 @@ function fetchIngredients(dietaryPreference) {
     });
 }
 
-function fetchMenuItemsByIngredients() {
-    const ingredientNames = selectedIngredients.map(ing => ing.name).join(',');
-    fetch('/get_menu_items_by_ingredients', {
-        method: 'POST',
-        headers: {
-            'Content-Type': 'application/json',
-        },
-        body: JSON.stringify({ ingredients: 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', 'Based on your ingredients, here are some menu items:');
-            displayMenuItems(menuItems);
-            // Remove submit button
-            const submitButton = document.querySelector('.submit-button');
-            if (submitButton) submitButton.remove();
-        }
-    })
-    .catch(error => {
-        addMessage('bot', `Error: Unable to connect to the menu database. ${error.message}`);
-    });
-}
-
 function displayIngredientsList(ingredients) {
     const chatMessages = document.getElementById('chatMessages');
     if (!chatMessages) {
@@ -170,51 +125,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 = 'Select Item';
-        button.onclick = () => {
-            selectedMenuItem = item;
-            addMessage('bot', 'You’ve selected a delicious dish! Would you like to customize it with ingredients?');
-            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) {
@@ -236,59 +146,6 @@ function displaySelectedIngredients() {
         div.textContent = ingredient.name;
         selectedArea.appendChild(div);
     });
-
-    if (selectedIngredients.length > 0 && !document.querySelector('.menu-items-list')) {
-        let submitButton = document.querySelector('.submit-button');
-        if (!submitButton) {
-            submitButton = document.createElement('button');
-            submitButton.className = 'submit-button';
-            submitButton.textContent = 'Submit Ingredients';
-            submitButton.onclick = fetchMenuItemsByIngredients;
-            chatMessages.appendChild(submitButton);
-        }
-    }
-}
-
-function displayCustomizationInput() {
-    const chatMessages = document.getElementById('chatMessages');
-    if (!chatMessages) {
-        console.error('Chat messages container not found for customization input!');
-        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?');
-            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) {