{% extends 'admin/base.html.twig' %}

{#
    Aperçu de la définition de référence des formules (SubscriptionPlanSync) :
    pour chaque formule, ce qui changerait champ par champ, puis application
    aux formules cochées. Équivalent de `app:init-subscription-plans`.
    Variables : rows (code, name, exists, changes[label, current, target])
#}

{% block title %}Définition de référence des formules{% endblock %}
{% block breadcrumb %}Super Administration <i class="fas fa-chevron-right"></i> Plans tarifaires <i class="fas fa-chevron-right"></i> Définition de référence{% endblock %}

{% block stylesheets %}
{{ parent() }}
<style>
    .ref-plan { background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 1.1rem 1.25rem; margin-bottom: 1rem; }
    .ref-plan__head { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; }
    .ref-plan__head label { display: flex; align-items: center; gap: .6rem; margin: 0; font-family: var(--font-heading); font-size: 1.15rem; font-weight: 700; cursor: pointer; }
    .ref-plan__head input { width: 1.2rem; height: 1.2rem; }
    .ref-badge { font-size: .78rem; font-weight: 600; border-radius: 999px; padding: .15rem .65rem; background: var(--brand-soft); color: var(--brand-secondary); }
    .ref-badge--ok { background: #e3f1e8; color: #1f5f36; }
    .ref-badge--new { background: #fdf3e1; color: #6b4a12; }
    .ref-table { width: 100%; margin-top: .8rem; border-collapse: collapse; font-size: .9rem; }
    .ref-table th, .ref-table td { padding: .45rem .6rem; border-top: 1px solid var(--line); vertical-align: top; text-align: left; }
    .ref-table thead th { font-size: .78rem; text-transform: uppercase; letter-spacing: .04em; color: var(--text-muted); border-top: 0; }
    .ref-table td.ref-old { color: #a3361a; text-decoration: line-through; text-decoration-color: rgba(163, 54, 26, .5); }
    .ref-table td.ref-new { color: #1f5f36; font-weight: 600; }
    .ref-table td { overflow-wrap: anywhere; }
    .ref-warning { background: #fdf3e1; border: 1px solid #ecd3a4; border-left: 5px solid #c47f12; border-radius: 10px; padding: .8rem 1rem; margin-bottom: 1.25rem; font-size: .92rem; }
    .ref-actions { display: flex; gap: .75rem; align-items: center; flex-wrap: wrap; margin-top: 1.25rem; }
</style>
{% endblock %}

{% block body %}
<div class="container-fluid px-4" style="max-width: 1100px;">
    <a href="{{ path('admin_subscription_plans') }}" class="btn btn-link px-0 mb-2"><i class="fas fa-arrow-left me-1" aria-hidden="true"></i> Plans tarifaires</a>
    <h1 class="h3 mb-2">Définition de référence des formules</h1>
    <p class="text-muted">La définition des formules Starter, Basic et Pro écrite dans le code (prix, limites, crédits IA, puces des pages tarifs). Voici ce qui changerait en base si on l'appliquait — l'équivalent de la commande <code>app:init-subscription-plans</code>, sans terminal.</p>

    {% for type, messages in app.flashes %}
        {% for message in messages %}
            <div class="alert alert-{{ type == 'error' ? 'danger' : type }}" role="alert">{{ message }}</div>
        {% endfor %}
    {% endfor %}

    {% set pending = rows|filter(r => r.changes is not empty) %}

    {% if pending is empty %}
        <div class="alert alert-success" role="status"><i class="fas fa-check-circle me-2" aria-hidden="true"></i>Les formules en base sont déjà conformes à la définition de référence : rien à appliquer.</div>
    {% else %}
        <div class="ref-warning" role="note">
            <strong>À lire avant d'appliquer :</strong> les valeurs barrées, y compris celles retouchées à la main dans l'administration (prix, descriptions, puces), sont <strong>remplacées</strong>. Décochez une formule pour la laisser telle quelle. Les identifiants Stripe ne sont jamais modifiés. Un changement de prix vaut pour les nouveaux abonnements : ceux déjà en cours chez Stripe gardent leur prix.
        </div>
    {% endif %}

    <form method="post" action="{{ path('admin_subscription_plans_reference_apply') }}"
          data-izi-confirm="Les valeurs barrées des formules cochées seront remplacées, y compris celles retouchées à la main. Les identifiants Stripe ne changent pas."
          data-izi-confirm-title="Appliquer la définition de référence ?"
          data-izi-confirm-action="Appliquer aux formules cochées"
          data-izi-confirm-cancel="Ne rien changer">
        <input type="hidden" name="_token" value="{{ csrf_token('plans-reference') }}">

        {% for row in rows %}
            <section class="ref-plan" aria-labelledby="ref-{{ row.code }}">
                <div class="ref-plan__head">
                    <label id="ref-{{ row.code }}">
                        <input type="checkbox" name="codes[]" value="{{ row.code }}" {{ row.changes is not empty ? 'checked' : 'disabled' }}>
                        {{ row.name }} <small class="text-muted fw-normal">({{ row.code }})</small>
                    </label>
                    {% if not row.exists %}
                        <span class="ref-badge ref-badge--new">Absente : sera créée</span>
                    {% elseif row.changes is empty %}
                        <span class="ref-badge ref-badge--ok">Conforme</span>
                    {% else %}
                        <span class="ref-badge">{{ row.changes|length }} champ{{ row.changes|length > 1 ? 's' : '' }} à changer</span>
                    {% endif %}
                </div>

                {% if row.changes is not empty and row.exists %}
                    <table class="ref-table">
                        <thead><tr><th scope="col">Champ</th><th scope="col">En base</th><th scope="col">Après</th></tr></thead>
                        <tbody>
                            {% for change in row.changes %}
                                <tr>
                                    <th scope="row">{{ change.label }}</th>
                                    <td class="ref-old">{{ change.current }}</td>
                                    <td class="ref-new">{{ change.target }}</td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                {% endif %}
            </section>
        {% endfor %}

        <div class="ref-actions">
            <button type="submit" class="btn btn-gradient" {{ pending is empty ? 'disabled' : '' }}>
                <i class="fas fa-rotate me-2" aria-hidden="true"></i>Appliquer aux formules cochées
            </button>
            <a href="{{ path('admin_subscription_plans') }}" class="btn btn-link">Annuler</a>
        </div>
    </form>
</div>
{% endblock %}