{% extends "base.html" %}

{% block title %}LKM37 Dashboard{% endblock %}
{% block nav_dashboard %}active{% endblock %}

{% block content %}
<div class="row mb-4">
    <div class="col">
        <h2 style="color: var(--matrix-green); text-shadow: 0 0 10px var(--matrix-green);">
            >_ ТЕРМИНАЛ_УПРАВЛЕНИЯ_ЛКМ37
        </h2>
    </div>
</div>

<div class="row g-4">
    <!-- КАРТОЧКА: ЖИЛЬЦЫ -->
    <div class="col-md-3">
        <div class="card h-100">
            <div class="card-body text-center">
                <i class="bi bi-people-fill display-4 mb-2"></i>
                <h5 class="card-title opacity-50">СУБЪЕКТЫ</h5>
                <h2 class="display-6">{{ users_count }}</h2>
            </div>
        </div>
    </div>

    <!-- КАРТОЧКА: ВЕРИФИКАЦИЯ -->
    <div class="col-md-3">
        <div class="card h-100 {% if pending_count > 0 %}border-danger shadow-danger{% endif %}">
            <div class="card-body text-center">
                <i class="bi bi-shield-lock-fill display-4 mb-2"></i>
                <h5 class="card-title opacity-50">ВЕРИФИКАЦИЯ</h5>
                <h2 class="display-6">{{ pending_count }}</h2>
                {% if pending_count > 0 %}
                <span class="badge bg-danger">ТРЕБУЕТ ВНИМАНИЯ</span>
                {% endif %}
            </div>
        </div>
    </div>

    <!-- КАРТОЧКА: ОБЪЯВЛЕНИЯ -->
    <div class="col-md-3">
        <div class="card h-100 border-warning">
            <div class="card-body text-center">
                <i class="bi bi-shop display-4 mb-2"></i>
                <h5 class="card-title opacity-50">МАРКЕТ</h5>
                <h2 class="display-6 text-warning">{{ active_ads }}</h2>
            </div>
        </div>
    </div>

    <!-- КАРТОЧКА: АКТИВНОСТЬ -->
    <div class="col-md-3">
        <div class="card h-100 border-cyan">
            <div class="card-body text-center">
                <i class="bi bi-activity display-4 mb-2"></i>
                <h5 class="card-title opacity-50">СООБЩЕНИЯ</h5>
                <h2 class="display-6" style="color: var(--matrix-cyan);">{{ messages_count }}</h2>
            </div>
        </div>
    </div>
</div>

<div class="row mt-4">
    <div class="col-md-8">
        <div class="card">
            <div class="card-header">СИСТЕМНЫЙ_СТАТУС</div>
            <div class="card-body">
                <div class="p-3 bg-black border border-success font-monospace small">
                    [OK] Database: sqlite3/domovoy.db<br>
                    [OK] Telegram: @lkmthreeseven_bot<br>
                    [OK] Proxy: Active (127.0.0.1:10808)<br>
                    [OK] Node: {{ username }}@server<br>
                    <hr class="border-success">
                    [INFO] Всего верифицировано: {{ verified_count }} жильцов.<br>
                    [INFO] Активных опросов: {{ active_polls }}<br>
                    [INFO] Предстоящих событий: {{ upcoming_events }}
                </div>
            </div>
        </div>
    </div>
    
    <div class="col-md-4">
        <div class="card">
            <div class="card-header">БЫСТРЫЕ_ДЕЙСТВИЯ</div>
            <div class="card-body">
                <a href="/broadcast" class="btn btn-matrix w-100 mb-2">НОВАЯ РАССЫЛКА</a>
                <a href="/verification" class="btn btn-outline-success w-100 btn-sm mb-2">ПРОВЕРИТЬ ЗАЯВКИ</a>
                <form action="/api/digest/generate" method="post">
                    <button type="submit" class="btn btn-outline-info w-100 btn-sm">ДАЙДЖЕСТ (ТЕСТ)</button>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock %}