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

{% block title %}Log in!{% endblock %}

{% block body %}
    <section class="section">
        <div class="container">
            <h1 class="title has-text-centered">Bienvenue</h1>
            
            <div class="columns is-centered">
                <div class="column is-4">
                    <div class="box">
                        <h3 class="title is-4">Connexion</h3>
                        <form method="post" action="/login">
                            {% if error %}
                                <div class="notification is-danger">
                                    {{ error.messageKey|trans(error.messageData, 'security') }}
                                </div>
                            {% endif %}

                            {% if app.user %}
                                <div class="notification is-success">
                                    Vous êtes connecté en tant que <strong>{{ app.user.userIdentifier }}</strong>, 
                                    <a href="{{ path('app_logout') }}">Déconnexion</a>
                                </div>
                            {% endif %}

                            <div class="field">
                                <label for="username" class="label">Email</label>
                                <div class="control">
                                    <input type="email" value="{{ last_username }}" name="_username" id="username" 
                                           class="input" autocomplete="email" required autofocus>
                                </div>
                            </div>

                            <div class="field">
                                <label for="password" class="label">Mot de passe</label>
                                <div class="control">
                                    <input type="password" name="_password" id="password" 
                                           class="input" autocomplete="current-password" required>
                                </div>
                            </div>

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

                            <div class="field">
                                <button class="button is-fullwidth" type="submit" style="background-color: #5368d5; color: white; border: none">Se connecter</button>
                            </div>
                        </form>
                    </div>
                    {# Finalement on enlève la possibilité de créer un compte, l'admin les crée directement sur le site pour pourvoir gérer les accès
                    <p class="has-text-centered">Pas encore de compte ? 
                        <a href="{{ path('app_register') }}">Inscrivez-vous ici</a>
                    </p>
                    #}
                </div>
            </div>
        </div>
    </section>
{% endblock %}