{% extends "statusboard/base.html" %}

{% load i18n %}

{% block content %}
<div class="container">
    {% if form.errors %}
    <div class="alert alert-danger" role="alert">
        {% blocktrans %}
        Your username and password didn't match. Please try again.
        {% endblocktrans %}
    </div>
    {% endif %}

    {% if next %}
        {% if user.is_authenticated %}
        <div class="alert alert-danger" role="danger">
            {% blocktrans %}
            Your account doesn't have access to this page. To proceed,
            please login with an account that has access.
            {% endblocktrans %}
        </div>
        {% else %}
        <div class="alert alert-danger" role="danger">
            {% blocktrans %}
            Please login to see this page.
            {% endblocktrans %}
        </div>
        {% endif %}
    {% endif %}

    <form class="form-signin" role="form" method="post" action="{% url "statusboard:login" %}">
        <h2 class="signin-header">
            {% blocktrans %}
            Please sign in
            {% endblocktrans %}
        </h2>
        {% csrf_token %}
        <div class="form-group">
            <label for="form.username.id_for_label">{% trans "Username" %}</label>
            <input class="form-control" type="text" id="{{ form.username.id_for_label }}" name="{{ form.username.name }}">
        </div>
        <div class="form-group">
            <label for="form.password.id_for_label">{% trans "Password" %}</label>
            <input class="form-control" type="password" id="{{ form.password.id_for_label }}" name="{{ form.password.name }}">
        </div>
        <div class="form-group">
            <button class="btn btn-lg btn-primary btn-block" type="submit">{% trans "Sign in" %}</button>
        </div>
        <input type="hidden" name="next" value="{{ next }}" />
    </form>
</div>
{% endblock %}