Update static/script.js

static/script.js

@@ -100,12 +100,12 @@ function updateSelectionBox() {
 
     const textInput = document.createElement('input');
     textInput.type = 'text';
-    textInput.placeholder = 'Add Sector_Detail__c item...';
+    textInput.placeholder = 'Add Menu_Item__c or Sector_Detail__c item...';
     textInput.className = 'manual-input';
     textInput.addEventListener('keypress', (e) => {
         if (e.key === 'Enter' && textInput.value.trim()) {
             const itemName = textInput.value.trim();
-            fetchSectorItemDetails(itemName);
+            fetchMenuItemDetails(itemName); // Try Menu_Item__c first
             textInput.value = '';
         }
     });
@@ -141,10 +141,9 @@ function handleResponse(userInput) {
         fetchMenuItems(lowerInput);
         return;
     } else {
-        // Treat input as an item name and fetch details
         botResponse = `Looking up details for "${userInput}"...`;
         addMessage('bot', botResponse);
-        fetchItemDetailsByName(userInput);
+        fetchMenuItemDetails(userInput); // Try Menu_Item__c
         return;
     }
 
@@ -185,10 +184,10 @@ function suggestItems(searchTerm) {
             if (data.error) {
                 addMessage('bot', `Couldn’t find anything for "${searchTerm}": ${data.error}. Got another idea?`);
             } else if (data.suggestions.length > 0) {
-                addMessage('bot', `Check out these suggestions for "${searchTerm}" from Ingredient_Object__c:`);
+                addMessage('bot', `Check out these suggestions for "${searchTerm}" from Salesforce:`);
                 displayItemsList(data.suggestions, 'suggestionsList', false);
             } else {
-                addMessage('bot', `No matches for "${searchTerm}" in Ingredient_Object__c. Try "chicken" or "paneer"?`);
+                addMessage('bot', `No matches for "${searchTerm}" in Salesforce. Try "chicken" or "paneer"?`);
             }
             console.log(`Suggestions for ${searchTerm}:`, data.suggestions);
         })
@@ -198,8 +197,8 @@ function suggestItems(searchTerm) {
         });
 }
 
