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

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

{% block body %}
    <div style="
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: space-around;
">
        <div class="card" style="width: 50%;">
            <div class="card-header text-center p-3">
                <span>Zarejestruj się</span>
            </div>
            <div class="card-body">
{#                <p>Wersja alpha została tymczasowo wyłączona</p>#}
                {{ form_start(registrationForm) }}
                {{ form_errors(registrationForm) }}
                {{ form_row(registrationForm.email) }}
                {{ form_row(registrationForm.plainPassword.first) }}
                {{ form_row(registrationForm.plainPassword.second) }}

                <input type="hidden" name="_csrf_token"
                       value="{{ csrf_token('authenticate') }}"
                >
                <div class="row">
                    <div class="col-3">
                        {{ form_row(registrationForm.signIn) }}
                    </div>
                    <div class="col-3 offset-6 text-end">
                        <a href="{{ path('app_login') }}" class="btn-secondary btn">Zaloguj się</a>
                    </div>
                </div>
                {{ form_end(registrationForm) }}
            </div>
        </div>
    </div>
{% endblock %}