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

{% block body %}
    <section class="w-100 text-center mb-4 p-4">
        <div class="row d-flex justify-content-center pt-2" style="height: 300px">
            <!--Grid column-->
            <div class="col-md-6 mt-5 bg-light" style="height: 200px">
                {% if error %}
                    <div>{{ error.messageKey|trans(error.messageData, 'security') }}</div>
                {% endif %}

                <form action="{{ path('login') }}" method="post">
                    <label for="username">{{ "email"|trans }}:</label>
                    <input type="text" id="username" name="_username" value="{{ last_username }}"/>

                    <label for="password">{{ "password"|trans }}:</label>
                    <input type="password" id="password" name="_password"/>

                    <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">

                    <button type="submit">{{ "login"|trans }}</button>
                </form>
            </div>
            <!--Grid column-->
        </div>
    </section>
{% endblock %}