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

{% block title %}Who's | Inscription{% endblock %}

{% block body %}
    <div id="register" class="flex grow flex-col items-center">
        <div class="justify-items-center" {{ react_component('Title', { 'title': 'Inscrivez vous en remplissant ce formulaire' }) }}></div>
        {{ form_errors(registrationForm) }}
        {{ form_start(registrationForm) }}
            {{ form_row(registrationForm.username, {
                label: "Nom d'utilisateur"
            }) }}
            {{ form_row(registrationForm.plainPassword, {
                label: 'Mot de passe'
            }) }}
            {{ form_row(registrationForm.profilePicture, {
                label: 'Image de profil'
            }) }}
            <button type="submit" class="btn">Inscription</button>
        {{ form_end(registrationForm) }}
    </div>
{% endblock %}