1 | {% extends 'base.template.html' %} |
---|
2 | {% load staticfiles %} |
---|
3 | {% block title %}Login{% endblock %} |
---|
4 | {% block content %} |
---|
5 | <div class="content col-md-6"> |
---|
6 | <img class="img-responsive" src="{%static 'img/LOGO_1.png'%}"> |
---|
7 | </div> |
---|
8 | <div class="content col-md-6"> |
---|
9 | <div class="jumbotron"> |
---|
10 | <form id="form" action="{% url 'login' %}" method="post"> |
---|
11 | {% csrf_token %} |
---|
12 | <div class="text-center"> |
---|
13 | <label class="text-primary control-label" for="{{ form.email.auto_id }">Usuario</label> |
---|
14 | </div> |
---|
15 | <div class="form-group {% if form.usuario.errors %}has-error{% endif %}"> |
---|
16 | <div class="col-md-1"> |
---|
17 | <span class="glyphicon glyphicon-user red"></span> |
---|
18 | </div> |
---|
19 | <div class="col-md-11"> |
---|
20 | {{ form.usuario }} |
---|
21 | </div> |
---|
22 | <div class="col-md-12"> |
---|
23 | {% include 'base.forms.errors.html' with form_errors=form.usuario.errors col_title_error='col-sm-2' col_msg_error='col-sm-10' %} |
---|
24 | </div> |
---|
25 | </div> |
---|
26 | <div class="text-center"> |
---|
27 | <label class="text-primary">Contraseña</label> |
---|
28 | </div> |
---|
29 | <div class="form-group {% if form.usuario.errors %}has-error{% endif %}"> |
---|
30 | <div class="col-md-1"> |
---|
31 | <span class="glyphicon glyphicon-lock red"></span> |
---|
32 | </div> |
---|
33 | <div class="col-md-11"> |
---|
34 | {{ form.contrasena }} |
---|
35 | </div> |
---|
36 | <div class="col-md-12"> |
---|
37 | {% include 'base.forms.errors.html' with form_errors=form.usuario.errors col_title_error='col-sm-2' col_msg_error='col-sm-10' %} |
---|
38 | </div> |
---|
39 | </div> |
---|
40 | <div class="row text-center"> |
---|
41 | <a href="{% url 'reset' %}" style="cursor: pointer">¿Olvido su contraseña?</a> <span class="separator_link">|</span> |
---|
42 | <a href="{% url 'register' %}" style="cursor: pointer">Registrarse</a> |
---|
43 | </div> |
---|
44 | <div class="row"> |
---|
45 | <div class="col-xs-8"> |
---|
46 | <div class="checkbox icheck"> |
---|
47 | <label id="color_gray"> |
---|
48 | {{form.remember_me}} |
---|
49 | {{form.remember_me.label}} |
---|
50 | </label> |
---|
51 | </div> |
---|
52 | </div> |
---|
53 | <div class="col-xs-12"> |
---|
54 | <label class="text-primary">{{form.captcha.label}}</label> |
---|
55 | <div class="form-group has-feedback {% if form.captcha.errors %}has-error{% endif %}"> |
---|
56 | {{form.captcha}} |
---|
57 | <a onclick="refresh_captcha(this);" style="cursor: pointer"> |
---|
58 | <span class="glyphicon glyphicon-refresh red" data-toggle="tooltip" title="Presione para recargar la imagen del captcha"></span> |
---|
59 | </a> |
---|
60 | {% include 'base.forms.errors.html' with form_errors=form.captcha.errors col_title_error='col-sm-2' col_msg_error='col-sm-10' %} |
---|
61 | </div> |
---|
62 | </div> |
---|
63 | <div class="col-sm-6 col-md-offset-3"> |
---|
64 | <button type="submit" class="btn btn-red btn-block btn-flat">Entrar</button> |
---|
65 | </div> |
---|
66 | </div> |
---|
67 | </form> |
---|
68 | </div> |
---|
69 | </div> |
---|
70 | {% endblock %} |
---|