Update static/script.js

static/script.js

@@ -47,13 +47,15 @@ function handleResponse(userInput) {
             { text: 'Vegetarian', class: 'green' },
             { text: 'Non-Vegetarian', class: 'red' }
         ];
-    } else if (lastMessage.includes('non-vegetarian')) {
+    }else if (lastMessage.includes('non-vegetarian')) {
         conversation.push({ role: 'user', message: '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')) {
+
+    }
+    else if (lastMessage.includes('vegetarian')) {
         conversation.push({ role: 'user', message: 'Vegetarian' });
         console.log("Food preference selected: Vegetarian");
         botResponse = 'Great choice! 🍽️ Here are some vegetarian ingredients:';
@@ -66,8 +68,8 @@ function handleResponse(userInput) {
         fetchIngredients(lastMessage.toLowerCase());
         return;
     } else if (lastMessage.includes('yes') && selectedMenuItem) {
-        botResponse = 'Awesome! Let’s customize your dish. Here are some ingredients you can add:';
-        fetchCustomizationIngredients('both'); // New function for customization
+        botResponse = 'Here are some ingredients to customize your dish:';
+        fetchIngredients('both');  // Fetch non-veg ingredients for customization
         return;
     } else if (lastMessage.includes('no') && selectedMenuItem) {
         addToCart(selectedMenuItem);
@@ -84,70 +86,6 @@ function handleResponse(userInput) {
         displayOptions(options);
     }
 }
-function fetchCustomizationIngredients(foodPreference) {
-    fetch('/get_ingredients', {
-        method: 'POST',
-        headers: {
-            'Content-Type': 'application/json',
-        },
-        body: JSON.stringify({ dietary_preference: foodPreference })
-    })
-    .then(response => response.json())
-    .then(data => {
-        if (data.error) {
-            addMessage('bot', `Sorry, there was an error fetching customization ingredients: ${data.error}`);
-        } else {
-            const ingredients = data.ingredients || [];
-            addMessage('bot', 'Select ingredients to customize your dish:');
-            displayCustomizationIngredients(ingredients); // New function for customization UI
-            displaySelectedIngredientsForCustomization(); // New function for selected ingredients
-        }
-    })
-    .catch(error => {
-        addMessage('bot', `Error: Unable to connect to the ingredient database. ${error.message}`);
-    });
-}
-function displayCustomizationIngredients(ingredients) {
-    const chatMessages = document.getElementById('chatMessages');
-    if (!chatMessages) {
-        console.error('Chat messages container not found for customization ingredients!');
-        return;
-    }
-
-    let ingredientsList = document.querySelector('.customization-ingredients-list');
-    if (!ingredientsList) {
-        ingredientsList = document.createElement('div');
-        ingredientsList.className = 'customization-ingredients-list ingredients-list'; // Reuse .ingredients-list CSS
-        chatMessages.appendChild(ingredientsList);
-    } else {
-        ingredientsList.innerHTML = '';
-    }
-
-    ingredients.forEach(ingredient => {
-        const item = document.createElement('div');
-        item.className = 'ingredient-item'; // Same CSS as original
-        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);
-                displaySelectedIngredientsForCustomization();
-            }
-        };
-        item.appendChild(img);
-        item.appendChild(name);
-        item.appendChild(button);
-        ingredientsList.appendChild(item);
-    });
-}
 
 function fetchIngredients(foodPreference) {
     fetch('/get_ingredients', {
@@ -402,17 +340,12 @@ function displayCustomizationInput() {
         chatMessages.appendChild(customizationArea);
     }
 }
+
 function addToCart(item) {
-    cart.push({
-        ...item,
-        ingredients: item.ingredients || [], // Original ingredients (if any)
-        customizationIngredients: item.customizationIngredients || [], // Customization ingredients
-        instructions: item.instructions || '' // Special instructions
-    });
+    cart.push(item);
     console.log('Cart:', cart);
 }
 
-
 function displayOptions(options) {
     const chatMessages = document.getElementById('chatMessages');
     if (!chatMessages) {