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

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

{% block body %}

    <div class="container">

        <!-- Outer Row -->
        <div class="row justify-content-center">

            <div class="col-xl-10 col-lg-12 col-md-9">

                <div class="card o-hidden border-0 shadow-lg my-5">
                    <div class="card-body p-0">
                        <!-- Nested Row within Card Body -->
                        <div class="row">
                            <div class="col-lg-6 d-none d-lg-block bg-login-image"></div>
                            <div class="col-lg-6">
                                <div class="p-5">
                                    <div class="text-center">
                                        <h1 class="h4 text-gray-900 mb-4">Bonjour !</h1>
                                    </div>
                                    {{ form_start(registrationForm) }}
                                        {% if form_errors(registrationForm) %}
                                            <div class="alert alert-danger">{{ form_errors(registrationForm) }}</div>
                                        {% endif %}
                                        {% if app.user %}
                                            <div class="mb-3">
                                                Tu es déjà connecter avec {{ app.user.userIdentifier }}, <a href="{{ path('logout') }}">Déconnexion</a>
                                            </div>
                                        {% endif %}

                                        <h1 class="h3 mb-3 font-weight-normal">Inscrivez-vous</h1>


                                        {{ form_row(registrationForm.email) }}

                                        {{ form_row(registrationForm.plainPassword, {
                                            label: 'Password'
                                        }) }}

                                        {{ form_row(registrationForm.agreeTerms) }}

                                        <button type="submit" class="btn btn-lg btn-primary">S'inscrire</button>
                                        {#                                        <hr>#}
                                        {#                                        <a href="index.html" class="btn btn-google btn-user btn-block">#}
                                        {#                                            <i class="fab fa-google fa-fw"></i> Login with Google#}
                                        {#                                        </a>#}
                                        {#                                        <a href="index.html" class="btn btn-facebook btn-user btn-block">#}
                                        {#                                            <i class="fab fa-facebook-f fa-fw"></i> Login with Facebook#}
                                        {#                                        </a>#}
                                    {{ form_end(registrationForm) }}
                                    <hr>
                                    <div class="text-center">
                                        {#                                        <a class="small" href="forgot-password.html">Forgot Password?</a>#}
                                    </div>
                                    <div class="text-center">
                                        <a class="small" href="{{ path("login") }}">J'ai déjà un compte !</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

        </div>

    </div>

{% endblock %}