{% extends "::base.html.twig" %}

{% block title 'Fulljaus' %}

{% block bodyclass 'login-page' %}

{% block body %}

    <div id='fondo' class="login-box">

        <div class="login-logo" style=""><img src='{{ asset('bundles/app/images/logo-fulljaus.png') }}' class='img-logo'/></div>
        
        <div class="login-box-body" style="background-color: rgba(255,255,255,0.0);">

            <form action="{{ path('app_admin_login_verificar') }}" method="post">

                <div class="form-group has-feedback mdl-textfield mdl-js-textfield">
                    <input type="email" id="email" class="form-control mdl-textfield__input" name="_username" value="{{ last_username | default('') }}"/>
                    <label class="mdl-textfield__label" for="email">Mail</label>
                    <span class="fa fa-envelope form-control-feedback cfj-color-one"></span>
                </div>

                <div class="form-group has-feedback mdl-textfield mdl-js-textfield">
                    <input type="password" id="password" class="form-control mdl-textfield__input" name="_password"/>
                    <label class="mdl-textfield__label" for="password">Password</label>
                    <span class="fa fa-lock form-control-feedback cfj-color-one"></span>
                </div>

                <div class="mdl-textfield p-0 text-right">
                    <a href="{{ path('app_admin_forgotten_password') }}" class="link-styled" style="font-size: smaller;">Olvidé mi contraseña</a>
                </div>

                {% if redirect is not empty %}
                    <input type="hidden" name="_target_path" value="{{ redirect }}">
                {% endif %}

                <div class="row">
                    <div class="col-xs-12"><div class="checkbox icheck"></div></div>
                    <div class="col-xs-12 col-lg-8 col-md-8 col-md-offset-2 col-lg-offset-2">
                        <button type="submit" class="btn btn-primary btn-block btn-flat cfj-deg btn-fj">
                            Ingresar
                        </button>
                    </div>
                </div>

            </form>

            <div class="list-group"></div>

        </div>

    </div>

    <div class="modal fade" id="recovery-modal" role="dialog">
        <div class="modal-dialog">		
            <div class="modal-content">
                <form id="recovery-form" action="#">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">×</button>
                        <h4 class="modal-title">Recuperar contraseña</h4>
                    </div>
                    <div class="modal-body pt-2 pb-2">                					
                        <div class="form-group mb-0">
                            <input class="form-control" placeholder="Correo" id="frmEmail" name="email" type="email">
                        </div>									
                    </div>
                    <div class="modal-footer">
                        <button id="send-email-btn" type="submit" class="btn btn-primary">Enviar mail</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    
    {% if error is null %}
        {% set error = app.session.flashbag.get('msg-error') %}
        {% if error|length > 0 %}
            {% set error = error[0] %}
        {% else %}
            {% set error = null %}
        {% endif %}
    {% endif %}

    {% if error != null %}
        <div class="alert alert-error" style="width: 100%; display:unset;">
            {{ error }}
        </div>
    {% endif %}

{% endblock %}

{% block javascripts2nd %}
    {% javascripts '@AppBundle/Resources/public/js/Users/login.js' %}
        <script src="{{ asset_url }}"></script>
    {% endjavascripts %}
{% endblock %}