{# Liste des caisses SSA acceptant le SEPA #}
{% set ssaWithSepa = getEnabledSsaParametersWithSepa() %}
{% if KOH_USE_SEPA|default('false') == 'true' and ssaWithSepa|length > 0 %}
    {% set idcard = 'sepa_ssa' %}
    {% extends '@kohinos/block/block_collapse.html.twig' %}

    {% block blocktitle %}
        <i class="fa fa-university me-4"></i> {{ 'Mes prélèvements SEPA pour les caisses SSA'|trans }}
    {% endblock blocktitle %}

    {% block blocksubtitle %}
    {% endblock blocksubtitle %}

    {% block blockcontent %}
        {% set hasActiveMandate = hasActiveSepaMandateForEntity(app.user.adherent) %}
        {# Récupérer les cotisations existantes #}
        {% set ssaSubscriptions = getRecurringSsaSubscriptionsForAdherent(app.user.adherent) %}

        {% if not hasActiveMandate %}
            <div class='alert alert-static alert-info mb-3'>
                {{ "Vous n'avez pas encore de mandat SEPA actif. Créez-en un pour pouvoir cotiser par prélèvement automatique."|trans }}
            </div>
            <a class='btn btn-primary btn-sm' href='{{ path('adherent_sepa_mandate') }}'>
                <i class="fa fa-plus"></i> {{ 'Créer un mandat SEPA'|trans }}
            </a>
        {% else %}
            <div class='alert alert-success mb-3'>
                {{ 'Vous avez un mandat SEPA actif.'|trans }}
            </div>
        {% endif %}

        {# Cotisations SSA existantes #}
        {% if ssaSubscriptions|length > 0 %}
            <h5 class="mt-4"><i class="fa fa-leaf"></i> {{ 'Mes cotisations SSA SEPA'|trans }}</h5>
            <ul class='list-group mb-3'>
                {% for subscription in ssaSubscriptions %}
                    <li class="list-group-item">
                        <div class="d-flex justify-content-between align-items-center">
                            <div>
                                <strong>{{ subscription.solidoumeParameter.name }}</strong><br/>
                                <small>{{ 'Montant'|trans }}: <strong>{{ subscription.amount|number_format(2, ',', ' ') }} €/mois</strong></small><br/>
                                {% set ssaItem = getSolidoumeItemForAdherentAndSsa(app.user.adherent, subscription.solidoumeParameter) %}
                                {% if ssaItem and ssaItem.paiementDate %}
                                    <small class="text-info"><i class="fa fa-calendar"></i> {{ 'Prélèvement le'|trans }} {{ ssaItem.paiementDate }}{{ ssaItem.paiementDate == 1 ? 'er' : '' }} {{ 'de chaque mois'|trans }}</small><br/>
                                {% endif %}
                                <small class="text-muted">{{ 'Demandé le'|trans }} {{ subscription.createdAt|date('d/m/Y') }}</small>
                                {% if subscription.hasModificationRequest %}
                                    <div class="alert alert-static alert-warning mt-2 mb-0 py-1 px-2">
                                        <small><i class="fa fa-clock"></i> <strong>{{ 'Modification en attente de validation'|trans }}</strong></small><br/>
                                        {% if subscription.newAmountRequested %}
                                            <small>{{ 'Montant'|trans }}: {{ subscription.amount|number_format(2, ',', ' ') }} € → <strong class="text-primary">{{ subscription.newAmountRequested|number_format(2, ',', ' ') }} €</strong></small>
                                        {% endif %}
                                    </div>
                                {% endif %}
                            </div>
                            <div>
                                {% if subscription.status == constant('App\\Entity\\AbstractRecurringRequest::STATUS_VALIDATED') %}
                                    {% if not subscription.hasModificationRequest %}
                                        <span class="badge bg-success">✓ {{ 'Validée'|trans }}</span>
                                        <br/><a href="{{ path('adherent_modify_subscription_amount', {id: subscription.id}) }}" class="btn btn-sm btn-outline-primary mt-2">
                                            <i class="fa fa-edit"></i> {{ 'Modifier'|trans }}
                                        </a>
                                    {% else %}
                                        <br/><button class="btn btn-sm btn-outline-secondary mt-2" disabled>
                                            <i class="fa fa-clock"></i> {{ 'En attente'|trans }}
                                        </button>
                                    {% endif %}
                                {% elseif subscription.status == constant('App\\Entity\\AbstractRecurringRequest::STATUS_PENDING') %}
                                    <span class="badge bg-warning">⏳ {{ 'En attente validation'|trans }}</span>
                                {% elseif subscription.status == constant('App\\Entity\\AbstractRecurringRequest::STATUS_CANCELLED') %}
                                    <span class="badge bg-secondary">{{ 'Annulée'|trans }}</span>
                                {% elseif subscription.status == constant('App\\Entity\\AbstractRecurringRequest::STATUS_REVOKED') %}
                                    <span class="badge bg-danger">{{ 'Révoquée'|trans }}</span>
                                {% else %}
                                    <span class="badge bg-secondary">{{ subscription.status|trans }}</span>
                                {% endif %}
                            </div>
                        </div>
                    </li>
                {% endfor %}
            </ul>
        {% endif %}

        {% if ssaSubscriptions|length < ssaWithSepa|length and ssaWithSepa|length > 0 and hasActiveMandate %}
            <h5 class="mt-4"><i class="fa fa-hand-holding-heart"></i> {{ 'Cotiser par SEPA à une caisse SSA'|trans }}</h5>

            {# <div class='alert alert-info mb-3'>
                {{ 'Vous pouvez cotiser par prélèvement automatique SEPA aux caisses suivantes :'|trans }}
            </div> #}
            <ul class='list-group'>
                {% for ssa in ssaWithSepa %}
                    {% set alreadySubscribed = hasActiveSubscriptionForSsa(app.user.adherent, ssa) %}
                    {% set subscription = getSsaParticipation(ssa) %}
                    <li class="list-group-item">
                        <div class="d-flex justify-content-between align-items-center">
                            <div>
                                <strong>{{ ssa.name }}</strong><br/>
                                {% if subscription %}
                                    <small>{{ 'Montant'|trans }}: <strong>{{ subscription.amount|number_format(2, ',', ' ') }} €/mois</strong></small><br/>
                                {% else %}
                                    <small>{{ 'Montant'|trans }}: {{ ssa.minimum|number_format(2, ',', ' ') }}€ - {{ ssa.maximum|number_format(2, ',', ' ') }}€</small>
                                {% endif %}
                                {# {% if ssa.description %}
                                    <br/><small class="text-muted">{{ ssa.description|striptags|slice(0, 100) }}{% if ssa.description|length > 100 %}...{% endif %}</small>
                                {% endif %} #}
                            </div>
                            <div>
                                {% if alreadySubscribed %}
                                    <span class="badge bg-success">✓ {{ 'Déjà cotisant SEPA'|trans }}</span>
                                {% elseif subscription %}
                                    {# L'adhérent a une participation SSA mais pas de cotisation SEPA récurrente = paiement unique déjà effectué #}
                                    <div class="text-end">
                                        <span class="badge bg-info">
                                            <i class="fa fa-check-circle"></i> {{ 'Cotisation payée'|trans }}
                                        </span>
                                        <br/>
                                        <small class="text-muted">{{ 'Paiement unique effectué'|trans }}</small>
                                    </div>
                                {% else %}
                                    <a href="{{ path('ssa_adherer_sepa', {'slug': ssa.slug}) }}" class="btn btn-sm btn-primary">
                                        <i class="fa fa-plus"></i> {{ 'Cotiser par SEPA'|trans }}
                                    </a>
                                {% endif %}
                            </div>
                        </div>
                    </li>
                {% endfor %}
            </ul>
        {% endif %}
    {% endblock blockcontent %}
{% endif %}