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

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

{% block stylesheets %}
    <link rel="stylesheet" type="text/css" href="/app-assets/css/core/menu/menu-types/vertical-menu.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/pages/authentication.css">
{% endblock%}

{% block extra_css_classes %}
    vertical-layout vertical-menu-modern 1-column  navbar-sticky footer-static blank-page blank-page
{% endblock %}

{% block body %}

                <section class="row h-100 m-0">

                                <!-- image section left -->
                                <div class="col-md-8 p-0" style="background: url('/img/background_home.jpg') no-repeat center; background-size: cover;">
                                </div>


                                <!-- register section right -->
                                <div class="col-md-4 col-12 p-0">
                                    <div class="card disable-rounded-right mb-0 p-2 h-100 d-flex justify-content-center">
                                        <div class="card-header pb-1">
                                            <div class="card-title">
                                                <h4 class="text-center mb-2">Inscription</h4>
                                            </div>
                                        </div>
                                        <div class="text-center">
                                            <p> <small>Veuillez si-vous-plait écrire vos informations afin de pouvoir vous inscrire</small>
                                            </p>
                                        </div>
                                        <div class="card-content">
                                            <div class="card-body">
                                                {{ form_start(form) }}
                                                <div class="form-row">
                                                    <div class="form-group col-md-6 mb-50">
                                                        {{ form_row(form.username) }}
                                                    </div>
                                                    <div class="form-group col-md-6 mb-50">
                                                        {{ form_row(form.lastname) }}
                                                    </div>
                                                </div>
                                                <div class="form-group mb-50">
                                                    {{ form_row(form.email) }}
                                                </div>
                                                <div class="form-group mb-2">
                                                    {{ form_row(form.password) }}
                                                </div>
                                                {{ form_end(form) }}
                                                <hr>
                                                <div class="text-center"><p><small>Déjà un compte ?</small></p>
                                                    <button class="btn btn-secondary glow"
                                                            onclick="location.href='{{ path('app_login') }}'">Connectez-vous</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                </section>

{% endblock %}