{% 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>
        <form method="POST" class="form-validation" novalidate>
            <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">

            <div class="form-group">
                <label for="email" class="sr-only">{{ 'user.email'|trans }}</label>
                <input type="email" value="{{ username }}" name="email" id="email" class="form-control" placeholder="{{ 'user.email'|trans }}" required autofocus>
                <div class="invalid-feedback">{{ 'user.invalid.email'|trans }}</div>
            </div>

            <div class="form-group">
                <label for="password" class="sr-only">{{ 'user.password'|trans }}</label>
                <input type="password" name="password" id="password" class="form-control" placeholder="{{ 'user.password'|trans }}" required>
                <div class="invalid-feedback">{{ 'user.invalid.password'|trans }}</div>
            </div>

            <div class="form-group">
                <input type="checkbox" name="_remember_me" id="remember_me">
                <label for="remember_me">{{ 'sign.remember_me'|trans }}</label>
            </div>

            <div class="form-group">
                <button class="btn btn-lg btn-primary" type="submit">{{ 'sign.in'|trans }}</button>
                <a class="btn btn-lg btn-secondary" href="#">{{ 'sign.up'|trans }}</a>
            </div>
        </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 %}