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

{% block title %}Inscription{% endblock %}

{% block body %}

    {{ include('partials/title_section.html.twig', {'name':'Inscription'}) }}

    <div class="login_register_wrap section"> 
        <div class="container">
            <div class="row justify-content-center"> 
                <div class="col-xl-12 col-md-12">
                    <div class="login_wrap">
                        <div class="padding_eight_all bg-white">
                            <div class="heading_s1">
                                <h3>Création de compte</h3>
                            </div>
                            <div class="message-flash">
                                {% for flashError in app.flashes('verify_email_error') %}
                                    <div class="alert alert-danger" role="alert">{{ flashError }}</div>
                                {% endfor %}
                            </div>
                            {{ form_start(registrationForm) }}
                               
                                <div class="form-row">
                                    <div class="col-md-6">{{ form_row(registrationForm.prenom) }}</div>
                                    <div class="col-md-6">{{ form_row(registrationForm.nom) }}</div>
                                </div>
                                <div class="form-row">
                                    <div class="col-md-6">{{ form_row(registrationForm.email) }}</div>
                                    <div class="col-md-6">{{ form_row(registrationForm.username) }}</div>
                                </div>
                                <div class="form-group">
                                    {{ form_row(registrationForm.plainPassword) }} 
                                </div>
                                <div class="form-group">
                                    {{ form_row(registrationForm.agreeTerms) }}
                                    <a href="{{path('cgu_conditions')}}" target="_blank">Read conditions</a>
                                </div>
                                
                                <div class="form-group text-center">
                                    <button type="submit" class="btn btn-fill-out" name="register">Inscription</button>
                                </div>
                            {{ form_end(registrationForm) }}
                            <div class="different_login">
                                <span> or</span>
                            </div>
                            <ul class="btn-login list_none text-center">
                                <li><a href="#" class="btn btn-facebook"><i class="ion-social-facebook"></i>Facebook</a></li>
                                <li><a href="#" class="btn btn-google"><i class="ion-social-googleplus"></i>Google</a></li>
                            </ul>
                            <div class="form-note text-center">Already have an account? <a href="{{ path('app_login') }}">Log in</a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}