{% extends 'base.html.twig' %}
{% block title %}Register{% endblock %}
{% block body %}
{% if is_granted('IS_AUTHENTICATED_ANONYMOUSLY') %}
    {% for flashError in app.flashes('verify_email_error') %}
        <div class="alert alert-danger" role="alert">{{ flashError }}</div>
    {% endfor %}
        <div class="row">
            <div class="col-6 offset-3">
                <div class="card bg-light">
                    <div class="card-body">
                        <h4 class="text-center">Register</h4>
                        <div class="pt-3">
                            {{ form_start(registrationForm) }}
                            <input type="hidden" name="token" value="{{ csrf_token('register_user') }}"/>
                            <div class="form-control">
                                <div class="mt-3 offset-4">
                                    <b>{{ form_label(registrationForm.username, 'Username') }}</b>
                                </div>
                                <div class="col-4 offset-4">
                                    {{ form_row(registrationForm.username) }}
                                </div>
                                <div class="mt-3 offset-4">
                                    <b>{{ form_label(registrationForm.email, 'Email') }}</b>
                                </div>
                                <div class="col-4 offset-4">
                                    {{ form_row(registrationForm.email) }}
                                </div>
                                <div class="mt-3 offset-4">
                                    <b>{{ form_label(registrationForm.plainPassword, 'Password') }}</b>
                                </div>
                                <div class="col-4 offset-4">
                                    {{ form_row(registrationForm.plainPassword) }}
                                </div>
                                <div class="mt-3 offset-4">
                                    <b>{{ form_label(registrationForm.roles, 'Roles') }}</b>
                                </div>
                                <div class="col-4 offset-4">
                                    {{ form_row(registrationForm.roles) }}
                                </div>
                                <div class="pt-3 mb-2 offset-4">
                                    <button class="btn btn-primary btn-block">Register</button>
                                </div>
                            </div>
                            {{ form_end(registrationForm) }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {% endif %}
{% endblock %}