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

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

{% block stylesheet %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('assets/vendor/circle-flip-slideshow/css/component.css') }}">
{% endblock %}

{% block url %}inscription{% endblock %}
{% block m_url %}inscription{% endblock %}

{% block loading %}{% endblock %}

{% block main %}
    <div role="main" class="main">

        <section class="page-header page-header-modern bg-color-light-scale-1 page-header-lg">
            <div class="container">
                <div class="row">
                    <div class="col-md-12 align-self-center p-static order-2 text-center">
                        <h1 class="font-weight-bold text-dark">Inscription</h1>
                    </div>
                    <div class="col-md-12 align-self-center order-1">
                        <ul class="breadcrumb d-block text-center">
                            <li><a href="{{ path('app_home') }}">Accueil</a></li>
                            <li class="active">Inscription</li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>

        <div class="container py-4">
            {% include 'widget/alert.html.twig' %}

            <div class="row justify-content-center">
                <div class="col-md-6 col-lg-5">
{#                    <h2 class="font-weight-bold text-5 mb-0">Inscription</h2>#}
                    {{ form_start(form) }}
                        <div class="row">
                            <div class="form-group col">
                                {{ form_row(form.username) }}
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col">
                                {{ form_row(form.email) }}
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col">
                                {{ form_row(form.password) }}
                            </div>
                        </div>

                    {% set terms_link %}
                        <a href="{{ path('app_privacy_policy') }}" target="_blank">politique de confidentialité</a>
                    {% endset %}
                    {% set general_terms %}
                        {{ 'J’ai lu et accepte la %general_terms% du site'|trans({ '%general_terms%': terms_link })|raw }}
                    {% endset %}
                    <div class="d-flex justify-content-center">
                        {{ form_row(form.checkbox) }}
                        <label for="{{ form.checkbox.vars.id }}">{{ general_terms|raw }}</label>
                    </div>
                        <div class="row">
                            <div class="form-group col">
                                {{ form_row(form.submit) }}
                            </div>
                        </div>
                    {{ form_end(form) }}
                </div>
            </div>

        </div>

    </div>
{% endblock %}

{% block scripts %}
    {{ parent() }}
{% endblock %}