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

     {% 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="{{ asset('logo_first_child.png') }}" alt="Lucid">
                         </div>
                         <div class="card">
                             <div class="header">
                                 <h2 class="" style="text-align: center">Connexion</h2>
                             </div>
                             <div class="body">
                                 <form method="post" action="{{ path('app_login') }}" 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" placeholder="entrer votre 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"  placeholder="entrer votre mot de passe">
                                     </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 %}