pets/users/templates/users/login.html
{% extends '_layouts/base.html' %}
{% load i18n static %}
{% block title %}{% trans 'Authentication' %}{% endblock %}
{% block body %}
<div class="col-md-4 col-md-offset-4">
<form method="post">
{{ form.non_field_errors }}
{% csrf_token %}
<div class="form-group{% if form.username.errors %} has-error{% endif %}">
<label for="{{ form.username.id_for_label }}" class="control-label">{{ form.username.label }}</label>
<div class="controls">
{{ form.username }}
{{ form.username.errors }}
</div>
</div>
<div class="form-group{% if form.password.errors %} has-error{% endif %}">
<label for="{{ form.password.id_for_label }}" class="control-label">{{ form.password.label }}</label>
<div class="controls">
{{ form.password }}
{{ form.password.errors }}
</div>
</div>
<div class="form-group">
<div class="controls">
<input class="btn btn-primary btn-block" type="submit" value="{% trans 'Login' %}" name="login">
</div>
</div>
</form>
<a href="{% url 'users:recover_password' %}">{% trans 'Forgot you password?' %}</a>
<h4>{% trans 'Login with your Facebook or Twitter' %}</h4>
<a href="{% url 'social:begin' 'facebook' %}"><img src="{% static 'img/facebook.png' %}" alt="Facebook"/></a>
<a href="{% url 'social:begin' 'twitter' %}"><img src="{% static 'img/twitter.png' %}" alt="Twitter"/></a>
</div>
{% endblock body %}