{% extends '@AdminLTE/layout/public-layout.html.twig' %}

{% block page_content %}
<div class="text-center">
    <div class="login-box" style="margin: auto;">
        <div class="login-logo">
            <a href="{{ path('homepage') }}">Sig<b>ODD</b></a>
        </div>

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

        <div class="card">
            <div class="card-body login-card-body">
                <p class="login-box-msg">Connexion à l'aide de vos identifiants</p>
        
                <form method="post">
                    <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">             
                    <div class="input-group mb-3">
                        <input type="text" value="{{ last_username }}" name="username" id="inputUsername" class="form-control" placeholder="{% trans %}security.login.username{% endtrans %}" required autofocus>
                        <div class="input-group-append input-group-text">
                            <span class="fas fa-user"></span>
                        </div>
                    </div>
                    <div class="input-group mb-3">
                        <input type="password" name="password" id="inputPassword" class="form-control" placeholder="{% trans %}security.login.password{% endtrans %}" required>
                        <div class="input-group-append input-group-text">
                            <span class="fas fa-lock"></span>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-7">
                            <div class="icheck-primary">
                                <input type="checkbox" name="_remember_me">
                                <label for="remember">{% trans %}security.login.remember_me{% endtrans %}</label>
                            </div>
                        </div>

                        <div class="col-5">
                            <button type="submit" class="btn btn-primary btn-block btn-flat">{% trans %}security.login.submit{% endtrans %}</button>
                        </div>

                    </div>
                </form>
        
                <!--div class="social-auth-links text-center mb-3">
                    <p>- OR -</p>
                    <a href="#" class="btn btn-block btn-primary">
                        <i class="fab fa-facebook mr-2"></i> Sign in using Facebook
                    </a>
                    <a href="#" class="btn btn-block btn-danger">
                        <i class="fab fa-google-plus mr-2"></i> Sign in using Google+
                    </a>
                </div-->

                <hr>
                <p class="mb-1">
                    <a href="{#{ path('resetting_request') }#}">Mot de passe oublié?</a>
                </p>
                <!--p class="mb-0">
                    <a href="{{ path('app_register') }}" class="text-center">Register a new membership</a>
                </p-->
            </div>
            
        </div>
    </div>
</div>
{% endblock %}