{% extends '_base.html' %}
{% load i18n %}
{% block content %}
  {% include '_components/header.html' with no_nav=True %}

  <div class="internal-wrapper">
  {% for message in messages %}
    {% if message.level == DEFAULT_MESSAGE_LEVELS.ERROR %}
        <div class="error-box" style="max-width: 400px;">{{ message }}</div>
    {% else %}
        {% if message.level == DEFAULT_MESSAGE_LEVELS.INFO %}
            <div class="info-box">{{ message }}</div>
        {% endif %}
    {% endif %}
{% endfor %}

    <form style="max-width: 400px;" class="form-box" method="POST">
      <h2>{% trans 'Login' %}</h2>
      <input type="text" name="name" placeholder="{% trans 'Name' %}" required>
      {% if self_password_reset %}
        <div style="text-align: right;"><a tabindex="-1" href="{% url 'end_user_password_reset' target=target %}">{% trans 'Forget your password?' %}</a></div>
      {% endif %}
      <input type="password" name="password" placeholder="{% trans 'Password' %}" required>
      {% csrf_token %}
      <button autocomplete="off">{% trans 'Login' %}</button>
    </form>
  </div>
{% endblock %}