{% extends "base.html" %}

{% block title %}Дашборд - МКД ЛенКом 37{% endblock %}
{% block nav_dashboard %}active{% endblock %}

{% block content %}
<div class="row mb-3">
    <div class="col">
        <h4 class="mb-1" style="font-size: 16px; font-weight: bold;">Панель управления МКД ЛенКом 37</h4>
        <div class="small text-muted">Сводные показатели системы и текущий статус сервисов</div>
    </div>
</div>

<div class="row g-3">
    <!-- КАРТОЧКА: ЖИЛЬЦЫ -->
    <div class="col-md-3">
        <div class="card h-100">
            <div class="card-header">ЖИЛЬЦЫ</div>
            <div class="card-body text-center">
                <i class="bi bi-people mb-2" style="font-size: 28px; color: #555555;"></i>
                <div class="small text-muted">Всего зарегистрировано</div>
                <div style="font-size: 24px; font-weight: bold; margin-top: 4px;">{{ users_count }}</div>
            </div>
        </div>
    </div>

    <!-- КАРТОЧКА: ВЕРИФИКАЦИЯ -->
    <div class="col-md-3">
        <div class="card h-100">
            <div class="card-header">ВЕРИФИКАЦИЯ</div>
            <div class="card-body text-center">
                <i class="bi bi-shield-lock mb-2" style="font-size: 28px; color: #555555;"></i>
                <div class="small text-muted">Заявок на проверку</div>
                <div style="font-size: 24px; font-weight: bold; margin-top: 4px;">{{ pending_count }}</div>
                {% if pending_count > 0 %}
                <div class="mt-2">
                    <span class="badge-status badge-danger">ТРЕБУЕТ ВНИМАНИЯ</span>
                </div>
                {% endif %}
            </div>
        </div>
    </div>

    <!-- КАРТОЧКА: ОБЪЯВЛЕНИЯ -->
    <div class="col-md-3">
        <div class="card h-100">
            <div class="card-header">ОБЪЯВЛЕНИЯ</div>
            <div class="card-body text-center">
                <i class="bi bi-shop mb-2" style="font-size: 28px; color: #555555;"></i>
                <div class="small text-muted">Активные публикации</div>
                <div style="font-size: 24px; font-weight: bold; margin-top: 4px;">{{ active_ads }}</div>
            </div>
        </div>
    </div>

    <!-- КАРТОЧКА: АКТИВНОСТЬ -->
    <div class="col-md-3">
        <div class="card h-100">
            <div class="card-header">СООБЩЕНИЯ</div>
            <div class="card-body text-center">
                <i class="bi bi-activity mb-2" style="font-size: 28px; color: #555555;"></i>
                <div class="small text-muted">Активность чата</div>
                <div style="font-size: 24px; font-weight: bold; margin-top: 4px;">{{ messages_count }}</div>
            </div>
        </div>
    </div>
</div>

<div class="row mt-3 g-3">
    <div class="col-md-8">
        <div class="card h-100">
            <div class="card-header">СИСТЕМНЫЙ СТАТУС</div>
            <div class="card-body">
                <table class="table mb-0">
                    <tbody>
                        <tr>
                            <td style="width: 220px; font-weight: bold;">База данных:</td>
                            <td>PostgreSQL (Synology NAS 192.168.10.105:5433) <span class="badge-status badge-success">OK</span></td>
                        </tr>
                        <tr>
                            <td style="font-weight: bold;">Telegram-бот:</td>
                            <td>@lkmthreeseven_bot (DomovoyKontrolBot) <span class="badge-status badge-success">ONLINE</span></td>
                        </tr>
                        <tr>
                            <td style="font-weight: bold;">Юридический модуль:</td>
                            <td>Google NotebookLM (аккаунт corteskelsey814, 14 источников) <span class="badge-status badge-success">READY</span></td>
                        </tr>
                        <tr>
                            <td style="font-weight: bold;">Текущий узел:</td>
                            <td>{{ username }}@DockerServer (192.168.10.116)</td>
                        </tr>
                        <tr>
                            <td style="font-weight: bold;">Верифицировано жильцов:</td>
                            <td>{{ verified_count }} чел.</td>
                        </tr>
                        <tr>
                            <td style="font-weight: bold;">Активных опросов:</td>
                            <td>{{ active_polls }}</td>
                        </tr>
                        <tr>
                            <td style="font-weight: bold;">Предстоящих событий:</td>
                            <td>{{ upcoming_events }}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    
    <div class="col-md-4">
        <div class="card h-100">
            <div class="card-header">ДЕЙСТВИЯ</div>
            <div class="card-body d-flex flex-column gap-2">
                <a href="/broadcast" class="btn-unix btn-unix-primary text-center">Новая рассылка</a>
                <a href="/verification" class="btn-unix text-center">Проверить заявки жильцов</a>
                <a href="/legal" class="btn-unix text-center">База законов и NotebookLM</a>
                <form action="/api/digest/generate" method="post" class="mt-auto">
                    <button type="submit" class="btn-unix w-100">Тестовая генерация дайджеста</button>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock %}