{% trans_default_domain 'FOSUserBundle' %}
{% extends "@FOSUser/layout.html.twig" %}

{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset("css/home.css") }}">
{% endblock %}

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

        <div class="col-12 col-md-3 margin-auto">
            <h1 class="text-center">Se connecter</h1><br>
            <form action="{{ path("fos_user_security_check") }}" method="post" class="form-signin form-css">
                <input type="hidden" name="_csrf_token" value="{{ csrf_token }}" />
                <div class="m-t-20">
                    {# <label for="username">{{ 'security.login.username'|trans }}</label> #}
                    <input type="text" id="username" name="_username" value="{{ last_username }}" required="required" placeholder="Username" />
                </div>
                <div class="m-t-20">
                    {# <label for="password">{{ 'security.login.password'|trans }}</label> #}
                    <input type="password" id="password" name="_password" required="required" placeholder="Password"class="mrg-top-20"/>
                </div>
                <div class="m-t-20">
                    <label for="remember_me">{{ 'security.login.remember_me'|trans }}</label>
                    <input type="checkbox" id="remember_me" name="_remember_me" value="on" />
                </div>
                <input type="submit" id="_submit" name="_submit" value="{{ 'security.login.submit'|trans }}" class="color-submit" />
            </form>
            <div class="m-t-20">
                <a href="{{ path('fos_user_registration_register') }}" class="second-color">S'enregistrer</a> - <a href="{{ path('fos_user_resetting_request') }}" class="second-color">Mot de passe oublié</a>
            </div>
        </div>

{% endblock fos_user_content %}