{% extends "base.html" %}

{% block content %}
<h2>📊 Статистика</h2>

<div class="stats">
    {% for stat in stats %}
    <div class="stat-card">
        <h3>{{ stat.name }}</h3>
        <div class="number">{{ stat.total }}</div>
        <div>Всего выдано</div>
        <div style="margin-top: 5px;">
            <span style="color: #27ae60;">{{ stat.active }} активных</span> |
            <span style="color: #7f8c8d;">{{ stat.used }} использовано</span>
        </div>
        <div style="font-size: 12px; color: #95a5a6; margin-top: 5px;">Префикс: {{ stat.prefix }}</div>
    </div>
    {% endfor %}
</div>

<h3>🧑‍🍳 Баристы</h3>
<ul>
    {% for b in baristas %}
    <li>{{ b.name }} (ID: {{ b.user_id }})</li>
    {% else %}
    <li>Нет добавленных барист</li>
    {% endfor %}
</ul>
{% endblock %}