{% 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>

            {# Afficher les modifications en attente #}
            {% include '@kohinos/block/pending_modifications_alert.html.twig' with {
                'subscriptions': subscriptions|default([]),
                'purchases': purchases|default([])
            } %}

            {% if existingRequest %}
                <div class="alert alert-static alert-success">
                    <h5><i class="fas fa-check-circle"></i> Votre achat mensuel récurrent est actif</h5>
                    <p><strong>Montant mensuel :</strong> {{ existingRequest.monthlyAmount }} €</p>
                    <p><strong>Jour de prélèvement :</strong> Le {{ existingRequest.debitDay }} de chaque mois</p>
                    <p><strong>Statut :</strong>
                        {% if existingRequest.isPending %}
                            <span class="badge badge-warning">En attente de validation</span>
                        {% elseif existingRequest.isActive %}
                            <span class="badge badge-success">Actif</span>
                        {% endif %}
                    </p>

                    {% if existingRequest.lastProcessedMonth %}
                        <p><strong>Dernier prélèvement :</strong> {{ existingRequest.lastProcessedMonth|date('m/Y') }}</p>
                    {% endif %}

                    {% if existingRequest.hasModificationRequest %}
                        <div class="alert alert-static alert-warning mt-2">
                            <h6><i class="fas fa-clock"></i> Modification en attente de validation</h6>
                            {% if existingRequest.newAmountRequested %}
                                <p><strong>Montant :</strong> {{ existingRequest.monthlyAmount|number_format(2, ',', ' ') }} € → <strong class="text-primary">{{ existingRequest.newAmountRequested|number_format(2, ',', ' ') }} €</strong></p>
                            {% endif %}
                            {% if existingRequest.newDebitDay %}
                                <p><strong>Jour de prélèvement :</strong> Le {{ existingRequest.debitDay }} → <strong class="text-primary">Le {{ existingRequest.newDebitDay }}</strong></p>
                            {% endif %}
                            <p class="mb-0"><small><i class="fas fa-info-circle"></i> Le trésorier examinera votre demande prochainement. Vous serez notifié de sa décision.</small></p>
                        </div>
                    {% else %}
                        <div class="card mt-3">
                            <div class="card-header">
                                <h5>Modifier mon achat mensuel</h5>
                            </div>
                            <div class="card-body">
                                <p>Vous pouvez modifier le montant et/ou le jour de prélèvement de votre achat mensuel. Cette modification devra être validée par le trésorier.</p>
                                <a href="{{ path('adherent_modify_purchase') }}" class="btn btn-primary">
                                    <i class="fas fa-edit"></i> Demander une modification
                                </a>
                            </div>
                        </div>
                    {% endif %}
                </div>
            {% else %}
                <div class="alert alert-static alert-info">
                    <h5><i class="fas fa-info-circle"></i> Achat automatique mensuel de monnaie locale</h5>
                    <p>Achetez automatiquement de la monnaie locale chaque mois via prélèvement SEPA.</p>
                    <p><strong>Prérequis :</strong> <a href="{{ path('adherent_sepa_mandate') }}">Mandat SEPA actif requis</a>.</p>
                </div>
            {% endif %}

            {% if configured_debit_day is defined and configured_debit_day is not null and configured_debit_day != '' %}
                <div class="alert alert-static alert-info mb-3">
                    <h5><i class="fas fa-calendar-check"></i> Jour de prélèvement fixe</h5>
                    <p class="mb-0">Le jour de prélèvement est fixé au <strong>{{ configured_debit_day }}</strong> de chaque mois par la configuration de votre monnaie locale.</p>
                </div>
            {% endif %}

            <div class="card">
                <div class="card-header">
                    <h5>{{ existingRequest ? 'Modifier mon achat mensuel récurrent' : 'Créer mon achat mensuel récurrent' }}</h5>
                </div>
                <div class="card-body">
                    {{ form_start(form) }}
                        <div class="form-group">
                            {{ form_label(form.monthlyAmount) }}
                            {{ form_widget(form.monthlyAmount) }}
                            {{ form_help(form.monthlyAmount) }}
                            {{ form_errors(form.monthlyAmount) }}
                        </div>

                        {% if configured_debit_day is not defined or configured_debit_day is null or configured_debit_day == '' %}
                            <div class="form-group">
                                {{ form_label(form.debitDay) }}
                                {{ form_widget(form.debitDay) }}
                                {{ form_help(form.debitDay) }}
                                {{ form_errors(form.debitDay) }}
                            </div>
                        {% endif %}

                        <div class="alert alert-static alert-info mt-3">
                            <h6><i class="fas fa-calendar-alt"></i> Fonctionnement</h6>
                            <p>Choisissez le montant et le jour de prélèvement. Après validation du trésorier, vous recevrez automatiquement la monnaie locale chaque mois.</p>
                        </div>

                        <div class="alert alert-static alert-warning mt-3">
                            <p class="mb-0"><i class="fas fa-exclamation-triangle"></i> <strong>Important :</strong> Mandat SEPA requis. Assurez-vous d'avoir suffisamment de provision le jour du prélèvement.</p>
                        </div>

                        {# <div class="alert alert-info mt-3">
                            <p><i class="fas fa-info-circle"></i> Vous souhaitez effectuer un achat ponctuel ? <a href="{{ path('adherent_achat_monnaie') }}">Cliquez ici</a></p>
                        </div> #}

                        <div class="form-group text-center mt-4">
                            <button type="submit" class="btn btn-primary">
                                <i class="fas fa-save"></i> {{ existingRequest ? 'Modifier mon achat mensuel' : "Activer l'achat mensuel automatique" }}
                            </button>
                            {% if existingRequest %}
                                <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#cancelModal">
                                    <i class="fas fa-stop-circle"></i> Arrêter l'achat mensuel
                                </button>
                            {% endif %}
                            <a href="{{ path('index') }}" class="btn btn-secondary">
                                <i class="fas fa-times"></i> Retour
                            </a>
                        </div>
                    {{ form_end(form) }}
                </div>
            </div>

            {% if existingRequest %}
                <!-- Modal de confirmation d annulation -->
                <div class="modal fade" id="cancelModal" tabindex="-1" role="dialog">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title">Confirmer l'annulation</h5>
                                <button type="button" class="close" data-dismiss="modal">
                                    <span>&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <p>Êtes-vous sûr de vouloir annuler votre achat mensuel récurrent ?</p>
                                <p>Vous ne recevrez plus automatiquement de monnaie locale chaque mois et devrez effectuer vos achats manuellement.</p>
                            </div>
                            <div class="modal-footer">
                                <form method="post" action="{{ path('adherent_cancel_purchase') }}">
                                    <input type="hidden" name="_token" value="{{ csrf_token('cancel_purchase') }}">
                                    <button type="submit" class="btn btn-danger">Confirmer l'annulation</button>
                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Annuler</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            {% endif %}

            <div class="card mt-4">
                <div class="card-header">
                    <h5><i class="fas fa-calculator"></i> Simulation</h5>
                </div>
                <div class="card-body">
                    <p>Avec un prélèvement mensuel de <strong>50€</strong> :</p>
                    <ul>
                        <li>Vous recevrez <strong>50 e-mlc</strong> par mois</li>
                        <li>Sur 1 an : <strong>600 e-mlc</strong> au total</li>
                        <li>Vous soutenez l'économie locale de manière régulière</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}