{% extends 'base.html.twig' %}

{% block title %}Admin — Mostry{% endblock %}
{% block stylesheets %}{{ parent() }}<link rel="stylesheet" href="{{ asset('css/dashboard.css') }}">{% endblock %}

{% block body %}
{{ include('_dash_nav.html.twig') }}

<div class="dash-wrap">
    {{ include('_flashes.html.twig') }}

    <div class="dash-head">
        <h1>Pannello admin</h1>
        <a href="{{ path('dashboard') }}" class="btn btn--sm btn--ghost">← Dashboard</a>
    </div>

    {# ── statistiche ── #}
    <div class="bot-grid" style="margin-bottom:2rem">
        <article class="card" style="padding:1.25rem">
            <div class="bot-card__meta">Utenti registrati</div>
            <div style="font-size:2.4rem; font-weight:900">{{ stats.utenti }}</div>
        </article>
        <article class="card" style="padding:1.25rem">
            <div class="bot-card__meta">Email verificate</div>
            <div style="font-size:2.4rem; font-weight:900">{{ stats.verificati }}</div>
        </article>
        <article class="card" style="padding:1.25rem">
            <div class="bot-card__meta">Assistenti creati</div>
            <div style="font-size:2.4rem; font-weight:900">{{ stats.bot }}</div>
        </article>
    </div>

    {# ── utenti ── #}
    <h2 style="font-size:1.4rem; font-weight:800; margin-bottom:1rem">Utenti</h2>
    <div class="card compare-wrap" style="padding:0; margin-bottom:2.5rem">
        <table class="compare" style="min-width:820px">
            <thead>
                <tr>
                    <th class="compare__feat">Email</th>
                    <th class="compare__feat">Nome</th>
                    <th class="compare__feat">Azienda</th>
                    <th class="compare__feat">Piano</th>
                    <th class="compare__feat">Stato</th>
                    <th class="compare__feat">Bot</th>
                    <th class="compare__feat">Iscritto</th>
                </tr>
            </thead>
            <tbody>
                {% for u in users %}
                    <tr>
                        <td class="compare__feat">{{ u.email }}{% if 'ROLE_ADMIN' in u.roles %} <span class="pill pill--on">admin</span>{% endif %}</td>
                        <td>{{ u.firstName }} {{ u.lastName }}</td>
                        <td>{{ u.company ?: '—' }}</td>
                        <td>{{ u.plan ? u.plan.name : '—' }}</td>
                        <td>
                            {% if not u.isVerified %}<span class="pill pill--off">non verificato</span>
                            {% elseif u.planExpiresAt %}scade {{ u.planExpiresAt|date('d/m/Y') }}
                            {% else %}—{% endif %}
                        </td>
                        <td style="text-align:center">{{ botCountByUser[u.id] ?? 0 }}</td>
                        <td>{{ u.createdAt|date('d/m/Y') }}</td>
                    </tr>
                {% else %}
                    <tr><td colspan="7" style="text-align:center" class="muted">Nessun utente ancora.</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </div>

    {# ── bot / configurazioni ── #}
    <h2 style="font-size:1.4rem; font-weight:800; margin-bottom:1rem">Assistenti (configurazioni)</h2>
    <div class="card compare-wrap" style="padding:0">
        <table class="compare" style="min-width:900px">
            <thead>
                <tr>
                    <th class="compare__feat">Nome</th>
                    <th class="compare__feat">Proprietario</th>
                    <th class="compare__feat">Motore AI</th>
                    <th class="compare__feat">Ruolo</th>
                    <th class="compare__feat">Chiave</th>
                    <th class="compare__feat">WhatsApp</th>
                    <th class="compare__feat">Attivo</th>
                    <th class="compare__feat">Creato</th>
                </tr>
            </thead>
            <tbody>
                {% for b in bots %}
                    <tr>
                        <td class="compare__feat">{{ b.name }}</td>
                        <td>{{ b.owner ? b.owner.email : '—' }}</td>
                        <td>{{ b.provider.label }}{% if b.model %}<br><span class="muted" style="font-size:0.8rem">{{ b.model }}</span>{% endif %}</td>
                        <td>{{ b.role }}</td>
                        <td>{{ b.usesManagedKey ? 'Mostry' : 'BYOK' }}</td>
                        <td>{{ b.whatsappPhoneNumberId ? '✓' : '—' }}</td>
                        <td style="text-align:center"><span class="pill {{ b.active ? 'pill--on' : 'pill--off' }}">{{ b.active ? 'sì' : 'no' }}</span></td>
                        <td>{{ b.createdAt|date('d/m/Y') }}</td>
                    </tr>
                {% else %}
                    <tr><td colspan="8" style="text-align:center" class="muted">Nessun assistente ancora.</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}