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

{% block title %}{% trans %}Регистрация{% endtrans %}{% endblock %}

{% block form_errors %}
    {% spaceless %}
        {% if errors|length > 0 %}
            <div class="alert alert-danger">
                {% for error in errors %}
                    <strong>{{ error.message }}</strong>
                {% endfor %}
            </div>
        {% endif %}
    {% endspaceless %}
{% endblock form_errors %}

{% block content %}
    <div class="row">
        <div class="col-md-12">
            <div class="card mb-4">
                <div class="card-header">
                    <a href="{{ url('index_security_register') }}">
                        <h1 class="card-title h3">{% trans %}Регистрация{% endtrans %}</h1>
                    </a>
                </div>
                <div class="card-body">

                    {% if(registerForm.vars.submitted == true and registerForm.vars.valid == true) %}

                        {% trans %}Вы были успешно зарегистрированы на сайте однако для входа в аккаунт требуется активация. Мы уже отправили инструкцию на указанный электронный адрес, пожалуйста, проверьте свой почтовый ящик.{% endtrans %}

                    {% else %}
                        {{ form_start(registerForm) }}

                        {% form_theme registerForm 'bootstrap_4_layout.html.twig' %}

                        <div class="form-group">
                            {{ form_label(registerForm.username, 'Логин', {'attr': {'class': 'foo'}}) }}
                            {{ form_errors(registerForm.username) }}
                            {{ form_widget(registerForm.username, {'label': false, 'attr': {
                                'placeholder': 'Введите логин'
                            }}) }}
                        </div>

                        <div class="form-group">
                            {{ form_label(registerForm.email, 'E-Mail', {'attr': {'class': 'foo'}}) }}
                            {{ form_errors(registerForm.email) }}
                            {{ form_widget(registerForm.email, {'label': false, 'attr': {
                                'placeholder': 'Введите логин или адрес электронной почты'
                            }}) }}
                        </div>

                        <div class="form-group">
                            {{ form_label(registerForm.plainPassword.first, 'Пароль', {'attr': {'class': 'foo'}}) }}

                            {{ form_widget(registerForm.plainPassword.first, {'label': false, 'attr': {
                                'placeholder': 'Введите пароль'
                            }}) }}
                        </div>

                        <div class="form-group">
                            {{ form_label(registerForm.plainPassword.second, 'Пароль повторно', {'attr': {'class': 'foo'}}) }}
                            {{ form_errors(registerForm.plainPassword.second) }}
                            {{ form_widget(registerForm.plainPassword.second, {'label': false, 'attr': {
                                'placeholder': 'Введите пароль повторно'
                            }}) }}
                        </div>

                        <div class="form-group">
                            {{ form_widget(registerForm.save, {'label': 'Зарегистрироваться', 'attr': {
                                'class': 'btn btn-primary'
                            }}) }}
                        </div>

                        {{ form_end(registerForm) }}
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
{% endblock %}