{% extends '@kohinos/common/layout.html.twig' %}

{% block title %}{{ title }}{% endblock %}

{% block content %}
<div class="container mt-4">
    <div class="row">
        <div class="col-md-8 offset-md-2">
            <h1>{{ title }}</h1>

            {% if existingMandate %}
                <div class="bg-info bg-opacity-10 border border-info rounded p-3 mb-3 text-dark">
                    <h5><i class="fas fa-info-circle"></i> Votre mandat SEPA actuel</h5>
                    <p><strong>IBAN :</strong> {{ existingMandate.maskedIban }}</p>
                    <p><strong>Titulaire :</strong> {{ existingMandate.accountHolderName }}</p>
                    <p><strong>Statut :</strong>
                        {% if existingMandate.isPending %}
                            <span class="badge badge-warning">En attente de validation</span>
                        {% elseif existingMandate.isActive %}
                            <span class="badge badge-success">Actif</span>
                        {% endif %}
                    </p>
                    {% if existingMandate.isActive %}
                        <p><strong>Référence UMR :</strong> {{ existingMandate.mandateReference }}</p>
                        <p><strong>Validé le :</strong> {{ existingMandate.validatedAt|date('d/m/Y') }}</p>
                    {% endif %}

                    <hr>

                    <p><strong><i class="fas fa-download"></i> Télécharger votre mandat SEPA :</strong></p>
                    <div class="btn-group" role="group">
                        <a href="{{ path('adherent_sepa_mandate_pdf', {id: existingMandate.id}) }}" class="btn btn-sm btn-primary" title="Télécharger le PDF">
                            <i class="fas fa-file-pdf"></i> Télécharger PDF
                        </a>
                        <a href="{{ path('adherent_sepa_mandate_print', {id: existingMandate.id}) }}" class="btn btn-sm btn-info" target="_blank" title="Ouvrir pour impression">
                            <i class="fas fa-print"></i> Version imprimable
                        </a>
                    </div>
                </div>

                <div class="bg-warning bg-opacity-10 border border-warning rounded p-3 mb-3 text-dark">
                    <h5><i class="fas fa-exclamation-triangle"></i> Changement d'IBAN</h5>
                    <p>Si vous souhaitez modifier votre IBAN, remplissez le formulaire ci-dessous. Cela créera un nouveau mandat SEPA qui devra être validé par le trésorier. L'ancien mandat sera automatiquement annulé.</p>
                </div>

                {% if existingMandate.isActive %}
                    <div class="bg-danger bg-opacity-10 border border-danger rounded p-3 mb-3 text-dark">
                        <h5><i class="fas fa-ban"></i> Annulation du mandat</h5>
                        <p>Vous pouvez annuler votre mandat SEPA actif. <strong>Attention :</strong> cette action annulera également tous les prélèvements automatiques associés à ce mandat.</p>
                        <button type="button" class="btn btn-danger btn-sm" data-bs-toggle="modal" data-bs-target="#cancelMandateModal">
                            <i class="fas fa-ban"></i> Annuler mon mandat SEPA
                        </button>
                    </div>
                {% endif %}
            {% else %}
                <div class="bg-info bg-opacity-10 border border-info rounded p-3 mb-3 text-dark">
                    <h5><i class="fas fa-info-circle"></i> Qu'est-ce qu'un mandat SEPA ?</h5>
                    <p>Le mandat SEPA (Single Euro Payments Area) vous permet d'autoriser le prélèvement automatique sur votre compte bancaire pour :</p>
                    <ul>
                        <li>Votre cotisation annuelle en euros</li>
                        <li>Vos achats mensuels de monnaie locale</li>
                    </ul>
                    <p><strong>Important :</strong> Après avoir créé votre mandat en ligne, vous devrez télécharger, signer et envoyer le formulaire
                    SEPA officiel accompagné de votre RIB au trésorier ou le déposer à un comptoir.</p>
                </div>
            {% endif %}

            <div class="card">
                <div class="card-header">
                    <h5>{{ existingMandate ? 'Modifier mon IBAN' : 'Créer mon mandat SEPA' }}</h5>
                </div>
                <div class="card-body">
                    {{ form_start(form) }}
                        <div class="form-group">
                            {{ form_label(form.iban) }}
                            {{ form_widget(form.iban) }}
                            {{ form_help(form.iban) }}
                            {{ form_errors(form.iban) }}
                        </div>

                        <div class="form-group">
                            {{ form_label(form.bic) }}
                            {{ form_widget(form.bic) }}
                            {{ form_help(form.bic) }}
                            {{ form_errors(form.bic) }}
                        </div>

                        <div class="form-group">
                            {{ form_label(form.accountHolderName) }}
                            {{ form_widget(form.accountHolderName) }}
                            {{ form_help(form.accountHolderName) }}
                            {{ form_errors(form.accountHolderName) }}
                        </div>

                        <div class="bg-warning bg-opacity-10 border border-warning rounded p-3 mt-3 text-dark">
                            <p><strong>Prochaines étapes :</strong></p>
                            <ol>
                                <li>Soumettez ce formulaire en ligne</li>
                                <li>Téléchargez le formulaire SEPA officiel :
                                    {% if existingMandate %}
                                        <a href="{{ path('adherent_sepa_mandate_pdf', {id: existingMandate.id}) }}" class="text-primary" title="Télécharger le PDF">
                                            <i class="fas fa-file-pdf"></i> PDF
                                        </a>
                                        ou
                                        <a href="{{ path('adherent_sepa_mandate_print', {id: existingMandate.id}) }}" class="text-primary" target="_blank" title="Ouvrir pour impression">
                                            <i class="fas fa-print"></i> Version imprimable
                                        </a>
                                    {% else %}
                                        <em>(disponible après soumission du formulaire)</em>
                                    {% endif %}
                                </li>
                                <li>Signez-le et joignez votre RIB/IBAN</li>
                                <li>Envoyez-le au trésorier ou déposez-le à un comptoir</li>
                                <li>Attendez la validation par le trésorier</li>
                            </ol>
                        </div>

                        <div class="form-group text-center mt-4">
                            <button type="submit" class="btn btn-primary">
                                <i class="fas fa-save"></i> {{ existingMandate ? 'Mettre à jour mon IBAN' : 'Créer mon mandat SEPA' }}
                            </button>
                            <a href="{{ path('index') }}" class="btn btn-secondary">
                                <i class="fas fa-times"></i> Retour
                            </a>
                        </div>
                    {{ form_end(form) }}
                </div>
            </div>

            <div class="card mt-4">
                <div class="card-header">
                    <h5><i class="fas fa-question-circle"></i> Questions fréquentes</h5>
                </div>
                <div class="card-body">
                    <h6>Mes données sont-elles sécurisées ?</h6>
                    <p>Oui, votre IBAN est stocké de manière sécurisée et seules les personnes autorisées (trésorier) peuvent le consulter.</p>

                    <h6>Puis-je annuler mon mandat SEPA ?</h6>
                    <p>Oui, vous pouvez annuler vos prélèvements automatiques à tout moment depuis les pages de gestion de cotisation ou d'achat mensuel.</p>

                    <h6>Quand seront effectués les prélèvements ?</h6>
                    <p>
                        - <strong>Cotisation annuelle :</strong> {{ getSepaAnnualDebitDate()|capitalize }} pour les prélèvements en e-mlc, ou selon validation du trésorier pour les euros<br>
                        - <strong>Achats mensuels :</strong> Le jour que vous avez choisi chaque mois
                    </p>
                </div>
            </div>
        </div>
    </div>

    {# Modal d'annulation du mandat SEPA #}
    {% if existingMandate and existingMandate.isActive %}
        <div class="modal fade" id="cancelMandateModal" tabindex="-1" aria-labelledby="cancelMandateModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header bg-danger text-white">
                        <h5 class="modal-title" id="cancelMandateModalLabel">
                            <i class="fas fa-exclamation-triangle"></i> Annulation du mandat SEPA
                        </h5>
                        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <div class="alert alert-static alert-danger">
                            <h6><i class="fas fa-ban"></i> Attention : Cette action est irréversible</h6>
                            <p class="mb-0">L'annulation de votre mandat SEPA entraînera automatiquement l'annulation de <strong>tous les prélèvements automatiques suivants</strong> :</p>
                        </div>

                        {# Liste des prélèvements associés #}
                        {% set hasPurchases = recurringPurchases|default([])|length > 0 %}
                        {% set hasMlcSubs = mlcSubscriptions|default([])|length > 0 %}
                        {% set hasSsaSubs = ssaSubscriptions|default([])|length > 0 %}

                        {% if hasPurchases or hasMlcSubs or hasSsaSubs %}
                            <h6 class="mt-3">Prélèvements actifs qui seront annulés :</h6>

                            {# Cotisations MLC #}
                            {% if hasMlcSubs %}
                                <div class="card mb-2">
                                    <div class="card-header bg-primary text-white">
                                        <i class="fas fa-euro-sign"></i> Cotisations MLC annuelles
                                    </div>
                                    <ul class="list-group list-group-flush">
                                        {% for sub in mlcSubscriptions %}
                                            <li class="list-group-item">
                                                <strong>{{ sub.amount|number_format(2, ',', ' ') }} €</strong> /an
                                                - Mode: {{ sub.paymentMethod == 'MOYEN_SEPA' ? 'SEPA' : 'e-mlc' }}
                                                - Statut: {{ sub.status }}
                                            </li>
                                        {% endfor %}
                                    </ul>
                                </div>
                            {% endif %}

                            {# Cotisations SSA #}
                            {% if hasSsaSubs %}
                                <div class="card mb-2">
                                    <div class="card-header bg-success text-white">
                                        <i class="fas fa-leaf"></i> Cotisations SSA
                                    </div>
                                    <ul class="list-group list-group-flush">
                                        {% for sub in ssaSubscriptions %}
                                            <li class="list-group-item">
                                                <strong>{{ sub.amount|number_format(2, ',', ' ') }} €</strong> /mois
                                                - Caisse: {{ sub.solidoumeParameter.name }}
                                                - Jour de prélèvement: {{ sub.debitDay }}
                                                - Statut: {{ sub.status }}
                                            </li>
                                        {% endfor %}
                                    </ul>
                                </div>
                            {% endif %}

                            {# Achats récurrents #}
                            {% if hasPurchases %}
                                <div class="card mb-2">
                                    <div class="card-header bg-info text-white">
                                        <i class="fas fa-shopping-cart"></i> Achats mensuels de monnaie locale
                                    </div>
                                    <ul class="list-group list-group-flush">
                                        {% for purchase in recurringPurchases %}
                                            <li class="list-group-item">
                                                <strong>{{ purchase.monthlyAmount|number_format(2, ',', ' ') }} €</strong> /mois
                                                {% if purchase.prestataire %}
                                                    - Chez: {{ purchase.prestataire.raison }}
                                                {% endif %}
                                                - Jour de prélèvement: {{ purchase.debitDay }}
                                                - Statut: {{ purchase.status }}
                                            </li>
                                        {% endfor %}
                                    </ul>
                                </div>
                            {% endif %}
                        {% else %}
                            <div class="alert alert-static alert-info">
                                <i class="fas fa-info-circle"></i> Aucun prélèvement automatique actif n'est associé à ce mandat.
                            </div>
                        {% endif %}

                        <div class="alert alert-static alert-warning mt-3">
                            <h6><i class="fas fa-lightbulb"></i> Pour réactiver les prélèvements</h6>
                            <p class="mb-0">Si vous souhaitez à nouveau bénéficier de prélèvements automatiques, vous devrez :</p>
                            <ol class="mb-0 mt-2">
                                <li>Créer un nouveau mandat SEPA</li>
                                <li>Le faire valider par le trésorier</li>
                                <li>Recréer chaque prélèvement automatique individuellement</li>
                            </ol>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                            <i class="fas fa-times"></i> Annuler
                        </button>
                        <a href="{{ path('adherent_sepa_mandate_cancel', {id: existingMandate.id}) }}"
                           class="btn btn-danger"
                           onclick="return confirm('Êtes-vous absolument sûr de vouloir annuler ce mandat et tous les prélèvements associés ?');">
                            <i class="fas fa-ban"></i> Confirmer l'annulation
                        </a>
                    </div>
                </div>
            </div>
        </div>
    {% endif %}
</div>
{% endblock %}