Update static/script.js

static/script.js

@@ -73,7 +73,7 @@ function fetchMenuItems(dietaryPreference) {
             } else if (data.menu_items.length > 0) {
                 addMessage('bot', `Here are some ${dietaryPreference} menu items:`);
                 displayItemsList(data.menu_items, 'menuItemsList');
-                displaySubmitButton();
+                if (selectedItems.length > 0) displaySubmitButton();
             } else {
                 addMessage('bot', `No ${dietaryPreference} items found. Try searching for something specific!`);
             }
@@ -98,7 +98,7 @@ function suggestItems(searchTerm) {
             } else if (data.suggestions.length > 0) {
                 addMessage('bot', `Found these suggestions for "${searchTerm}":`);
                 displayItemsList(data.suggestions, 'suggestionsList');
-                displaySubmitButton();
+                if (selectedItems.length > 0) displaySubmitButton();
             } else {
                 addMessage('bot', `No matches for "${searchTerm}". Try "chicken" or "paneer"?`);
             }
@@ -122,7 +122,7 @@ function fetchItemDetails(itemName) {
                 addMessage('bot', `Sorry, couldn’t get details for "${itemName}": ${data.error}. Check the name!`);
             } else {
                 const details = data.item_details;
-                selectedItems.push(details.name); // Store only the name for submission
+                selectedItems.push(details);
                 addMessage('bot', `Added "${itemName}" to your selection!`);
                 displaySelectedItems();
                 displaySubmitButton();
@@ -178,7 +178,8 @@ function displaySelectedItems() {
     } else {
         selectedItems.forEach(item => {
             const div = document.createElement('div');
-            div.textContent = item; // Display only the name
+            div.textContent = item.name; // Display as text label
+            div.style.margin = '5px 0';
             selectedArea.appendChild(div);
         });
     }
@@ -221,49 +222,41 @@ function displaySubmitButton() {
     if (!chatMessages) return;
 
     // Remove existing submit button if any
-    const existingButton = document.getElementById('submitButton');
+    const existingButton = document.querySelector('.submit-button');
     if (existingButton) existingButton.remove();
 
-    if (selectedItems.length > 0) {
-        const submitButton = document.createElement('button');
-        submitButton.id = 'submitButton';
-        submitButton.textContent = 'Submit';
-        submitButton.className = 'option-button green';
-        submitButton.style.marginTop = '10px';
-        submitButton.onclick = submitIngredients;
-        chatMessages.appendChild(submitButton);
-    }
+    const submitButton = document.createElement('button');
+    submitButton.textContent = 'Submit to Salesforce';
+    submitButton.className = 'submit-button';
+    submitButton.onclick = submitToSalesforce;
+    chatMessages.appendChild(submitButton);
 }
 
-function submitIngredients() {
+function submitToSalesforce() {
     if (selectedItems.length === 0) {
         addMessage('bot', 'No items selected to submit!');
         return;
     }
 
-    fetch('/submit_ingredients', {
+    fetch('/submit_items', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ ingredients: selectedItems })
+        body: JSON.stringify({ items: selectedItems })
     })
         .then(response => response.json())
         .then(data => {
             if (data.error) {
-                addMessage('bot', `Failed to submit: ${data.error}`);
+                addMessage('bot', `Failed to submit items: ${data.error}`);
             } else {
-                addMessage('bot', 'Ingredients submitted successfully! Ready to start over?');
+                addMessage('bot', data.success);
                 selectedItems = [];
                 displaySelectedItems();
-                displayOptions([
-                    { text: 'Vegetarian', class: 'green' },
-                    { text: 'Non-Vegetarian', class: 'red' },
-                    { text: 'Both', class: 'gray' }
-                ]);
+                document.querySelector('.submit-button').remove();
             }
         })
         .catch(error => {
-            addMessage('bot', `Error submitting ingredients: ${error.message}. Retrying...`);
-            setTimeout(submitIngredients, 2000);
+            addMessage('bot', `Error submitting items: ${error.message}. Retrying...`);
+            setTimeout(submitToSalesforce, 2000);
         });
 }