{% extends 'admin/admin_base.html' %}
{% block title %}Административная панель{% endblock %}
{% block breadcrumb %}
{{ super() }}
<li class="breadcrumb-item active">Панель управления</li>
{% endblock %}
{% block admin_content %}
{% if injection_content and injection_content.get('admin.dashboard.top') %}
    {% for content in injection_content['admin.dashboard.top'] %}
        {{ content | safe }}
    {% endfor %}
{% endif %}

<div class="admin-toolbar">
    <div class="admin-toolbar__main">
        <h1 class="admin-toolbar__title"><i class="bi bi-speedometer2" aria-hidden="true"></i> Панель управления</h1>
        <p class="admin-toolbar__meta muted">Добро пожаловать в административную панель Cascad360</p>
    </div>
</div>

{% if injection_content and injection_content.get('admin.dashboard.top') %}
    <div class="mb-4" id="dashboard-top-zone">
        {% for content in injection_content['admin.dashboard.top'] %}
            <div class="mb-3">{{ content | safe }}</div>
        {% endfor %}
    </div>
{% endif %}

<div class="stats-grid mb-4">
    <article class="card stat-card">
        <h3>Сервисы</h3>
        <strong id="dashboardServicesCount">—</strong>
        <span class="tag success">Активно</span>
    </article>
    <article class="card stat-card">
        <h3>Плагины</h3>
        <strong id="dashboardPluginsCount">—</strong>
        <span class="tag success">Загружено</span>
    </article>
    <article class="card stat-card">
        <h3>Контейнеры</h3>
        <strong id="dashboardContainersCount">—</strong>
        <span class="tag info">Запущено</span>
    </article>
    <article class="card stat-card">
        <h3>Запросов/сек</h3>
        <strong id="dashboardRPS">—</strong>
        <span class="tag warning">RPS</span>
    </article>
</div>

{% if injection_content and injection_content.get('admin.dashboard.middle') %}
    <div class="mb-4" id="dashboard-middle-zone">
        {% for content in injection_content['admin.dashboard.middle'] %}
            <div class="mb-3">{{ content | safe }}</div>
        {% endfor %}
    </div>
{% endif %}

{% if dashboard_widgets %}
    <div class="stats-grid mb-4" id="dashboard-hook-widgets">
        {% for widget in dashboard_widgets %}
            <article class="card stat-card">
                {% if widget.get('html') %}
                    {{ widget.html | safe }}
                {% elif widget.get('component') %}
                    <div data-component="{{ widget.component }}" data-props="{{ widget.get('props', {}) | tojson }}"></div>
                {% endif %}
            </article>
        {% endfor %}
    </div>
{% endif %}

<div class="grid-two mb-4">
    <article class="card">
        <h3>Быстрые действия</h3>
        <div class="quick-actions">
            <a class="btn secondary" href="{{ url_for('admin.users') }}"><i class="bi bi-people-fill" aria-hidden="true"></i> Пользователи</a>
            <a class="btn secondary" href="{{ url_for('admin.services') }}"><i class="bi bi-server" aria-hidden="true"></i> Сервисы</a>
            <a class="btn secondary" href="{{ url_for('admin.plugins') }}"><i class="bi bi-plugin" aria-hidden="true"></i> Плагины</a>
            <a class="btn secondary" href="{{ url_for('admin.routing') }}"><i class="bi bi-diagram-3" aria-hidden="true"></i> Маршрутизация</a>
            <a class="btn secondary" href="{{ url_for('admin.containers') }}"><i class="bi bi-boxes" aria-hidden="true"></i> Контейнеры</a>
            <a class="btn secondary" href="{{ url_for('admin.metrics') }}"><i class="bi bi-speedometer2" aria-hidden="true"></i> Метрики</a>
            <a class="btn secondary" href="{{ url_for('admin.logs') }}"><i class="bi bi-journal-text" aria-hidden="true"></i> Журналы</a>
            <a class="btn secondary" href="{{ url_for('admin.database') }}"><i class="bi bi-database" aria-hidden="true"></i> База данных</a>
            <a class="btn secondary" href="{{ url_for('admin.settings') }}"><i class="bi bi-gear-fill" aria-hidden="true"></i> Настройки</a>
            <a class="btn secondary" href="{{ url_for('admin.performance') }}"><i class="bi bi-graph-up-arrow" aria-hidden="true"></i> Нагрузочное тестирование</a>
        </div>
    </article>
    <article class="card">
        <h3>Состояние системы</h3>
        <ul class="list" id="dashboardSystemStatus">
            <li><span>Ядро</span><span class="tag success">OK</span></li>
            <li><span>БД</span><span class="tag success" id="dashboardDbStatus">—</span></li>
            <li><span>Мониторинг</span><a class="btn ghost btn-sm" href="{{ url_for('admin.monitoring') }}">Открыть</a></li>
        </ul>
    </article>
</div>

{% if injection_content and injection_content.get('admin.dashboard.bottom') %}
    <div class="mt-4" id="dashboard-bottom-zone">
        {% for content in injection_content['admin.dashboard.bottom'] %}
            <div class="mb-3">{{ content | safe }}</div>
        {% endfor %}
    </div>
{% endif %}
{% endblock %}

{% block admin_scripts %}
<script src="{{ url_for('static', filename='js/dashboard-widgets.js') }}"></script>
{% endblock %}