Update static/script.js

static/script.js

@@ -102,6 +102,7 @@ function fetchIngredients(foodPreference) {
     });
 }
 
+// This will remain the same as Step 3
 function displayIngredientsList(ingredients) {
     const chatMessages = document.getElementById('chatMessages');
     if (!chatMessages) {
@@ -167,6 +168,7 @@ function displaySelectedIngredients() {
     });
 
     if (selectedIngredients.length > 0) {
+        // New functionality after clicking "Yes" (Step 5 onward)
         let instructionsArea = document.querySelector('.instructions-area');
         if (!instructionsArea) {
             instructionsArea = document.createElement('div');
@@ -198,6 +200,46 @@ function displaySelectedIngredients() {
     }
 }
 
+function addToCart(item) {
+    cart.push(item);
+    console.log('Cart:', cart);
+}
+
+function displayOptions(options) {
+    const chatMessages = document.getElementById('chatMessages');
+    if (!chatMessages) {
+        console.error('Chat messages container not found for options!');
+        return;
+    }
+    options.forEach(opt => {
+        const button = document.createElement('button');
+        button.textContent = opt.text;
+        button.className = `option-button ${opt.class}`;
+        button.onclick = () => {
+            addMessage('user', opt.text);
+            conversation.push({ role: 'user', message: opt.text });
+            chatMessages.innerHTML = '';
+            conversation.forEach(msg => addMessage(msg.role, msg.message));
+            setTimeout(() => handleResponse(opt.text), 500);
+        };
+        chatMessages.appendChild(button);
+    });
+    chatMessages.appendChild(document.createElement('br'));
+    const backButton = document.createElement('button');
+    backButton.textContent = 'Go Back';
+    backButton.className = 'option-button';
+    backButton.onclick = () => {
+        conversation.pop();
+        selectedIngredients = [];
+        selectedMenuItem = null;
+        chatMessages.innerHTML = '';
+        conversation.forEach(msg => addMessage(msg.role, msg.message));
+        setTimeout(() => handleResponse(conversation[conversation.length - 1].message), 500);
+    };
+    chatMessages.appendChild(backButton);
+}
+
+
 
 function fetchMenuItems(category) {
     fetch('/get_menu_items', {
@@ -355,44 +397,7 @@ function displayCustomizationInput() {
     }
 }
 
-function addToCart(item) {
-    cart.push(item);
-    console.log('Cart:', cart);
-}
 
-function displayOptions(options) {
-    const chatMessages = document.getElementById('chatMessages');
-    if (!chatMessages) {
-        console.error('Chat messages container not found for options!');
-        return;
-    }
-    options.forEach(opt => {
-        const button = document.createElement('button');
-        button.textContent = opt.text;
-        button.className = `option-button ${opt.class}`;
-        button.onclick = () => {
-            addMessage('user', opt.text);
-            conversation.push({ role: 'user', message: opt.text });
-            chatMessages.innerHTML = '';
-            conversation.forEach(msg => addMessage(msg.role, msg.message));
-            setTimeout(() => handleResponse(opt.text), 500);
-        };
-        chatMessages.appendChild(button);
-    });
-    chatMessages.appendChild(document.createElement('br'));
-    const backButton = document.createElement('button');
-    backButton.textContent = 'Go Back';
-    backButton.className = 'option-button';
-    backButton.onclick = () => {
-        conversation.pop();
-        selectedIngredients = [];
-        selectedMenuItem = null;
-        chatMessages.innerHTML = '';
-        conversation.forEach(msg => addMessage(msg.role, msg.message));
-        setTimeout(() => handleResponse(conversation[conversation.length - 1].message), 500);
-    };
-    chatMessages.appendChild(backButton);
-}
 
 document.getElementById('userInput').addEventListener('keypress', function(e) {
     if (e.key === 'Enter') {