{% extends "base.html" %}
{% load staticfiles %}
{% block title %}Inicio de Sesión{% endblock %}
{% block extrahead %}
<!-- Login Stylesheet -->
<link rel="stylesheet" href="{% static "assets/css/form.css" %}" media="screen">
<link rel="stylesheet" href="{% static "assets/css/login.css" %}" media="screen">
<link rel="stylesheet" href="{% static "plugins/zocial/zocial.css" %}" media="screen">

<!--Ventana Modal-->
<link rel="stylesheet" href="{% static "modal/jquery-ui.css" %}" media="screen">
<script src="{% static "modal/jquery-1.9.1.js" %}"></script>
<script src="{% static "modal/jquery-ui.js" %}"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />


<script type="text/javascript">
    if ('{{msj}}' != '') {

$(function() {
$( "#dialog-message" ).dialog({
modal: true,
buttons: {
Ok: function() {
window.location='/login_/'    
$( this ).dialog( "close" );
}
}
});
});
                        }
</script>

 <script>

</script>

{% endblock %}

{% block wrapper %}
    <div id="dgtic-home-wrap">
        <div id="dgtic-home-wrap-inner">
            <div id="dgtic-home-inner">
                <div id="dgtic-home-box">
                    <div id="dgtic-home-box-header">
                        <span class="dgtic-home-box-title">Iniciar</span>
                    </div>
                    <form class="dgtic-form dgtic-home-form" method="post" action="/validar/">
                        {% csrf_token %}
                        <div class="dgtic-form-row">
                            <div class=" dgtic-home-form-big">
                                <input type="text" name="username" id="dgtic-login-username" placeholder="Usuario">
                            </div>
                            <div class=" dgtic-home-form-big">
                                <input type="password" name="password" id="dgtic-login-password" placeholder="Contraseña">
                            </div>
                        </div>                        
                        <!--
                        <div class="dgtic-form-row">
                            <ul class="dgtic-form-list inline">
                                <li><input type="checkbox" id="remember"> <label for="remember">Recordar Contraseña</label></li>
                                <li class="pull-right"><a href="#">Contraseña Olvidada</a></li>
                            </ul>
                        </div>
                        -->
                        <div class="dgtic-home-form-btn-big">
                            <input type="submit" value="Ingresar" id="dgtic-login-submit" class="btn btn-danger btn-block">
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>


<div id="dialog-message" style="display:none;" title="¡Alerta!" >
<p>
<span class="ui-icon ui-icon-circle-check" style="float: left; margin: 0 7px 50px 0;"></span>
{{msj}}
</p>

</div>
{% endblock %}

{% block extralibs %}
    <script src="{% static "assets/js/libs/jquery.placeholder.min.js" %}"></script>
    <script src="{% static "plugins/validate/jquery.validate.min.js" %}"></script>

    <!-- JS Login -->
    <script src="{% static "assets/js/core/dandelion.login.js" %}"></script>

    <!--Ventana Modal -->
    <!-- jQuery-UI JavaScript Files -->
    <script src="{% static "assets/jui/js/jquery-ui-1.9.2.min.js" %}"></script>
    <script src="{% static "assets/jui/jquery.ui.timepicker.min.js" %}"></script>    
    <link rel="stylesheet" type="text/css" href="{% static "assets/jui/css/jquery.ui.all.css"%}" media="screen">
    <script src="{% static "assets/js/demo/demo.ui.js" %}"></script>
    <!--Termina Ventana Modal -->

{% endblock %}