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

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

{% block body %}
<div class="container">
    <div class="row">
        <div class="col-md-5 mx-auto">
            <h2 class="text-center text-dark mt-5">Enregistrer un utilisateur</h2>
        {% for flash_error in app.flashes('verify_email_error') %}
            <div class="alert alert-danger" role="alert">{{ flash_error }}</div>
        {% endfor %}

        {{ form_errors(registrationForm) }}

        {{ form_start(registrationForm) }}
            <div class="mb-3 row">
                <label for="registration_form_username" class="col-sm-4 col-form-label">Identifiant</label>
                <div class="col-sm-8">
                    {{ form_widget(registrationForm.username|e) }}
                </div>
            </div>
            <div class="mb-3 row">
                <label for="registration_form_plainPassword" class="col-sm-4 col-form-label">Mot de passe</label>
                <div class="col-sm-8">
                    {{ form_widget(registrationForm.plainPassword|e) }}
                </div>
            </div>
            <div class="mb-3 row">
                <label for="registration_form_registration_form_email" class="col-sm-4 col-form-label">Email</label>
                <div class="col-sm-8">
                    {{ form_widget(registrationForm.email|e) }}
                </div>
            </div>
            <div class="mb-3 row">
                <label for="registration_form_agree_terms" class="col-sm-4 col-form-label">Accord</label>
                <div class="col-sm-8">
                    {{ form_widget(registrationForm.agreeTerms|e) }}
                </div>
            </div>  
            <button class="btn btn-lg btn-primary" type="submit">Enregistrer</button>
        {{ form_end(registrationForm) }}
        </div>
    </div>
</div>
{% endblock %}