Update templates/chef-bot.html

templates/chef-bot.html

@@ -485,10 +485,10 @@
         ];
         let userName = '';
         let selectedPreference = '';
-        let selectedItems = [];
+        let cart = [];
         let selectionBoxVisible = false;
         let nameInputVisible = false;
-        let sectorIngredients = [];
+        let ingredients = [];
 
         function addMessage(role, message) {
             const chatMessages = document.getElementById('chatMessages');
@@ -614,13 +614,13 @@
                 });
                 selectionBox.appendChild(nameInput);
 
-                // Selected Items
-                if (selectedItems.length > 0) {
+                // Cart Items
+                if (cart.length > 0) {
                     const itemsLabel = document.createElement('span');
                     itemsLabel.textContent = 'Selected Items:';
                     selectionBox.appendChild(itemsLabel);
 
-                    selectedItems.forEach((item, index) => {
+                    cart.forEach((item, index) => {
                         const itemContainer = document.createElement('div');
                         itemContainer.className = 'selected-item';
 
@@ -633,11 +633,8 @@
                         const contentDiv = document.createElement('div');
                         contentDiv.className = 'selected-item-content';
 
-                        const itemName = item.additionalIngredients && item.additionalIngredients.length > 0
-                            ? `${item.name} with ${item.additionalIngredients.join(', ')}`
-                            : item.name;
                         const itemSpan = document.createElement('span');
-                        itemSpan.textContent = `${itemName} (Qty: ${item.quantity || 1})`;
+                        itemSpan.textContent = `${item.name} (Qty: ${item.quantity || 1})`;
                         contentDiv.appendChild(itemSpan);
 
                         // Ingredient Buttons
@@ -645,7 +642,7 @@
                         ingredientButtonsDiv.style.display = 'flex';
                         ingredientButtonsDiv.style.flexWrap = 'wrap';
                         ingredientButtonsDiv.style.gap = '5px';
-                        sectorIngredients.forEach(ingredient => {
+                        ingredients.forEach(ingredient => {
                             const ingredientButton = document.createElement('button');
                             ingredientButton.textContent = ingredient.name;
                             ingredientButton.className = 'ingredient-button';
@@ -664,7 +661,7 @@
                         ingredientInfoInput.className = 'ingredient-info-input';
                         ingredientInfoInput.value = item.ingredientsInfo || '';
                         ingredientInfoInput.addEventListener('input', (e) => {
-                            selectedItems[index].ingredientsInfo = e.target.value;
+                            cart[index].ingredientsInfo = e.target.value;
                         });
                         contentDiv.appendChild(ingredientInfoInput);
 
@@ -674,8 +671,8 @@
                         removeButton.textContent = 'X';
                         removeButton.className = 'remove-button';
                         removeButton.onclick = () => {
-                            selectedItems.splice(index, 1);
-                            addMessage('bot', `Removed "${itemName}".`);
+                            cart.splice(index, 1);
+                            addMessage('bot', `Removed "${item.name}".`);
                             updateSelectionBox();
                         };
                         itemContainer.appendChild(removeButton);
@@ -724,9 +721,8 @@
             }
 
             chatMessages.scrollTop = chatMessages.scrollHeight;
-            console.log('Updated selection box:', selectedItems.map(item => ({
+            console.log('Updated selection box:', cart.map(item => ({
                 name: item.name,
-                additionalIngredients: item.additionalIngredients,
                 ingredientsInfo: item.ingredientsInfo
             })));
         }
@@ -746,7 +742,7 @@
                         addMessage('bot', `Error: ${data.error}. Try again!`);
                     } else if (data.menu_items.length > 0) {
                         addMessage('bot', `--- Found ${data.menu_items.length} item${data.menu_items.length > 1 ? 's' : ''} ---`);
-                        displayItemsList(data.menu_items);
+                        displayMenuItems(data.menu_items);
                     } else {
                         addMessage('bot', `No matches for "${searchTerm || dietaryPreference}". Try "paneer"!`);
                     }
@@ -757,9 +753,9 @@
                     setTimeout(() => fetchMenuItems(dietaryPreference, searchTerm), 2000);
                 });
 
-            // Fetch Sector_Detail__c ingredients
-            if (!sectorIngredients.length) {
-                fetch('/get_sector_ingredients', {
+            // Fetch ingredients
+            if (!ingredients.length) {
+                fetch('/get_ingredients', {
                     method: 'POST',
                     headers: { 'Content-Type': 'application/json' },
                     body: JSON.stringify({ dietary_preference: 'both' })
@@ -767,12 +763,12 @@
                     .then(response => response.json())
                     .then(data => {
                         if (!data.error) {
-                            sectorIngredients = data.ingredients;
-                            console.log('Fetched Sector_Detail__c ingredients:', sectorIngredients);
+                            ingredients = data.ingredients;
+                            console.log('Fetched Sector_Detail__c ingredients:', ingredients);
                             updateSelectionBox();
                         }
                     })
-                    .catch(error => console.error('Error fetching Sector_Detail__c ingredients:', error));
+                    .catch(error => console.error('Error fetching ingredients:', error));
             }
         }
 
@@ -788,7 +784,7 @@
                         addMessage('bot', `Error: ${data.error}. Try another ingredient!`);
                     } else if (data.menu_items.length > 0) {
                         addMessage('bot', `--- Found ${data.menu_items.length} dish${data.menu_items.length > 1 ? 'es' : ''} with "${ingredientName}" ---`);
-                        displayItemsList(data.menu_items);
+                        displayMenuItems(data.menu_items);
                     } else {
                         addMessage('bot', `No dishes found with "${ingredientName}". Try another!`);
                     }
@@ -800,7 +796,7 @@
                 });
         }
 
-        function displayItemsList(items) {
+        function displayMenuItems(items) {
             const chatMessages = document.getElementById('chatMessages');
             if (!chatMessages) {
                 console.error('Chat messages container not found!');
@@ -852,21 +848,20 @@
                 addButton.textContent = 'Add';
                 addButton.className = 'add-button';
                 addButton.onclick = () => {
-                    const selectedItem = {
+                    const cartItem = {
                         name: item.name,
                         image_url: item.image_url || '',
                         category: item.category || item.veg_nonveg || 'Not specified',
                         description: item.description || 'No description available',
                         source: item.source,
                         quantity: 1,
-                        additionalIngredients: [],
                         ingredientsInfo: ''
                     };
-                    if (selectedItems.some(existing => existing.name === selectedItem.name && !existing.additionalIngredients && !existing.ingredientsInfo)) {
-                        addMessage('bot', `"${selectedItem.name}" already selected!`);
+                    if (cart.some(existing => existing.name === cartItem.name && !existing.ingredientsInfo)) {
+                        addMessage('bot', `"${cartItem.name}" already in cart!`);
                     } else {
-                        selectedItems.push(selectedItem);
-                        addMessage('bot', `Added "${selectedItem.name}"!`);
+                        cart.push(cartItem);
+                        addMessage('bot', `Added "${cartItem.name}" to cart!`);
                         updateSelectionBox();
                     }
                 };
@@ -881,7 +876,7 @@
         }
 
         function promptAndSubmit(quantity, orderName, ingredientsInfo) {
-            if (confirm(`Submit ${selectedItems.length} items (Qty: ${quantity}) as "${orderName || 'Order'}"?`)) {
+            if (confirm(`Submit ${cart.length} items (Qty: ${quantity}) as "${orderName || 'Order'}"?`)) {
                 submitToSalesforce(orderName, quantity, ingredientsInfo);
             } else {
                 addMessage('bot', 'Cancelled. Add more items?');
@@ -889,24 +884,21 @@
         }
 
         function submitToSalesforce(customOrderName, quantity, ingredientsInfo) {
-            if (selectedItems.length === 0) {
-                addMessage('bot', 'No items selected! Add some dishes! 😊');
+            if (cart.length === 0) {
+                addMessage('bot', 'No items in cart! Add some dishes! 😊');
                 return;
             }
 
-            const itemsToSubmit = selectedItems.map(item => ({
-                name: item.additionalIngredients && item.additionalIngredients.length > 0
-                    ? `${item.name} with ${item.additionalIngredients.join(', ')}`
-                    : item.name,
+            const itemsToSubmit = cart.map(item => ({
+                name: item.name,
                 category: item.category || 'Not specified',
                 description: item.description || 'No description available',
                 image_url: item.image_url || '',
                 quantity: parseInt(quantity) || 1,
-                additionalIngredients: item.additionalIngredients || [],
                 ingredientsInfo: item.ingredientsInfo || ''
             }));
 
-            fetch('/submit_items', {
+            fetch('/submit_ingredients', {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
                 body: JSON.stringify({
@@ -921,7 +913,7 @@
                         addMessage('bot', `Submission failed: ${data.error}. Try again?`);
                     } else {
                         addMessage('bot', `Submitted ${data.ingredient_name}! What's next?`);
-                        selectedItems = [];
+                        cart = [];
                         updateSelectionBox();
                     }
                 })