{% extends "base.html.twig" %}

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

{% block body %}

<section class="hero-wrap hero-wrap-2" style="background-image: url('{{ asset('img/bg_3.jpg') }}');" data-stellar-background-ratio="0.5">
    <div class="overlay"></div>
    <div class="container">
        <div class="row no-gutters slider-text align-items-center justify-content-center">
            <div class="col-md-9 ftco-animate text-center">
                <h1 class="mb-2 bread">Création d'un prélévement SEPA</h1>
            </div>
        </div>
    </div>
</section>

<br><br>    
<div class="site-section">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h2 class="h3 mb-5 text-black, text-center" style="font-size: 40px; color: #007bff;">Création d'un prélévement SEPA</h2>
            </div>
            <div class="col-md-12">
                {# affichage des messages flash: #}
                {% for message in app.flashes('noticeSepa') %}
                    <p class="alert alert-success">{{ message }}</p>
                {% endfor %}
                {% for message in app.flashes('noticeSepaPayment') %}
                    <p class="alert alert-success">{{ message }}</p>
                {% endfor %}

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

                <div class="p-3 p-lg-5 border">
                    <div class="form-group row">
                        <div class="col-md-6">
                            {{ form_label(form.amount, 'Montant : ', { 'label_attr' : {'class' : 'text-danger'} }) }}<span class="text-danger">*</span>
                            {{ form_widget(form.amount) }}
                        </div>
                        <div class="col-md-6">
                            {{ form_label(form.customer, 'Client : ', { 'label_attr' : {'class' : 'text-danger'} }) }}<span class="text-danger">*</span>
                            {{ form_widget(form.customer) }}
                        </div>
                        <br><br>
                        <div class="col-md-12 text-center">
                            {{ form_label(form.type, 'Type de paiement : ', { 'label_attr' : {'class' : 'text-danger'} }) }}<span class="text-danger">*</span>
                            {{ form_widget(form.type) }}
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-lg-12">
                            <input type="submit" class="btn btn-primary btn-lg btn-block" value="Envoyer">
                        </div>
                    </div>
                </div>
                {{ form_end(form) }}
               
            </div>
        </div>
    </div>
</div>
<br><br><br>


{% endblock %}