{% extends "base.html.twig" %}
{% block stylesheets %}
<style>
    body{
        min-height: 50vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .wrapper{
        display :flex;
        justify-content: center;
        align-items: center;
        height: 100%;

    }
    form{
        border: 1px solid grey;
        border-radius: 5px;
        padding: 15px;
        box-shadow: 3px 3px 2px grey, -3px -3px 2px grey;
        display:flex;
        flex-direction: column;
    }
    .form-error{
        color: red;
    }

</style>
{% endblock %}

{% block body %}
<div class="wrapper">
    {{  form_start(form)}}
    <div class="mb-3">
        {{ form_row(form.email) }}
    {% if error_mail is defined %}
        <div class="form-text form-error">{{ error_mail }}</div>
    {% endif %}
    </div>
    <div class="mb-3">
        {{ form_row(form.password) }}
            {% if error_password is defined %}
                <div class="form-text form-error">{{ error_password }}</div>
            {% endif %}
    </div>
    <div class="mb-3 form-check">
        {{ form_row(form.rememberMe) }}
    </div>
    <button type="submit" class="btn btn-success">valider</button>
    {{  form_end(form)}}
</div>

{% endblock %}