{% extends 'base.template.html' %}
{% load staticfiles %}
{% block title %}Ingresa{% endblock title %}
{% block content %}
    <div class="content center">
        <form id="form" action="{% url 'users:login' %}" method="post">
            {% csrf_token %}
            <div class="input-field {% if form.usuario.errors %}invalid{% endif %}">
                <i class="tiny material-icons prefix">account_circle</i>
                {{ form.usuario }}
                <label for="icon_prefix {{ form.usuario.auto_id }}">Usuario</label>
                {% include 'base.forms.errors.html' with form_errors=form.usuario.errors col_title_error='col s2' col_msg_error='col s10' %}
            </div>
            
            <div class="input-field {% if form.usuario.errors %}invalid{% endif %}">
                <i class="tiny material-icons prefix">lock</i>
                {{ form.contrasena }}
                <label for="icon_prefix {{ form.contrasena.auto_id }}">Contraseña</label>
                {% include 'base.forms.errors.html' with form_errors=form.usuario.errors col_title_error='col s2' col_msg_error='col s10' %}
            </div>
            
            <div class="row">
                <a href="{% url 'users:forgot' %}" style="cursor: pointer">¿Olvido su contraseña?</a>
            </div>
            
            <div class="row">
                <p class="center">
                    {{form.remember_me}}
                    <label for="id_remember_me">{{form.remember_me.label}}</label>
                </p>
            </div>
            <div class="row">
                <div class="col s4 offset-s5">
                    <div class="input-field {% if form.captcha.errors %}invalid{% endif %}">
                        <label>{{form.captcha.label}}</label>
                        <div class="col s7">
                            {{form.captcha}}
                        </div>
                        <a class="col s2" onclick="refresh_captcha(this);" style="cursor: pointer">
                            <i class="small material-icons">cached</i>
                        </a>
                        {% include 'base.forms.errors.html' with form_errors=form.captcha.errors col_title_error='col s2' col_msg_error='col s10' %}
                    </div>
                </div>
            </div>
            <div>
                <button type="submit" class="btn waves-effect blue darken-1">Entrar</button>
            </div>
            </div>
        </form>
    </div>
{% endblock %}