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

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

{% block body %}

    <div class="row">
        <div class="col-md-6 mx-auto">
            {% for flashError in app.flashes('verify_email_error') %}
                    <div class="alert alert-danger" role="alert">{{ flashError }}</div>
            {% endfor %}

                <h1>S'inscrire</h1>

                {{ form_start(registrationForm) }}
                    {{ form_row(registrationForm.username, {'label': 'Nom d\'utilisateur','attr':
                    {'placeholder': 'Nom d\'utilisateur ...'}}) }}
                    <br>
                    {{ form_row(registrationForm.email, {'label': 'Adresse email','attr':
                    {'placeholder': 'Adresse email ...'}}) }}
                    <br>
                    {{ form_row(registrationForm.plainPassword, {
                        'label': 'Password', 
                        'attr':{'placeholder': 'Mot de passe ...'}}) }}
                    <br>
                    {{ form_row(registrationForm.imageFile) }}
                    <br>

                    {{ form_row(registrationForm.agreeTerms) }}

                    <button type="submit" class="btn btn-success btn-lg col-12">Register</button>

                    <p class="mt-5 mb-3 text-center text-muted">
                        Vous avez déja un compte? <a href="{{ path('security_login') }}">Connectez vous!</a>

                    </p>

                {{ form_end(registrationForm) }}
        </div>
    </div>

    
{% endblock %}