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

{% block page_title %}Système Intégré de Gestion des ODD{% endblock %}
{% block page_subtitle %}{% endblock %}
{% block page_breadcrumb %}Connexion{% endblock %}

{% block page_content %}
<section id="login" class="login">
    <div class="container">
        <h2 class="text-center">Connexion</h2>
            <div class="row mt-5">

                <div class="col-lg-3" data-aos="fade-right"></div>

                <div class="col-lg-6 mt-4 mt-lg-0" data-aos="fade-left">

                    <form method="post" role="form" class="php-login-form">
                        <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
                        <div class="form-group">
                            <input type="text" name="username" class="form-control" id="inputUsername" placeholder="{% trans %}security.login.username{% endtrans %}" data-rule="minlen:4" data-msg="Please enter at least 4 chars" required autofocus />
                            <div class="validate"></div>
                        </div>
                        <div class="form-group">
                            <input type="password" class="form-control" name="password" id="inputPassword" placeholder="{% trans %}security.login.password{% endtrans %}" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" required />
                            <div class="validate"></div>
                        </div>

                        <div class="mb-3">
                            {% if error %}
                                <div class="error-message">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
                            {% endif %}
                        </div>
                        <div class="text-center"><button type="submit" class="btn btn-primary">{% trans %}security.login.submit{% endtrans %}</button></div>
                    </form>

                </div>

                <div class="col-lg-3" data-aos="fade-right"></div>

            </div>

    </div>
</section>



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