{% extends 'base_admin.html' %}
{% load i18n %}
{% block basecontent %}
  {% include '_components/header.html' with no_nav=True %}
  {% include '_components/messages_alert.html' %}
  <div class="row justify-content-md-center">
    <div class="col-md-4 border border-2 border-primary rounded-3 shadow">
      <h2 class="text-center my-3">{% trans 'Login' %}</h2>
      <form method="POST" class="mx-3">
	<div class="form-floating mb-4">
	  <input type="text" name="name" class="form-control" id="name" placeholder="{% trans 'userName' %}" required autofocus>
	  <label for="name">{% trans 'userName' %}</label>
	</div>
	<div class="form-floating mb-4">
	  <input type="password" name="password" class="form-control" id="password" placeholder="{% trans 'Password' %}" required>
	  <label for="password">{% trans 'Password' %}</label>
	</div>
	{% csrf_token %}
        {% if self_password_reset %}
          <div class="text-center">
            <a tabindex="-1" href="{% url 'end_user_password_reset' target=target.id %}">{% trans 'Forget your password?' %}</a>
          </div>
        {% endif %}
        <div class="row justify-content-center my-3">
          <div class="col-md-4">
            <button type="submit" class="btn btn-primary rounded-pill w-100" autocomplete="off">{% trans 'Login' %}</button>
          </div>
        </div>
      </form>
    </div>
  </div>
{% endblock %}