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

{% block title %}Hello LoginController!{% 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>Zaloguj się</span>
            </div>
            <div class="card-body">
                {% if error %}
                    <div>{{ error.messageKey|trans(error.messageData, 'security') }}</div>
                {% endif %}

                {{ form_start(form) }}
                {{ form_row(form.username, {'full_name': '_username'}) }}
                {{ form_row(form.password, {'full_name': '_password'}) }}
                <div class="row">
                    <div class="col-3">
                        {{ form_row(form.logIn) }}
                    </div>
                    <div class="col-3 offset-6 text-end">
                        <a href="{{ path('app_register') }}" class="btn-secondary btn">Zarejestruj się</a>
                    </div>
                </div>
                {{ form_errors(form) }}
                {{ form_end(form) }}
            </div>
        </div>
    </div>
{% endblock %}