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

{% block title_tag %}Connexion{% endblock %}
{% block robots %}
    <meta name="robots" content="noindex, nofollow, noimageindex"/>
{% endblock %}
{% block content %}
    <article>
        <section class="section section--text">
            <div class="section__align-center section__align-center--text">
                <div class="login">
                    <div class="login__form">
                        <h1 class="heading1 heading1--big-font">Connexion</h1>
                        <form method="post" action="{{ path('app_login') }}" class="form form--login">
                            {% if error %}
                                <div class="form__alert">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
                            {% endif %}

                            {% if app.user %}
                                <p class="form__logged">
                                    You are logged in as
                                    {{ app.user.username }},
                                    <a href="{{ path('app_logout') }}" class="link">Logout</a>
                                </p>
                            {% endif %}

                            <input type="email" value="{{ last_username }}" name="email" id="inputEmail"  autocomplete="email" required="required" class="form__field form__field--contact form__field--input" placeholder="Email">
                            <input type="password" name="password" id="inputPassword" class="form__field form__field--contact form__field--input" autocomplete="current-password" required="required" placeholder="Mot de passe">

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

                            <button class="button button--submit button--submit-login" type="submit">
                                Valider
                            </button>
                        </form>
                    </div>
                </div>
            </div>
        </section>
    </article>
{% endblock %}