{% extends '@GinsaSistema/base.html.twig' %}

{% block body_id 'login' %}

{% block stylesheets %}
    {{ encore_entry_link_tags('login') }}
{% endblock %}

{% block body %}
    <div class="row">
        <div class="col-xs-10 offset-xs-1 col-sm-8 offset-sm-2 col-md-6 offset-md-3 col-lg-4 offset-lg-4">
            {% if error is defined and error%}
                <div class="alert alert-danger">
                    {{ error.messageKey|trans(error.messageData, 'security') }}
                </div>
            {% endif %}
            {% if errorMan %}
                <div class="alert alert-danger">
                    {{ errorMan }}
                </div>
            {% endif %}
            <div class="card bg-light">
                <div class="card-header"><i class="fa fa-lock" aria-hidden="true"></i> {{ 'login.titulo'|trans }}</div>
                <div class="card-body">
                    <form action="{{ path('ginsa_sistema_security_loginGinsa_check') }}" method="post">

                        {% include '@GinsaSistema/FormGroup/formGroupInputText.html.twig' with {'name':'_username','title':'login.usuario', 'icon':'fa-user'} %}
                        {% include '@GinsaSistema/FormGroup/formGroupInputText.html.twig' with {'name':'_password','title':'login.password', 'icon':'fa-key','password':true} %}

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

                        {% include '@GinsaSistema/FormGroup/formGroupCheck.html.twig' with {'name':'_remember_me','title':'login.recordarme'} %}

                        <button type="submit" class="btn btn-primary">
                            <i class="fa fa-sign-in-alt" aria-hidden="true"></i> {{ 'login.logon'|trans }}
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
{% endblock %}