{% extends "mvp/entrance.html" %}
{% load i18n %}
{% comment %}
  Overrides {% block entrance %} rather than {% block content %} so the sign-in
  form can ask for a narrower card than the entrance default.
{% endcomment %}
{% block entrance %}
  <c-entrance size="md" full-height>
    {% block content %}
      {% include "mvp/account/_development_notice.html" %}
      {% if form.errors %}
        <c-alert variant="error" class="mb-6">
          <span>{% trans "Invalid username or password." %}</span>
        </c-alert>
      {% endif %}
      <h2 class="text-center mb-6">{% trans "Sign in to your account" %}</h2>
      <c-form method="post"
              action="{% url 'account_login' %}"
              class="space-y-4">
        <c-form.field type="text"
                      label="{{ form.username.label }}"
                      id="{{ form.username.id_for_label }}"
                      name="{{ form.username.html_name }}"
                      placeholder="{{ form.username.label }}"
                      autocomplete="username"
                      :errors="form.username.errors"
                      required />
        <c-form.field type="password"
                      label="{% trans "Password" %}"
                      id="{{ form.password.id_for_label }}"
                      name="{{ form.password.html_name }}"
                      placeholder="{% trans "Password" %}"
                      autocomplete="current-password"
                      :errors="form.password.errors"
                      required />
        <c-button type="submit"
                  variant="primary"
                  text="{% trans "Sign In" %}"
                  class="w-full" />
        <input type="hidden" name="next" value="{{ next }}" />
      </c-form>
    {% endblock content %}
  </c-entrance>
{% endblock entrance %}