{% 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">
            {{ form_start(registrationForm) }}
            <div class="message-flash">
                {% for flashError in app.flashes('verify_email_error') %}
                    <div class="alert alert-danger" role="alert">{{ flashError }}</div>
                {% endfor %}
            </div>
            <div class="row justify-content-center">
                <div class="col-xl-6 col-md-6">
                    <div class="login_wrap">
                        <div class="padding_eight_all bg-white">
                            <div class="heading_s1">
                                <h3>Création de compte</h3>
                            </div>
                            
                                <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.username) }}</div>
                                    <div class="col-md-6">{{ form_row(registrationForm.email) }}</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">
                                    {{ form_label(registrationForm.region, "Zone") }}
                                    {{ form_errors(registrationForm.region) }}
                                    {{ form_widget(registrationForm.region, { 'attr': { 'class': 'form-control' } }) }} 
                                  </div>
                                  <div class="form-group">
                                    {{ form_label(registrationForm.departement, "Département") }}
                                    {{ form_errors(registrationForm.departement) }}
                                    {{ form_widget(registrationForm.departement, { 'attr': { 'class': 'form-control' } }) }} 
                                  </div>

                                <div class="form-group">
                                    <button type="submit" class="btn btn-fill-out btn-block" name="register">Inscription</button>
                                </div>
                            
                            <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 class="col-xl-6 col-md-6">
                    fgh
                </div>
            </div>
            {{ form_end(registrationForm) }}
        </div>
    </div>
{% endblock %}