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

                    {% if existingRequest.lastProcessedMonth %}
                        <p><strong>{{ 'Dernier prélèvement'|trans }} :</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'|trans }}</h6>
                            {% if existingRequest.newAmountRequested %}
                                <p><strong>{{ 'Nouveau montant demandé'|trans }} :</strong> {{ existingRequest.newAmountRequested|number_format(2, ',', ' ') }} €</p>
                            {% endif %}
                            {% if existingRequest.newDebitDay %}
                                <p><strong>{{ 'Nouveau jour demandé'|trans }} :</strong> {{ 'Le'|trans }} {{ existingRequest.newDebitDay }} {{ 'du mois'|trans }}</p>
                            {% endif %}
                            <p class="mb-0"><small><i class="fas fa-info-circle"></i> {{ 'En attente de validation par le trésorier'|trans }}</small></p>
                        </div>
                    {% endif %}
                </div>
            {% else %}
                <div class="alert alert-static alert-primary alert-dismissible fade show" role="alert">
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    <h5><i class="fas fa-info-circle"></i> {{ 'Achat automatique mensuel de monnaie locale'|trans }}</h5>
                    <p>{{ 'Cette fonctionnalité vous permet de mettre en place un achat automatique de monnaie locale chaque mois via prélèvement SEPA.'|trans }}</p>
                    <p><strong>{{ 'Avantages'|trans }} :</strong></p>
                    <ul>
                        <li>{{ 'Vous n\'oubliez jamais d\'acheter votre monnaie locale'|trans }}</li>
                        <li>{{ 'Montant fixe et prévisible chaque mois'|trans }}</li>
                        <li>{{ 'Automatisation complète du processus'|trans }}</li>
                    </ul>
                    <p><strong>{{ 'Prérequis'|trans }} :</strong> {{ 'Vous devez disposer d\'un'|trans }} <a href="{{ path('prestataire_sepa_mandate') }}">{{ 'mandat SEPA actif'|trans }}</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'|trans }}</h5>
                    <p class="mb-0">{{ 'Le jour de prélèvement est fixé au'|trans }} <strong>{{ configured_debit_day }}</strong> {{ 'de chaque mois par la configuration de votre monnaie locale.'|trans }}</p>
                </div>
            {% endif %}

            <div class="card">
                <div class="card-header">
                    <h5>{{ existingRequest ? 'Modifier mon achat mensuel récurrent'|trans : 'Créer mon achat mensuel récurrent'|trans }}</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-primary mt-3 alert-dismissible fade show" role="alert">
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                            <h6><i class="fas fa-calendar-alt"></i> {{ 'Comment ça fonctionne ?'|trans }}</h6>
                            <ol>
                                <li>{{ 'Vous choisissez le montant et le jour de prélèvement'|trans }}</li>
                                <li>{{ 'Le trésorier valide votre demande'|trans }}</li>
                                <li>{{ 'Chaque mois, le montant est prélevé automatiquement sur votre compte bancaire'|trans }}</li>
                                <li>{{ 'La monnaie locale correspondante est créditée sur votre compte e-mlc'|trans }}</li>
                            </ol>
                        </div>

                        <div class="alert alert-static alert-warning mt-3">
                            <p><strong>{{ 'Important'|trans }} :</strong></p>
                            <ul>
                                <li>{{ 'Vous devez avoir un'|trans }} <a href="{{ path('prestataire_sepa_mandate') }}" class="alert-link">{{ 'mandat SEPA validé'|trans }}</a> {{ 'pour utiliser cette fonctionnalité'|trans }}</li>
                                <li>{{ 'Assurez-vous d\'avoir suffisamment de provision sur votre compte bancaire le jour du prélèvement'|trans }}</li>
                                <li>{{ 'Vous pouvez modifier ou annuler votre prélèvement à tout moment'|trans }}</li>
                            </ul>
                        </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'|trans : "Activer l'achat mensuel automatique"|trans }}
                            </button>
                            {% if existingRequest %}
                                <form method="post" action="{{ path('prestataire_cancel_purchase') }}" style="display:inline-block;">
                                    <input type="hidden" name="_token" value="{{ csrf_token('cancel_purchase_prestataire') }}">
                                    <button type="submit" class="btn btn-danger">
                                        <i class="fas fa-stop-circle"></i> {{ 'Arrêter l\'achat mensuel'|trans }}
                                    </button>
                                </form>
                            {% endif %}
                            <a href="{{ path('index') }}" class="btn btn-secondary">
                                <i class="fas fa-times"></i> {{ 'Retour'|trans }}
                            </a>
                        </div>
                    {{ form_end(form) }}
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}