{% extends 'Application/' ~ settings.get("theme") ~'/base.html.twig' %}

{% block title %}Register{% endblock %}

{% block body %}
<h1>
    <div class="ico_lock"></div>
    {{ 'Inscription'|trans }}
</h1>

<div id="middle">
    <div id="connexionbox">
        <div id="registerboxvideo">
            <video autoplay muted loop playsinline>
                <source src="../videos/video.mp4" type="video/mp4">
            </video>
        </div>

        <div id="registerboxcontent">
            {% for flashError in app.flashes('verify_email_error') %}
                <div class="alert alert-danger" role="alert">{{ flashError }}</div>
            {% endfor %}

            {% for message in app.flashes('success') %}
                <div class="alert alert-success text-dark">{{ message }}</div>
            {% endfor %}

            {% for message in app.flashes('error') %}
                <div class="alert alert-danger text-dark">{{ message }}</div>
            {% endfor %}

            {% if registrationForm is defined %}
                {{ form_start(registrationForm, { attr: { class: 'login-container' } }) }}

                {{ form_row(registrationForm.username, {
                    label: 'Nom de compte'|trans
                }) }}
                {{ form_row(registrationForm.email, {
                    label: 'Adresse e-mail'|trans
                }) }}
                {{ form_row(registrationForm.plainPassword, {
                    label: 'Mot de passe'|trans
                }) }}

                {{ form_row(registrationForm.ref, {
    label: 'Referral code (optionnal)'|trans
}) }}

                {{ form_row(registrationForm.agreeTerms, {
                    label: 'I accept the User Agreements'|trans
                }) }}

                <button style="margin-left:50px;" class="customBTN btn-block" id="customBTN" name="register_validation" type="submit">
                    {{ 'register_register_button'|trans }}
                </button>

                {{ form_end(registrationForm) }}
            {% else %}
                <div class="alert alert-warning text-dark">
                    {{ 'register_offline'|trans }}
                </div>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}