-function fetchItemDetails(itemName) {
-    fetch('/get_item_details', {
+function fetchMenuItemDetails(itemName) {
+    fetch('/get_menu_item_details', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({ item_name: itemName })
@@ -207,44 +206,24 @@ function fetchItemDetails(itemName) {
         .then(response => response.json())
         .then(data => {
             if (data.error) {
-                addMessage('bot', `Couldn’t find "${itemName}" in Ingredient_Object__c. Add it manually in the box below!`);
-                updateSelectionBox();
+                // If not found in Menu_Item__c, try Sector_Detail__c
+                fetchSectorItemDetails(itemName);
             } else {
                 const details = data.item_details;
                 if (selectedItems.some(item => item.name === details.name)) {
                     addMessage('bot', `"${details.name}" is already in your selection!`);
                 } else {
+                    details.source = 'Menu_Item__c';
                     selectedItems.push(details);
-                    addMessage('bot', `Added "${itemName}" to your selection! Check the box below.`);
+                    addMessage('bot', `Added "${details.name}" to your selection! Check the box below.`);
                     updateSelectionBox();
+                    showDescriptionPopup(details); // Show detailed popup
                 }
             }
         })
         .catch(error => {
-            addMessage('bot', `Trouble fetching "${itemName}": ${error.message}. Add it manually or I’ll retry...`);
-            updateSelectionBox();
-            setTimeout(() => fetchItemDetails(itemName), 2000);
-        });
-}
-
-function fetchItemDetailsByName(itemName) {
-    fetch('/get_item_details_by_name', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ item_name: itemName })
-    })
-        .then(response => response.json())
-        .then(data => {
-            if (data.error) {
-                addMessage('bot', `Sorry, I couldn’t find "${itemName}" in Sector_Detail__c. Try another item or use the options below!`);
-            } else {
-                const details = data.item_details;
-                addMessage('bot', `Details for "${details.name}":\n- Category: ${details.category}\n- Description: ${details.description}`);
-            }
-        })
-        .catch(error => {
-            addMessage('bot', `Error fetching details for "${itemName}": ${error.message}. I’ll retry in a sec...`);
-            setTimeout(() => fetchItemDetailsByName(itemName), 2000);
+            addMessage('bot', `Trouble fetching "${itemName}": ${error.message}. I’ll retry...`);
+            setTimeout(() => fetchMenuItemDetails(itemName), 2000);
         });
 }
 
@@ -257,12 +236,13 @@ function fetchSectorItemDetails(itemName) {
         .then(response => response.json())
         .then(data => {
             if (data.error) {
-                addMessage('bot', `Sorry, I couldn’t find "${itemName}" in Sector_Detail__c. Try another item!`);
+                addMessage('bot', `Sorry, I couldn’t find "${itemName}" in Salesforce. Try another item!`);
             } else {
                 const details = data.item_details;
                 if (selectedItems.some(item => item.name === details.name)) {
                     addMessage('bot', `"${details.name}" is already in your selection!`);
                 } else {
+                    details.source = 'Sector_Detail__c';
                     selectedItems.push(details);
                     addMessage('bot', `Added "${details.name}" to your selection with image! Check the box below.`);
                     updateSelectionBox();
@@ -299,6 +279,32 @@ function showDescriptionPopup(item) {
     desc.textContent = item.description;
     content.appendChild(desc);
 
+    // Display additional Menu_Item__c fields if available
+    if (item.source === 'Menu_Item__c') {
+        const detailsList = document.createElement('ul');
+        detailsList.style.listStyleType = 'none';
+        detailsList.style.padding = '0';
+
+        const fields = [
+            { label: 'Ingredients', value: item.ingredients },
+            { label: 'Nutritional Info', value: item.nutritional_info },
+            { label: 'Price', value: `$${item.price.toFixed(2)}` },
+            { label: 'Sector', value: item.sector },
+            { label: 'Spice Level', value: item.spice_levels },
+            { label: 'Veg/Non-Veg', value: item.veg_nonveg },
+            { label: 'Category', value: item.category },
+            { label: 'Dynamic Dish', value: item.dynamic_dish ? 'Yes' : 'No' }
+        ];
+
+        fields.forEach(field => {
+            const li = document.createElement('li');
+            li.innerHTML = `<strong>${field.label}:</strong> ${field.value}`;
+            detailsList.appendChild(li);
+        });
+
+        content.appendChild(detailsList);
+    }
+
     const buttonContainer = document.createElement('div');
     buttonContainer.className = 'button-container';
 
@@ -306,17 +312,11 @@ function showDescriptionPopup(item) {
     addButton.textContent = 'Add';
     addButton.className = 'popup-add-button';
     addButton.onclick = () => {
-        const sectorItem = {
-            name: item.name,
-            image_url: item.image_url || '',
-            category: item.category || 'Unknown',
-            description: item.description || 'No description available'
-        };
-        if (selectedItems.some(existing => existing.name === sectorItem.name)) {
-            addMessage('bot', `"${sectorItem.name}" is already in your selection!`);
+        if (selectedItems.some(existing => existing.name === item.name)) {
+            addMessage('bot', `"${item.name}" is already in your selection!`);
         } else {
-            selectedItems.push(sectorItem);
-            addMessage('bot', `Added "${sectorItem.name}" to your selection! Check the box below.`);
+            selectedItems.push(item);
+            addMessage('bot', `Added "${item.name}" to your selection! Check the box below.`);
             updateSelectionBox();
         }
         popup.remove();
@@ -359,18 +359,17 @@ function displayItemsList(items, containerId, isSectorDetail = false) {
         nameDiv.className = 'ingredient-name';
         itemDiv.appendChild(nameDiv);
 
-        if (isSectorDetail && item.description) {
-            const showDescButton = document.createElement('button');
-            showDescButton.textContent = 'Show Description';
-            showDescButton.className = 'show-desc-button';
-            showDescButton.onclick = () => showDescriptionPopup(item);
-            itemDiv.appendChild(showDescButton);
-        } else {
-            const addButton = document.createElement('button');
-            addButton.textContent = 'Add';
-            addButton.onclick = () => fetchItemDetails(item.name);
-            itemDiv.appendChild(addButton);
-        }
+        const actionButton = document.createElement('button');
+        actionButton.textContent = isSectorDetail ? 'Show Description' : 'Add';
+        actionButton.className = isSectorDetail ? 'show-desc-button' : 'add-button';
+        actionButton.onclick = () => {
+            if (isSectorDetail) {
+                showDescriptionPopup(item);
+            } else {
+                fetchMenuItemDetails(item.name);
+            }
+        };
+        itemDiv.appendChild(actionButton);
 
         container.appendChild(itemDiv);
     });
@@ -416,16 +415,10 @@ function submitToSalesforce() {
         return;
     }
 
-    const itemsToSubmit = selectedItems.map(item => ({
-        name: item.name,
-        category: item.category || 'Unknown',  // Include Category__c
-        description: item.description || 'No description available'  // Ensure description
-    }));
-
     fetch('/submit_items', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ items: itemsToSubmit })
+        body: JSON.stringify({ items: selectedItems })
     })
         .then(response => response.json())
         .then(data => {