{% extends "base.html" %}
{% block title %}Dashboard{% endblock %}
{% block content %}
    <div class="min-w-6/12 mx-auto p-4 sm:p-6">
        <div class="mb-8">
            <h1 class="text-3xl font-bold text-gray-900">Dashboard</h1>
            <p class="mt-2 text-gray-600">
                Connected as <span class="font-bold">{{ username }}</span>
            </p>
            <button hx-get="/admin/logout"
                    type="submit"
                    class="flex items-center text-sm text-gray-500 hover:text-red-600 transition-colors cursor-pointer gap-1 mt-2">
                <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1" />
                </svg>
                <span>Logout</span>
            </button>
        </div>
        {% include "stats.html" %}
        {% include "subscribers/list.html" %}
        <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
            {% include "publish.html" %}
            {% include "send_email.html" %}
            {% include "change_password.html" %}
        </div>
    </div>
{% endblock %}