{% extends 'allauth/layouts/base.html' %}

{% block title %}Dashboard{% endblock %}
{% block content %}
    <div class="container mt-4">
        <h2>Your Chatbots</h2>
        {% if chatbots %}
            <div class="row">
                {% for chatbot in chatbots %}
                    <div class="col-md-4 mb-3">
                        <div class="card">
                            <div class="card-body">
                                <h5 class="card-title">{{ chatbot.name }}</h5>
                                <p class="card-text">Created: {{ chatbot.created_at|date:"F d, Y" }}</p>
                                <a href="{% url 'chatbot_detail' chatbot.id %}" class="btn btn-primary">View Details</a>
                            </div>
                        </div>
                    </div>
                {% endfor %}
            </div>
        {% else %}
            <p>You haven't created any chatbots yet.</p>
        {% endif %}
        <a href="{% url 'chatbot_create' %}" class="btn btn-success mt-3">Create New Chatbot</a>
    </div>
{% endblock %}