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

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

{% block backend %}
    <div class="page-head">
        <h1>Abbonamento</h1>
        <p class="muted">Sei su <b>{{ subscription.planName }}</b>{% if subscription.active %} (attivo){% endif %}. Nessun vincolo: cambi o disdici quando vuoi, pagamento sicuro con Stripe.</p>
    </div>

    <div class="bot-grid">
        {% for plan in plans %}
            <article class="card price-card {{ plan.name == 'Standard' ? 'price-card--featured' : '' }}">
                {% if plan.name == 'Standard' %}<span class="tag price-card__badge">Più scelto</span>{% endif %}
                <h3>{{ plan.name }}</h3>
                <p class="price-card__desc">{{ plan.description }}</p>
                <div class="price-row">
                    <span class="price">{{ plan.price|number_format(0, ',', '.') }}€</span>
                    <span class="price__note">/mese</span>
                </div>
                <ul class="feature-list">
                    <li>✓ <span>{{ plan.monthlyConversationLimit == 0 ? 'Conversazioni illimitate' : plan.monthlyConversationLimit ~ ' conversazioni/mese' }}</span></li>
                    {% if plan.allowsKnowledge %}<li>✓ <span>Knowledge base personalizzata</span></li>{% endif %}
                    {% if plan.allowsDomainLock %}<li>✓ <span>Blocco per dominio</span></li>{% endif %}
                    {% if plan.allowsByok %}<li>✓ <span>Usa la tua chiave AI (BYOK)</span></li>{% endif %}
                </ul>
                <form method="post" action="{{ path('subscription_checkout', {id: plan.id}) }}">
                    <input type="hidden" name="_token" value="{{ csrf_token('checkout_' ~ plan.id) }}">
                    <button class="btn btn--block {{ plan.name == 'Standard' ? 'btn--ghost' : '' }}" type="submit"
                            {{ plan.stripePriceId ? '' : 'disabled' }}>
                        {{ plan.stripePriceId ? 'Abbonati' : 'Non disponibile' }}
                    </button>
                </form>
            </article>
        {% endfor %}

        {% if custom %}
            <article class="card price-card">
                <h3>{{ custom.name }}</h3>
                <p class="price-card__desc">{{ custom.description }}</p>
                <div class="price-row"><span class="price">Su misura</span></div>
                <ul class="feature-list">
                    <li>✓ <span>Tutto illimitato</span></li>
                    <li>✓ <span>Integrazioni dedicate</span></li>
                    <li>✓ <span>Account manager</span></li>
                </ul>
                <a href="mailto:info@mostry.it" class="btn btn--block btn--ghost">Contattaci</a>
            </article>
        {% endif %}
    </div>

    <p class="muted" style="margin-top:1.5rem; font-size:0.85rem">
        Pagamenti gestiti da Stripe. Puoi disdire quando vuoi. In fase di test usa la carta
        <b>4242 4242 4242 4242</b>, data futura e CVC qualsiasi.
    </p>
{% endblock %}