{% extends 'core/base.html' %}
{% load i18n %}
{% block content %}
<div class="row justify-content-center"><div class="col-md-5">
  <div class="card item-card shadow-sm"><div class="card-body">
    <h1 class="h4 mb-3">{% trans "Login" %}</h1>
    {% if form.errors %}<div class="alert alert-danger">{% trans "Username or password is incorrect." %}</div>{% endif %}
    <form method="post">
      {% csrf_token %}
      <div class="mb-3"><label class="form-label">{% trans "Username" %}</label><input class="form-control" name="username" autofocus></div>
      <div class="mb-3"><label class="form-label">{% trans "Password" %}</label><input class="form-control" type="password" name="password"></div>
      <button class="btn btn-dark w-100">Login</button>
    </form>
  </div></div>
</div></div>
{% endblock %}