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

{% block title %}{{ 'sign.in'|trans }}{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    {{ encore_entry_link_tags('security/sign-in') }}
{% endblock %}

{% block body %}
    <section id="sign-in">
        <h1>{{ 'sign.in'|trans }}</h1>

        {% if error %}
            <div class="alert alert-danger" role="alert">
                <span class="sr-only">{{ 'error'|trans({}, 'messages') }}</span>
                {{ error.messageKey|trans(error.messageData) }}
            </div>
        {% endif %}

        {{ form_start(form) }}
        {{ form_errors(form) }}

        {{ form_row(form.email) }}
        {{ form_row(form.password) }}
        {{ form_row(form._remember_me) }}
        <div class="form-group form-buttons">
            <button class="btn btn-lg btn-primary" type="submit">{{ 'sign.in'|trans }}</button>
            <a class="btn btn-lg btn-secondary" href="{{ path('app_security_sign_up') }}">{{ 'sign.up'|trans }}</a>
        </div>
        {{ form_end(form) }}
    </section>

    <section id="presentation">
        <h1>{{ 'presentation.title'|trans({}, 'messages') }}</h1>
        <div>
            {{ 'presentation.text'|trans({}, 'messages')|raw }}
        </div>
    </section>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    {{ encore_entry_script_tags('security/sign-in') }}
{% endblock %}