{% extends "layouts/layout.html" %}
{% load i18n %}

{% block main_content %}
<div class="container">
  <div class="row">
    <div class="col-12 offset-sm-1 col-sm-10 offset-md-2 col-md-8 text-center">
      <h1 class="h3 mb-5 font-weight-normal">{% trans 'Please sign in' %}</h1>
      {% if form.errors %}
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
          <p>{% trans "Your username and password didn't match. Please try again." %}</p>
          <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
      {% endif %}

      {% if next %}
        {% if user.is_authenticated %}
          <p>Your account doesn't have access to this page. To proceed,
        please login with an account that has access.</p>
        {% endif %}
      {% endif %}

      <div class="row">
        <div class="col-12 offset-sm-3 col-sm-6">
      <form method="post" action="{% url 'login' %}">
        {% csrf_token %}
        <input type="text" name="username" id="{{ form.username.auto_id }}" class="form-control" placeholder="Username" required autofocus>
        <input type="password" name="password" id="{{form.password.auto_id}}" class="form-control" placeholder="Password" required>
        <button type="submit" class="btn btn-primary btn-block">{% trans "Login" %}</button>
        <input type="hidden" name="next" value="{{ next }}" />
      </form>
      {% if settings.ALLOW_REGISTER %}
      <div class="mt-3"> {% trans "No account?" %} <a href="{% url "register" %}">{% trans "Register!" %}</a></div>
      {% endif %}
        <div class="mt-3"><a href="{% url "password_reset" %}">{% trans "I forgot my password!" %}</a></div>
      </div>
        </div>
    </div>
  </div>
</div>
{% endblock main_content %}