{% extends 'base.html.twig' %}
{% form_theme registrationForm 'form/tailadmin_theme.html.twig' %}

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

{% block body %}
    <div class="auth-grid ta-auth-grid">
        {% include 'auth/_auth_aside.html.twig' %}
        <div class="ta-auth-form-wrap">
            <h1 class="section-title ta-auth-title">Inscription</h1>


            {% if registrationForm.vars.submitted and registrationForm.vars.errors|length > 0 %}
                <div class="flash flash-danger mb-4" role="alert" data-lpf-alert-dismiss="persist">
                    <p class="m-0 font-semibold">Une erreur bloque l’inscription :</p>
                    <ul class="ta-form-errors ta-form-errors--alert mt-2 mb-0">
                        {% for error in registrationForm.vars.errors %}
                            <li>{{ error.message }}</li>
                        {% endfor %}
                    </ul>
                </div>
            {% endif %}
            {{ form_start(registrationForm, {'attr': {'class': 'ta-auth-form'}}) }}
                <div class="ta-auth-form-row-2">
                    {{ form_row(registrationForm.email, {'label': 'Email*'}) }}
                    {{ form_row(registrationForm.teamName, {'label': 'Nom equipe*'}) }}
                </div>
                <div class="ta-auth-form-row-2">
                    {{ form_row(registrationForm.nickname, {'label': 'Pseudo joueur 1*'}) }}
                    {{ form_row(registrationForm.teammateEmail, {'label': 'Email joueur 2'}) }}
                </div>
                {{ form_row(registrationForm.plainPassword, {'label': 'Mot de passe*'}) }}
                <button type="submit" class="ta-auth-submit">
                    Creer mon compte
                    <i class="ti ti-user-plus" aria-hidden="true"></i>
                </button>
                <p class="ta-auth-link-row">Deja un compte ? <a href="{{ path('app_login') }}">Se connecter</a></p>
            {{ form_end(registrationForm) }}
        </div>
    </div>
{% endblock %}