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

{% block title %}I miei assistenti — Mostry{% endblock %}

{% block backend %}
    {% if trialEnded %}
        <div class="alert alert--warn">
            <b>La tua prova è finita — speriamo Mostry ti sia piaciuto!</b><br>
            I tuoi assistenti sono in pausa per ora. Aggiungi un metodo di pagamento e li riaccendiamo all'istante.
            <a href="{{ path('subscription') }}"><b>Riattiva i miei assistenti →</b></a>
        </div>
    {% elseif not subscription.active %}
        <div class="alert alert--warn">
            <b>Benvenuto! Scegli un piano per partire.</b>
            Puoi già creare e configurare i tuoi assistenti; per farli rispondere ai clienti ti basta attivare un piano.
            <a href="{{ path('subscription') }}"><b>Scegli il tuo piano →</b></a>
        </div>
    {% elseif trialEndingSoon %}
        <div class="alert alert--warn">
            <b>Ci siamo quasi!</b> La tua prova gratuita finisce tra {{ daysLeft }} giorn{{ daysLeft == 1 ? 'o' : 'i' }}.
            Quando vuoi, aggiungi la carta e continuiamo insieme senza interruzioni — disdici quando vuoi.
            <a href="{{ path('subscription') }}"><b>Continua con Mostry →</b></a>
        </div>
    {% elseif subscription.planName == 'Prova gratuita' %}
        <div class="alert alert--success">
            <b>Prova gratuita attiva</b> — ti restano {{ daysLeft }} giorn{{ daysLeft == 1 ? 'o' : 'i' }} per provare tutto con calma.
            <a href="{{ path('subscription') }}"><b>Guarda i piani →</b></a>
        </div>
    {% endif %}

    <div class="page-head page-head--row">
        <div>
            <h1>I miei assistenti</h1>
            <p class="muted">Piano: <b>{{ subscription.planName }}</b>{% if subscription.active and subscription.monthlyLimit > 0 %} · {{ subscription.monthlyLimit }} conversazioni/mese{% elseif subscription.active %} · conversazioni illimitate{% endif %}</p>
        </div>
        <a href="{{ path('bot_new') }}" class="btn">+ Nuovo assistente</a>
    </div>

    {% if bots is empty %}
        <div class="card empty-state">
            <p class="muted">Non hai ancora creato nessun assistente.</p>
            <a href="{{ path('bot_new') }}" class="btn">Crea il primo</a>
        </div>
    {% else %}
        <div class="bot-grid">
            {% for bot in bots %}
                <article class="card bot-card">
                    <div class="bot-card__top">
                        <h3>{{ bot.name }}</h3>
                        <span class="pill {{ bot.active ? 'pill--on' : 'pill--off' }}">{{ bot.active ? 'Attivo' : 'Off' }}</span>
                    </div>
                    <div class="bot-card__meta">
                        {{ bot.provider.label }}{% if bot.model %} · {{ bot.model }}{% endif %}<br>
                        Ruolo: {{ bot.role }}
                    </div>
                    <div class="bot-card__actions">
                        <a href="{{ path('bot_show', {id: bot.id}) }}" class="btn btn--sm">Apri</a>
                        <a href="{{ path('bot_edit', {id: bot.id}) }}" class="btn btn--sm btn--ghost">Modifica</a>
                    </div>
                </article>
            {% endfor %}
        </div>
    {% endif %}
{% endblock %}