Update static/script.js

static/script.js

@@ -1,7 +1,7 @@
 let conversation = [
     { role: 'bot', message: 'Hi there! I\'m Chef Bot! May I know your name?' }
 ];
-let selectedIngredients = [];
+let selectedMenuItems = [];
 
 function addMessage(role, message) {
     const chatMessages = document.getElementById('chatMessages');
@@ -47,8 +47,8 @@ function handleResponse(userInput) {
             { text: 'Both', class: 'gray' }
         ];
     } else if (lastMessage.includes('vegetarian') || lastMessage.includes('non-vegetarian') || lastMessage.includes('both')) {
-        botResponse = `Great choice! 🍽️ These are the available ingredients for ${lastMessage}:`;
-        fetchIngredients(lastMessage);
+        botResponse = `Great choice! 🍽️ These are the available menu items for ${lastMessage}:`;
+        fetchMenuItems(lastMessage);
         return;
     }
 
@@ -58,8 +58,8 @@ function handleResponse(userInput) {
     }
 }
 
-function fetchIngredients(dietaryPreference) {
-    fetch('/get_ingredients', {
+function fetchMenuItems(dietaryPreference) {
+    fetch('/get_menu_items', {
         method: 'POST',
         headers: {
             'Content-Type': 'application/json',
@@ -69,81 +69,81 @@ function fetchIngredients(dietaryPreference) {
     .then(response => response.json())
     .then(data => {
         if (data.error) {
-            addMessage('bot', `Sorry, there was an error fetching ingredients: ${data.error}`);
+            addMessage('bot', `Sorry, there was an error fetching menu items: ${data.error}`);
         } else {
-            const ingredients = data.ingredients || [];
-            addMessage('bot', 'Great choice! These are available ingredients:');
-            displayIngredientsList(ingredients);
-            displaySelectedIngredients();
-            console.log(`Ingredients fetched for ${dietaryPreference}:`, ingredients);
+            const menuItems = data.menu_items || [];
+            addMessage('bot', 'Great choice! These are available menu items:');
+            displayMenuItemsList(menuItems);
+            displaySelectedMenuItems();
+            console.log(`Menu items fetched for ${dietaryPreference}:`, menuItems);
         }
     })
     .catch(error => {
-        addMessage('bot', `Error: Unable to connect to the ingredient database. ${error.message}`);
+        addMessage('bot', `Error: Unable to connect to the menu database. ${error.message}`);
     });
 }
 
-function displayIngredientsList(ingredients) {
+function displayMenuItemsList(menuItems) {
     const chatMessages = document.getElementById('chatMessages');
     if (!chatMessages) {
-        console.error('Chat messages container not found for ingredients!');
+        console.error('Chat messages container not found for menu items!');
         return;
     }
 
-    let ingredientsList = document.querySelector('.ingredients-list');
-    if (!ingredientsList) {
-        ingredientsList = document.createElement('div');
-        ingredientsList.className = 'ingredients-list';
-        chatMessages.appendChild(ingredientsList);
+    let menuItemsList = document.querySelector('.menu-items-list');
+    if (!menuItemsList) {
+        menuItemsList = document.createElement('div');
+        menuItemsList.className = 'menu-items-list';
+        chatMessages.appendChild(menuItemsList);
     } else {
-        ingredientsList.innerHTML = '';
+        menuItemsList.innerHTML = '';
     }
 
-    ingredients.forEach(ingredient => {
+    menuItems.forEach(menuItem => {
         const item = document.createElement('div');
-        item.className = 'ingredient-item';
+        item.className = 'menu-item-item';
         const img = document.createElement('img');
-        img.src = ingredient.image_url || 'https://via.placeholder.com/80';
-        img.alt = ingredient.name;
+        img.src = menuItem.image_url || 'https://via.placeholder.com/80';
+        img.alt = menuItem.name;
         const name = document.createElement('div');
-        name.textContent = ingredient.name;
+        name.textContent = menuItem.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();
+            if (!selectedMenuItems.some(item => item.name === menuItem.name)) {
+                selectedMenuItems.push(menuItem);
+                displaySelectedMenuItems();
             }
         };
         item.appendChild(img);
         item.appendChild(name);
         item.appendChild(button);
-        ingredientsList.appendChild(item);
+        menuItemsList.appendChild(item);
     });
 }
 
-function displaySelectedIngredients() {
+function displaySelectedMenuItems() {
     const chatMessages = document.getElementById('chatMessages');
     if (!chatMessages) {
-        console.error('Chat messages container not found for selected ingredients!');
+        console.error('Chat messages container not found for selected menu items!');
         return;
     }
 
-    let selectedArea = document.querySelector('.selected-ingredients');
+    let selectedArea = document.querySelector('.selected-menu-items');
     if (!selectedArea) {
         selectedArea = document.createElement('div');
-        selectedArea.className = 'selected-ingredients';
+        selectedArea.className = 'selected-menu-items';
         chatMessages.appendChild(selectedArea);
     } else {
         selectedArea.innerHTML = '';
     }
 
-    selectedIngredients.forEach(ingredient => {
+    selectedMenuItems.forEach(menuItem => {
         const div = document.createElement('div');
-        div.textContent = ingredient.name;
+        div.textContent = menuItem.name;
         selectedArea.appendChild(div);
     });
 }
@@ -175,7 +175,7 @@ function displayOptions(options) {
         // Reset conversation to initial state
         const userName = conversation.length > 1 ? conversation[1].message : 'User';
         conversation = [{ role: 'bot', message: `Hi there! I'm Chef Bot! May I know your name?` }, { role: 'user', message: userName }, { role: 'bot', message: `Nice to meet you, ${userName}! 😊 Let's create your perfect meal! What type of food would you prefer?` }];
-        selectedIngredients = [];
+        selectedMenuItems = [];
         chatMessages.innerHTML = '';
         conversation.forEach(msg => addMessage(msg.role, msg.message));
         displayOptions([