Update static/script.js

static/script.js

@@ -73,6 +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();
             } else {
                 addMessage('bot', `No ${dietaryPreference} items found. Try searching for something specific!`);
             }
@@ -97,6 +98,7 @@ function suggestItems(searchTerm) {
             } else if (data.suggestions.length > 0) {
                 addMessage('bot', `Found these suggestions for "${searchTerm}":`);
                 displayItemsList(data.suggestions, 'suggestionsList');
+                displaySubmitButton();
             } else {
                 addMessage('bot', `No matches for "${searchTerm}". Try "chicken" or "paneer"?`);
             }
@@ -117,12 +119,13 @@ function fetchItemDetails(itemName) {
         .then(response => response.json())
         .then(data => {
             if (data.error) {
-                addMessage('bot', `Sorry, couldn’t get details for "${itemName}": ${data.error}. Check the name or try another item!`);
+                addMessage('bot', `Sorry, couldn’t get details for "${itemName}": ${data.error}. Check the name!`);
             } else {
                 const details = data.item_details;
-                selectedItems.push(details);
-                addMessage('bot', `Added "${itemName}"! Here are the details:`);
+                selectedItems.push(details.name); // Store only the name for submission
+                addMessage('bot', `Added "${itemName}" to your selection!`);
                 displaySelectedItems();
+                displaySubmitButton();
                 console.log(`Details for ${itemName}:`, details);
             }
         })
@@ -175,7 +178,7 @@ function displaySelectedItems() {
     } else {
         selectedItems.forEach(item => {
             const div = document.createElement('div');
-            div.innerHTML = `<strong>${item.name}</strong><br>Description: ${item.description}<br>Ingredients: ${item.ingredients}`;
+            div.textContent = item; // Display only the name
             selectedArea.appendChild(div);
         });
     }
@@ -213,6 +216,57 @@ function displayOptions(options) {
     chatMessages.appendChild(optionsDiv);
 }
 
+function displaySubmitButton() {
+    const chatMessages = document.getElementById('chatMessages');
+    if (!chatMessages) return;
+
+    // Remove existing submit button if any
+    const existingButton = document.getElementById('submitButton');
+    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);
+    }
+}
+
+function submitIngredients() {
+    if (selectedItems.length === 0) {
+        addMessage('bot', 'No items selected to submit!');
+        return;
+    }
+
+    fetch('/submit_ingredients', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ ingredients: selectedItems })
+    })
+        .then(response => response.json())
+        .then(data => {
+            if (data.error) {
+                addMessage('bot', `Failed to submit: ${data.error}`);
+            } else {
+                addMessage('bot', 'Ingredients submitted successfully! Ready to start over?');
+                selectedItems = [];
+                displaySelectedItems();
+                displayOptions([
+                    { text: 'Vegetarian', class: 'green' },
+                    { text: 'Non-Vegetarian', class: 'red' },
+                    { text: 'Both', class: 'gray' }
+                ]);
+            }
+        })
+        .catch(error => {
+            addMessage('bot', `Error submitting ingredients: ${error.message}. Retrying...`);
+            setTimeout(submitIngredients, 2000);
+        });
+}
+
 function resetConversation() {
     const userName = conversation.length > 1 ? conversation[1].message : 'Friend';
     conversation = [