Update static/script.js

static/script.js

@@ -138,3 +138,32 @@ function handleResponse(userInput) {
         displayOptions(options);
     }
 }
+function displayOptions(options) {
+    const chatMessages = document.getElementById('chatMessages');
+    if (!chatMessages) {
+        console.error('Chat messages container not found for options!');
+        return;
+    }
+
+    // Display each option as a bot message in the chat
+    options.forEach(opt => {
+        const messageDiv = document.createElement('div');
+        messageDiv.className = 'bot-message'; // This makes the options look like bot messages
+        const button = document.createElement('button');
+        button.textContent = opt.text;
+        button.className = `option-button ${opt.class}`;
+
+        // When an option is clicked, treat it as a user response and trigger the appropriate handler
+        button.onclick = () => {
+            addMessage('user', opt.text);
+            conversation.push({ role: 'user', message: opt.text });
+            setTimeout(() => handleResponse(opt.text), 500);
+        };
+
+        messageDiv.appendChild(button);
+        chatMessages.appendChild(messageDiv); // Append the button inside a bot message container
+    });
+
+    // Scroll to the bottom of the chat container
+    chatMessages.scrollTop = chatMessages.scrollHeight;
+}