{% extends "dashboard_base.html" %}
{% load staticfiles %}

{% block extrahead %}

    <!-- Bootstrap Stylesheet -->
    <link rel="stylesheet" href="{% static "bootstrap/css/bootstrap.min.css" %}" media="screen">
    <!-- Theme Stylesheet -->
    <link rel="stylesheet" href="{% static "assets/css/dandelion.theme.css" %}" media="screen">
    <!-- Icon Stylesheet -->
    <link rel="stylesheet" href="{% static "assets/css/fonts/glyphicons/style.css" %}" media="screen">
    <!--  Main Stylesheet -->
    <link rel="stylesheet" href="{% static "assets/css/dandelion.css" %}" media="screen">
    <!-- Demo Stylesheet -->
    <link rel="stylesheet" href="{% static "assets/css/demo.css" %}" media="screen">

    <!-- 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">

    <!-- 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">

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

    {% endblock %}

{% block breadcrumbs %}
{{ block.super }}
<li class="active"><a href="dashboard.html"><i class="icol-user"></i>Acesar al Sistema</a></li>
{% endblock %} 
{% block maincontent %}

 <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="#" id="dgtic-ex-dialog-form">Contraseña Olvidada</a></li>
                            </ul>
                        </div>
                        <div class="dgtic-home-form-btn-big">
                            <input type="submit" value="Aceptar" id="dgtic-login-submit" class="btn btn-danger btn-block">
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>




 <div id="dgtic-ex-dialog-form-div" style="display:none;">
    
                                    
                                        <form id="dgtic-ex-dialog-form-val" class="dgtic-form" method="POST" action="/send_email/">
                                            
                                                {% csrf_token%}
                                                
                                                    <label class="dgtic-form-label">Email <span class="required">*</span></label>
                                                    <div class="dgtic-form-item large">
                                                        <input type="text" name="wizard[email]" class="required email span12">
                                                    </div>
                                                    
                                                
                                      
                                        </form>
                                  
                                                                     
</div>







    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>

{% 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>

        <!-- JS Libs -->
    <script src="{% static "assets/js/libs/jquery-1.8.3.min.js" %}"></script>
    <script src="{% static "assets/js/libs/jquery.placeholder.min.js" %}"></script>
    <script src="{% static "assets/js/libs/jquery.mousewheel.min.js" %}"></script>

    <!-- JS Bootstrap -->
    <script src="{% static "bootstrap/js/bootstrap.min.js" %}"></script>
    
    <!-- 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>
    <script src="{% static "assets/jui/jquery.ui.touch-punch.min.js" %}"></script>
    <link rel="stylesheet" type="text/css" href="{% static "assets/jui/css/jquery.ui.all.css"%}" media="screen">

    <link rel="stylesheet" href="{% static "plugins/elrte/css/elrte.css" %}" media="screen">
    <link rel="stylesheet" href="{% static "plugins/elfinder/css/elfinder.css" %}" media="screen">

    <!-- JS Plugins -->

    <!-- Validation Plugin -->
    <script src="{% static "plugins/validate/jquery.validate.min.js" %}"></script>

    <!-- jGrowl Plugin -->
    <script src="{% static "plugins/jgrowl/jquery.jgrowl.min.js" %}"></script>
    <link rel="stylesheet" href="{% static "plugins/jgrowl/jquery.jgrowl.css" %}" media="screen">

    <!-- JS Demo -->
    <script src="{% static "assets/js/demo/demo.ui.js" %}"></script>

    <script src="{% static "assets/js/demo/demo.wizard.js" %}"></script>

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

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

{% endblock %}