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

{% block title %}Modifier le montant de votre cotisation{% endblock %}

{% block content %}
<div class="container mt-4">
    <div class="row">
        <div class="col-md-8 offset-md-2">
            <div class="card">
                <div class="card-header bg-primary text-white">
                    <h3 class="mb-0">
                        <i class="fa fa-edit"></i> Demander une modification de montant
                    </h3>
                </div>
                <div class="card-body">
                    <div class="alert alert-static alert-info">
                        <i class="fa fa-info-circle"></i> <strong>Informations sur votre cotisation actuelle</strong>
                        <ul class="mb-0 mt-2">
                            <li><strong>Montant actuel :</strong> {{ subscription.amount|number_format(2, ',', ' ') }} €</li>
                            <li><strong>Mode de paiement :</strong> {{ subscription.isEmlcPayment ? 'e-mlc' : 'SEPA (prélèvement bancaire)' }}</li>
                            {% if subscription.solidoumeParameter %}
                                <li><strong>Caisse SSA :</strong> {{ subscription.solidoumeParameter.name }}</li>
                            {% endif %}
                            {% if subscription.debitDay is defined and subscription.debitDay %}
                                <li><strong>Jour de prélèvement actuel :</strong> le {{ subscription.debitDay }} du mois</li>
                            {% endif %}
                            {# <li><strong>Année :</strong> {{ subscription.year }}</li> #}
                        </ul>
                    </div>

                    {% if subscription.solidoumeParameter %}
                    <div class="alert alert-static alert-warning">
                        <i class="fa fa-exclamation-triangle"></i> <strong>Limites de montant pour cette caisse :</strong>
                        <ul class="mb-0">
                            <li>Minimum : {{ minAmount|number_format(2, ',', ' ') }} €</li>
                            {% if maxAmount < 9999 %}
                            <li>Maximum : {{ maxAmount|number_format(2, ',', ' ') }} €</li>
                            {% endif %}
                        </ul>
                    </div>
                    {% endif %}

                    {{ form_start(form, {'attr': {'novalidate': 'novalidate'}}) }}

                    <div class="form-group">
                        {{ form_label(form.newAmount) }}
                        {{ form_widget(form.newAmount) }}
                        {{ form_errors(form.newAmount) }}
                        <small class="form-text text-muted">
                            Indiquez le nouveau montant souhaité (entre {{ minAmount|number_format(2, ',', ' ') }}€ et {{ maxAmount|number_format(2, ',', ' ') }}€)
                        </small>
                    </div>

                    {% if form.newDebitDay is defined %}
                    <div class="form-group">
                        {{ form_label(form.newDebitDay) }}
                        {{ form_widget(form.newDebitDay) }}
                        {{ form_errors(form.newDebitDay) }}
                        <small class="form-text text-muted">
                            Si vous souhaitez également modifier le jour de prélèvement mensuel.
                        </small>
                    </div>
                    {% endif %}

                    <div class="alert alert-static alert-secondary">
                        <h5><i class="fa fa-clock-o"></i> Processus de validation</h5>
                        <ol class="mb-0">
                            <li>Votre demande sera envoyée au trésorier</li>
                            <li>Le trésorier examinera et validera (ou refusera) votre demande</li>
                            <li>Vous recevrez un email de confirmation</li>
                            <li>Le nouveau montant sera appliqué dès le mois suivant</li>
                        </ol>
                    </div>

                    <div class="form-group text-center mt-4">
                        {{ form_widget(form.submit, {'attr': {'class': 'btn btn-primary'}}) }}
                        <a href="{{ path('index') }}" class="btn btn-secondary">Annuler</a>
                    </div>

                    {{ form_end(form) }}
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}