Update static/script.js

static/script.js

@@ -208,10 +208,6 @@ function displaySelectedIngredients() {
 }
 
 function submitIngredients(selectedIngredients) {
-    // Here, you can send the selected ingredients to the backend or perform any other action
-    console.log("Submitting ingredients: ", selectedIngredients);
-
-    // Example: Send to the backend (this is just an example, adjust according to your backend)
     fetch('/submit_ingredients', {
         method: 'POST',
         headers: {
@@ -222,7 +218,21 @@ function submitIngredients(selectedIngredients) {
     .then(response => response.json())
     .then(data => {
         if (data.success) {
-            addMessage('bot', 'Your ingredients have been successfully submitted!');
+            // Now fetch dish suggestions
+            fetch('/get_dish_suggestions', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({ ingredients: selectedIngredients })
+            })
+            .then(response => response.json())
+            .then(suggestionData => {
+                if (suggestionData.suggestions) {
+                    // Display dish suggestions
+                    displayDishSuggestions(suggestionData.suggestions);
+                }
+            });
         } else {
             addMessage('bot', 'There was an issue submitting your ingredients. Please try again.');
         }
@@ -232,6 +242,22 @@ function submitIngredients(selectedIngredients) {
     });
 }
 
+function displayDishSuggestions(suggestions) {
+    const chatMessages = document.getElementById('chatMessages');
+    if (!chatMessages) {
+        console.error('Chat messages container not found for dish suggestions!');
+        return;
+    }
+    addMessage('bot', `Based on your ingredients, here are some dish suggestions:`);
+    
+    // Create and display the suggestions
+    const suggestionDiv = document.createElement('div');
+    suggestionDiv.className = 'suggestions-list';
+    suggestionDiv.textContent = suggestions;
+    chatMessages.appendChild(suggestionDiv);
+}
+
+
 
 function displayOptions(options) {
     const chatMessages = document.getElementById('chatMessages');