{% extends 'base.html' %}
{% block title %}
    AI Lounge Chat
{% endblock %}
{% block content %}
    <div class="chatbot-container">
        <div class="chat-header">
            <h2>Hello World!</h2>
        </div>
        <div class="chat-body">
            <div class="chat-messages">
                <!-- chat messages will be added dynamically using JavaScript -->
            </div>
            <div class="chat-input">
                <form id="chat-form">
                    <input type="text" id="user-input" placeholder="Type your message...">
                    <button type="submit" id="send-btn">Send</button>
                </form>
            </div>
        </div>
    <h2 class="center"><a href="{{ url_for('home') }}">Back to Home</a></h2>
    </div>
    <script src="{{ url_for('static', filename='js/chat.js') }}"></script>
{% endblock %}