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

{% block title %}Prove gratuite — Mostry{% endblock %}

{% block backend %}
    <div class="page-head">
        <h1>Prove gratuite</h1>
        <p class="muted">
            Chi ha provato l'assistente dalla vetrina lasciando solo la propria email,
            senza creare un account. Sono i contatti più caldi che hai.
        </p>
    </div>

    <div class="stat-row">
        <div class="card stat">
            <span class="stat__label">Contatti raccolti</span>
            <span class="stat__value">{{ prove|length }}</span>
        </div>
        <div class="card stat">
            <span class="stat__label">Poi registrati</span>
            <span class="stat__value">{{ convertiti }}</span>
        </div>
        <div class="card stat">
            <span class="stat__label">Messaggi scambiati</span>
            <span class="stat__value">{{ messaggi }}</span>
        </div>
    </div>

    {% if prove is empty %}
        <div class="card empty-state">
            <i class="fa-solid fa-comment-dots" style="font-size:1.6rem;color:var(--accent)"></i>
            <p class="muted">Nessuno ha ancora provato l'assistente dalla vetrina.</p>
        </div>
    {% else %}
        <div class="card table-wrap">
            <table class="data-table">
                <thead>
                    <tr>
                        <th>Email</th>
                        <th class="num">Messaggi</th>
                        <th>Prima prova</th>
                        <th>Ultimo messaggio</th>
                        <th>IP</th>
                        <th>Registrato</th>
                    </tr>
                </thead>
                <tbody>
                    {% for l in prove %}
                        <tr>
                            <td><a href="mailto:{{ l.email }}">{{ l.email }}</a></td>
                            <td class="num">{{ l.messaggi }}</td>
                            <td>{{ l.creatoIl|date('d/m/Y H:i') }}</td>
                            <td>{{ l.ultimoMessaggio ? l.ultimoMessaggio|date('d/m/Y H:i') : '—' }}</td>
                            <td class="mono">{{ l.ip ?: '—' }}</td>
                            <td>
                                <span class="pill {{ l.convertito ? 'pill--on' : 'pill--off' }}">
                                    {{ l.convertito ? 'sì' : 'no' }}
                                </span>
                            </td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    {% endif %}
{% endblock %}