{% extends 'base_simple.html' %}
{% load bootstrap %}

{% block title %}Log In {{ block.super }}{% endblock %}

{% block pagescript %}
    <script>
        $(function() {
            $("#id_username").focus();
        })
    </script>
{% endblock %}

{% block content %}
    <div class="well">
        <form method="POST" action="{% url 'login' %}?next={{ next | urlencode }}">
            {% csrf_token %}
            {{ form|bootstrap }}
            <div class="form-group">
                <input type="submit" class="btn btn-primary" value="Log In">
            </div>
            <div class="form-group">
                <a href="{% url 'password_reset' %}" target="_parent">Forgot your password?</a>
            </div>
        </form>
    </div>
{% endblock %}

{% block bodytail %}
    <a id="julius-login" style="opacity: 0" href="{% url 'oauth-julius-login' %}?next={{ next | urlencode }}" target="_parent" aria-hidden="true">Julius</a>
{% endblock %}