py/templates/index.html

@@ -71,16 +71,19 @@
         <!-- Output section: Simulating a conversation with AI -->
         <div class="output">
             <div class="conversation">
-                <div class="user-message">User: What is the weather today?</div>
+                {% for message in messages %}
-                <div class="ai-message">AI: It's sunny with a slight breeze.</div>
+                    {% if message.startswith('User:') %}
-                <div class="user-message">User: Great! Thank you!</div>
+                        <div class="user-message">{{ message }}</div>
-                <div class="ai-message">AI: You're welcome!</div>
+                    {% else %}
+                        <div class="ai-message">{{ message }}</div>
+                    {% endif %}
+                {% endfor %}
             </div>
         </div>
         
         <!-- Input section: Where user input is provided -->
         <form class="input" method="POST" action="">
-            <input type="text" name="name" placeholder="Type your message here..." />
+            <input type="text" name="user_message" placeholder="Type your message here..." />
             <button type="submit" name="option" value="voice"><img src="/static/img/microphone.svg" alt="microphone"></button>
             <button type="submit" name="option" value="chat">Send</button>
         </form>

py/web_flask.py

@@ -1,20 +1,29 @@
-from flask import Flask, request
+from flask import Flask, request, render_template
+from api import API
 
 APP = Flask(__name__)
+api = API()
+messages = []
 
 
 @APP.route('/', methods=['GET', 'POST'])
 def index():
+    global messages
+
     if request.method == 'POST':
-        name = request.form['name']
         option = request.form['option']
 
-        if option == "voice":
+        user_message = request.form['user_message']
-            print(name)
-        elif option == "chat":
-            print(name)
 
-    return APP.send_static_file('index.html')
+        if option == "voice":
+            messages.append(f"User: {user_message}")
+        elif option == "chat":
+            messages.append(f"User: {user_message}")
+
+        ai_response = "AI: " + api.send_message(user_message, 1)
+        messages.append(ai_response)
+
+    return render_template('index.html', messages=messages)
 
 
 if __name__ == '__main__':