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

{% block title %}Piani — Mostry{% endblock %}

{% block backend %}
    <div class="page-head">
        <h1>Piani di abbonamento</h1>
        <p class="muted">Configurazione dei piani e quanti clienti li usano.</p>
    </div>

    <div class="card table-wrap">
        <table class="data-table">
            <thead>
                <tr>
                    <th>Piano</th>
                    <th class="num">Prezzo</th>
                    <th class="num">Livello</th>
                    <th class="num">Conversazioni</th>
                    <th>Funzioni incluse</th>
                    <th class="num">Clienti</th>
                    <th>Stripe</th>
                </tr>
            </thead>
            <tbody>
                {% for p in piani %}
                    <tr>
                        <td>
                            <b>{{ p.name }}</b>
                            {% if p.description %}<br><span class="muted" style="font-size:0.85rem">{{ p.description }}</span>{% endif %}
                        </td>
                        <td class="num">{{ p.price|number_format(2, ',', '.') }} €</td>
                        <td class="num">{{ p.tier }}</td>
                        <td class="num">{{ p.monthlyConversationLimit == 0 ? 'illimitate' : p.monthlyConversationLimit ~ '/mese' }}</td>
                        <td>
                            {% if p.allowsKnowledge %}<span class="pill">knowledge</span> {% endif %}
                            {% if p.allowsDomainLock %}<span class="pill">dominio</span> {% endif %}
                            {% if p.allowsByok %}<span class="pill">BYOK</span> {% endif %}
                            {% if p.allowsAnalytics %}<span class="pill">analitica</span> {% endif %}
                            {% if p.allowsContactActions %}<span class="pill">azioni</span>{% endif %}
                            {% if not p.allowsKnowledge and not p.allowsDomainLock and not p.allowsByok and not p.allowsAnalytics and not p.allowsContactActions %}<span class="muted">base</span>{% endif %}
                        </td>
                        <td class="num">{{ conteggio[p.id] ?? 0 }}</td>
                        <td>
                            {% if p.stripePriceId %}<span class="pill pill--on">collegato</span>
                            {% else %}<span class="pill pill--off">non collegato</span>{% endif %}
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>

    <p class="muted" style="font-size:0.85rem; margin-top:1.25rem">
        I piani si creano/aggiornano con <code>mostry:seed-plans</code>; il collegamento a Stripe con <code>mostry:stripe-setup</code>.
        Il piano <b>Vitalizio</b> non è qui: è un <b>ruolo</b> che assegni dalla sezione Utenti (accesso a vita senza Stripe).
    </p>
{% endblock %}