{% extends "default/base.html.php" %}

{% block title%}LOGIN{% endblock %}

{% block classBody %}hold-transition lockscreen{% endblock %}

{% block body %}
{% import "default/form.html.php" as forms %}
<div class="lockscreen-wrapper">
    <div class="lockscreen-logo">
        <a><b>SICAM</b>-CCSM</a>
    </div>
    <div class="lockscreen-name">{{ session.usuarioNOMBRE }}</div>
    <div class="lockscreen-item">
        <div class="lockscreen-image">
            <img src="plantillas/default/images/Logo.png" alt="User Image">
        </div>
        <form id="formLogin" onsubmit="return false;" class="lockscreen-credentials">
            <div class="input-group">
                {{ forms.input('password', 'password', null, null, 'Contraseña') }}        
                {{ forms.input('hidden', 'usuario', null, session.usuarioNOMBRE , 'Usuario') }}    
                {{ forms.input('hidden', 'latitud', null, null, null, 'latitud') }}
                {{ forms.input('hidden', 'longitud', null, null, null, 'longitud') }}
                <div class="input-group-btn">
                    <button type="submit" class="btn"><i class="fa fa-arrow-right text-muted"></i></button>
                </div>
            </div>
        </form>
    </div>
    <div class="help-block text-center">
        Sistema de inactividad para iniciar sesión <br>
        Ingrese su contraseña
    </div>
    <div class="text-center">
        <a onclick="cerrarSesion()">Ingresar con una cuenta diferente</a>
    </div>
</div>
<!-- /.center -->

{% endblock %}



{% block js%}
<script>
    $( document ).ready(function() {
        localize();
    });
    $("#formLogin").submit(function () {
        iniciarSesion($("#formLogin").serialize());
    });
</script>
{% endblock %}