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

    {% block contenu %}
        
        <div class="container">

        <!-- Outer Row -->
            <div class="row justify-content-center">
                <div class="col-xl-10 col-lg-12 col-md-9">
                    <div class="card o-hidden border-0 shadow-lg my-5">
                        <div class="card-body p-0">
                            <!-- Nested Row within Card Body -->
                            <div class="row">
                                <div class="col-lg-6 d-none d-lg-block bg-login-image">
                                </div>
                                <div class="col-lg-6">
                                    <div class="p-5">
                                        <div class="text-center">
                                            <h1 class="h4 text-gray-900 mb-4">Bienvenue !</h1>
                                        </div>
                                        <form method="post" class="user">
                                            {% if error is defined%}
                                                {% if error %}
                                                <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
                                                {% endif %}
                                            {% endif %}

                                            {% if app.user %}
                                                <div class="mb-3">
                                                    Vous êtes déjà connecté en tant que {{ app.user.username }}, <a href="{{ path('logout') }}">Me déconnecter</a>
                                                </div>
                                            {% endif %}

                                            <div class="form-group">
                                                {% if last_username is defined %}
                                                    <input type="email" placeholder="Entrer votre adresse mail..." name="email" id="inputEmail" class="form-control form-control-user" autocomplete="email" aria-describedby="emailHelp" required autofocus>
                                                {% else %}
                                                    <input type="email" placeholder="Entrer votre adresse mail..." name="email" id="inputEmail" class="form-control form-control-user" autocomplete="email" aria-describedby="emailHelp">
                                                {% endif %}
                                            </div>
                                            <div class="form-group">
                                                <input type="password" name="password" placeholder="Entrer votre mot de passe" id="inputPassword" class="form-control form-control-user" placeholder="Password" autocomplete="current-password" required>
                                                <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
                                            </div>
                                            <div class="form-group">
                                                <div class="custom-control custom-checkbox small">
                                                    <input type="checkbox" class="custom-control-input" id="customCheck">
                                                    <label class="custom-control-label" for="customCheck">Mémoriser</label>
                                                </div>
                                            </div>

                                            {#
                                                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>
                                            #}

                                            <hr>
                                            <div class="form-group">
                                                <button class="btn-user btn-block btn-primary" type="submit">
                                                    Me connecter
                                                </button>
                                            </div>
                                        </form>
                                        <hr>
                                    <div class="text-center">
                                        <a class="small" href="forgot-password.html">Mot de passe oublié ?</a>
                                    </div>                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </div>
    

    {% endblock %}