Update static/script.js

static/script.js

@@ -100,12 +100,12 @@ function updateSelectionBox() {
 
     const textInput = document.createElement('input');
     textInput.type = 'text';
-    textInput.placeholder = 'Search related items...';
+    textInput.placeholder = 'Add Sector_Detail__c item...';
     textInput.className = 'manual-input';
     textInput.addEventListener('keypress', (e) => {
         if (e.key === 'Enter' && textInput.value.trim()) {
-            const searchTerm = textInput.value.trim();
-            fetchRelatedImages(searchTerm);
+            const itemName = textInput.value.trim();
+            fetchSectorItemDetails(itemName);
             textInput.value = '';
         }
     });
@@ -141,6 +141,7 @@ 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);
@@ -247,44 +248,30 @@ function fetchItemDetailsByName(itemName) {
         });
 }
 
-function fetchRelatedImages(searchTerm) {
-    fetch('/get_menu_items', {
+function fetchSectorItemDetails(itemName) {
+    fetch('/get_sector_item_details', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ search_term: searchTerm })
+        body: JSON.stringify({ item_name: itemName })
     })
         .then(response => response.json())
         .then(data => {
             if (data.error) {
-                addMessage('bot', `Oops! Trouble finding related items for "${searchTerm}": ${data.error}. Try again!`);
-            } else if (data.menu_items.length > 0) {
-                const imageContainer = document.createElement('div');
-                imageContainer.className = 'image-container';
-                data.menu_items.forEach(item => {
-                    if (item.image_url) {
-                        const img = document.createElement('img');
-                        img.src = item.image_url;
-                        img.alt = item.name;
-                        img.className = 'related-image';
-                        imageContainer.appendChild(img);
-                    }
-                });
-                if (imageContainer.children.length > 0) {
-                    const chatMessages = document.getElementById('chatMessages');
-                    chatMessages.appendChild(imageContainer);
-                    chatMessages.scrollTop = chatMessages.scrollHeight;
-                    addMessage('bot', `Here are images for items related to "${searchTerm}":`);
+                addMessage('bot', `Sorry, I couldn’t find "${itemName}" in Sector_Detail__c. 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 {
-                    addMessage('bot', `No images found for items related to "${searchTerm}".`);
+                    selectedItems.push(details);
+                    addMessage('bot', `Added "${details.name}" to your selection with image! Check the box below.`);
+                    updateSelectionBox();
                 }
-            } else {
-                addMessage('bot', `No items found related to "${searchTerm}" in Sector_Detail__c.`);
             }
-            console.log(`Fetched related images for "${searchTerm}":`, data.menu_items);
         })
         .catch(error => {
-            addMessage('bot', `Error fetching related images for "${searchTerm}": ${error.message}. I’ll retry in a sec...`);
-            setTimeout(() => fetchRelatedImages(searchTerm), 2000);
+            addMessage('bot', `Error fetching details for "${itemName}": ${error.message}. I’ll retry in a sec...`);
+            setTimeout(() => fetchSectorItemDetails(itemName), 2000);
         });
 }