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

{% block title %}Stella Booking - login{% endblock %}

{% block body_class %}login{% endblock %}

{% block body %}
    <div class="d-flex flex-row justify-content-center mt-5" data-bs-theme="light">
        <div class="card w-50 login-card">
            <div class="card-header">
                <h3>Authentification</h3>
            </div>

            <div class="card-body">
                {% if error %}
                    <div class="alert alert-danger">
                        <p class="m-0 p-0">{{ error.messageKey|trans(error.messageData, 'security') }}</p>
                    </div>
                {% endif %}

                <div class="row login-form">
                    {{ form(login_form) }}
                </div>
            </div>
        </div>
    </div>
{% endblock %}