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

{% block title %}Utenti e bot — Mostry{% endblock %}

{% block backend %}
    <div class="page-head">
        <h1>Utenti e bot</h1>
        <p class="muted">Panoramica completa della piattaforma: chi si è registrato e quali assistenti ha creato.</p>
    </div>

    <div class="stat-row">
        <div class="card stat"><span class="stat__label">Utenti registrati</span><span class="stat__value">{{ stats.utenti }}</span></div>
        <div class="card stat"><span class="stat__label">Email verificate</span><span class="stat__value">{{ stats.verificati }}</span></div>
        <div class="card stat"><span class="stat__label">Vitalizi</span><span class="stat__value">{{ stats.vitalizi }}</span></div>
        <div class="card stat"><span class="stat__label">Assistenti creati</span><span class="stat__value">{{ stats.bot }}</span></div>
    </div>

    {# ── utenti ── #}
    <h2 style="font-size:1.25rem; font-weight:700; margin-bottom:0.9rem">Utenti</h2>
    <div class="card table-wrap" style="margin-bottom:1rem">
        <table class="data-table">
            <thead>
                <tr>
                    <th>Email</th>
                    <th>Nome / Azienda</th>
                    <th>Piano / Stato</th>
                    <th class="num">Bot</th>
                    <th>Iscritto</th>
                    <th>Ruolo</th>
                    <th>Azioni</th>
                </tr>
            </thead>
            <tbody>
                {% for u in users %}
                    {% set ruolo = 'ROLE_ADMIN' in u.roles ? 'admin' : ('ROLE_VITALIZIO' in u.roles ? 'vitalizio' : 'normale') %}
                    <tr>
                        <td>{{ u.email }}</td>
                        <td>{{ u.fullName }}{% if u.company %}<br><span class="muted" style="font-size:0.85rem">{{ u.company }}</span>{% endif %}</td>
                        <td>
                            {% if ruolo == 'vitalizio' %}<span class="pill pill--on">Vitalizio (a vita)</span>
                            {% elseif ruolo == 'admin' %}<span class="pill pill--on">Admin</span>
                            {% elseif not u.isVerified %}<span class="pill pill--off">non verificato</span>
                            {% elseif u.plan %}{{ u.plan.name }}{% if u.planExpiresAt %}<br><span class="muted" style="font-size:0.85rem">scade {{ u.planExpiresAt|date('d/m/Y') }}</span>{% endif %}
                            {% else %}<span class="pill pill--off">nessun piano</span>{% endif %}
                        </td>
                        <td class="num">{{ botCountByUser[u.id] ?? 0 }}</td>
                        <td>{{ u.createdAt|date('d/m/Y') }}</td>
                        <td>
                            <form method="post" action="{{ path('admin_user_role', {id: u.id}) }}" style="margin:0">
                                <input type="hidden" name="_token" value="{{ csrf_token('role_' ~ u.id) }}">
                                <select name="ruolo" class="admin-select" onchange="this.form.submit()">
                                    <option value="normale" {{ ruolo == 'normale' ? 'selected' : '' }}>Normale</option>
                                    <option value="vitalizio" {{ ruolo == 'vitalizio' ? 'selected' : '' }}>Vitalizio</option>
                                    <option value="admin" {{ ruolo == 'admin' ? 'selected' : '' }}>Admin</option>
                                </select>
                            </form>
                        </td>
                        <td>
                            <div class="row-actions">
                                {% if not u.isVerified %}
                                    <form method="post" action="{{ path('admin_user_verify', {id: u.id}) }}" style="margin:0">
                                        <input type="hidden" name="_token" value="{{ csrf_token('verify_' ~ u.id) }}">
                                        <button class="btn btn--sm btn--ghost" type="submit">Verifica</button>
                                    </form>
                                {% endif %}
                                {% if u.id != app.user.id %}
                                    <a href="{{ path('dashboard', {'_switch_user': u.email}) }}"
                                       class="btn btn--sm btn--ghost" title="Vedi Mostry come lo vede questo cliente">
                                        <i class="fa-solid fa-user-secret"></i> Vedi come
                                    </a>
                                {% endif %}
                            </div>
                        </td>
                    </tr>
                {% else %}
                    <tr><td colspan="7" style="text-align:center" class="muted">Nessun utente ancora.</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
    <p class="muted" style="font-size:0.85rem; margin-bottom:2.5rem">
        <b>Vitalizio</b> = accesso completo a vita, senza pagamento Stripe (per chi paga di persona).
    </p>

    {# ── bot ── #}
    <h2 style="font-size:1.25rem; font-weight:700; margin-bottom:0.9rem">Assistenti (configurazioni)</h2>
    <div class="card table-wrap">
        <table class="data-table">
            <thead>
                <tr>
                    <th>Nome</th>
                    <th>Proprietario</th>
                    <th>Motore AI</th>
                    <th>Ruolo</th>
                    <th>Chiave</th>
                    <th>WhatsApp</th>
                    <th>Attivo</th>
                    <th>Creato</th>
                </tr>
            </thead>
            <tbody>
                {% for b in bots %}
                    <tr>
                        <td><b>{{ b.name }}</b></td>
                        <td>{{ b.owner ? b.owner.email : '—' }}</td>
                        <td>{{ b.provider.label }}{% if b.model %}<br><span class="muted" style="font-size:0.85rem">{{ b.model }}</span>{% endif %}</td>
                        <td>{{ b.role }}</td>
                        <td>{{ b.usesManagedKey ? 'Mostry' : 'BYOK' }}</td>
                        <td>{{ b.whatsappPhoneNumberId ? 'sì' : '—' }}</td>
                        <td><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>
{% endblock %}