{% extends "outreach/bare.html" %}
{% load i18n %}

{% block title %}{% if form.errors %}{% trans "Error:" %} {% endif %}{% trans "Sign in" %} | {{ site_name }}{% endblock %}

{% block extrahead %}{{ form.media }}{% endblock %}

{% block content %}
  <div class="card">
    {% include "outreach/includes/logo.html" %}
    <h2>{% trans "Sign in to Outreach" %}</h2>
    <p>{% blocktrans with name=site_name %}For {{ name }} staff accounts.{% endblocktrans %}</p>
    {% if form.errors and not form.non_field_errors %}
      <p class="errornote">{% blocktrans count counter=form.errors.items|length %}Please correct the error below.{% plural %}Please correct the errors below.{% endblocktrans %}</p>
    {% endif %}
    {% for error in form.non_field_errors %}
      <p class="errornote">{{ error }}</p>
    {% endfor %}
    {% if user.is_authenticated %}
      <p class="errornote">{% blocktrans with name=username %}You are authenticated as {{ name }}, but are not authorized to access this page. Would you like to login to a different account?{% endblocktrans %}</p>
    {% endif %}
    <form action="{{ app_path }}" method="post" id="login-form">
      {% csrf_token %}
      <div class="f">
        {{ form.username.errors }}
        {{ form.username.label_tag }}
        {{ form.username }}
      </div>
      <div class="f">
        {{ form.password.errors }}
        {{ form.password.label_tag }}
        {{ form.password }}
        <input type="hidden" name="next" value="{{ next }}">
      </div>
      <button class="btn fill block" type="submit">{% trans "Log in" %}</button>
    </form>
  </div>
{% endblock %}