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

{% block title %}Login!{% endblock %}

{% block body %}
    {% if error %}
        <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
    {% endif %}

    {% if app.user %}
        <div class="mb-3">
            Déjà connecté : {{ app.user.username }}, <a href="{{ path('app_logout') }}">Logout</a>
        </div>
     {% else %}
         <div id="wrapper">
             <div class="vertical-align-wrap">
                 <div class="vertical-align-middle auth-main">
                     <div class="auth-box">
                         <div class="top">
                             <img src="../assets/images/gardoxy.png" alt="Lucid">
                         </div>
                         <div class="card">
                             <div class="header">
                                 <p class="lead">Connexion</p>
                             </div>
                             <div class="body">
                                 <form method="post" class="form-auth-small">
                                     <div class="form-group">
                                         <label for="signin-email" class="control-label sr-only">Email</label>
                                         <input type="email" class="form-control" id="signin-email" name="email" value="user@domain.com" placeholder="Email">
                                     </div>
                                     <div class="form-group">
                                         <label for="signin-password" class="control-label sr-only">Mot de passe</label>
                                         <input type="password" class="form-control" id="signin-password" name="password" value="thisisthepassword" placeholder="Password">
                                     </div>
                                     <button type="submit" class="btn btn-primary btn-lg btn-block">LOGIN</button>

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

                                 </form>
                             </div>
                         </div>
                     </div>
                 </div>
             </div>
         </div>
    {% endif %}




{% endblock %}