{% extends 'base.public.html.twig' %}
{% block title %}{{ parent() }} Connexion{% endblock %}

{% block body %}

    <div id="form">

        <header id="main-header">

            <img src="{{ asset('build/images/logo-algovia-by-scg.png') }}" height="120">

            <h2>Connexion</h2>	
            
        </header>
            
        <section id="login">
        
            <form method="post">
                {% if error %}
                    <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
                {% endif %}

                {% if app.user %}
                    <div class="mb-3">
                        You are logged in as {{ app.user.userIdentifier }}, <a href="{{ path('app_logout') }}">Logout</a>
                    </div>
                {% endif %}

                <p>
                    <label for="inputEmail">Adresse e-mail</label>
                    <input type="email" value="{{ last_username }}" name="email" id="inputEmail" class="form-control" autocomplete="email" required autofocus>
                </p>
                <p>
                    <label for="inputPassword">Mot de passe</label>
                    <input type="password" name="password" id="inputPassword" class="form-control" autocomplete="current-password" required>
                </p>

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

                {#
                    Uncomment this section and add a remember_me option below your firewall to activate remember me functionality.
                    See https://symfony.com/doc/current/security/remember_me.html

                    <div class="checkbox mb-3">
                        <label>
                            <input type="checkbox" name="_remember_me"> Remember me
                        </label>
                    </div>
                #}

                <button class="button" type="submit">
                    Je me connecte
                </button>
            </form>

            <p><a href="{{ path('app_forgot_password_request') }}">J'ai oublié mon mot de passe</a></p>
        
        </section>
    
    </div>

{% endblock %}