{% extends 'user/base.html' %}
{% load static %}
{% load i18n %}
{% block content %}
<div class="row justify-content-center">
  <div class="col-md-4">
    <form class="border border-primary rounded rounded-3 shadow p-3" method="POST" id="check-validity">
      <h2 class="text-center my-3">{% trans 'Password Reset' %}</h2>
      <div class="row justify-content-center my-3">
        <div class="col-md-11">
          <div class="form-floating mb-4">
            <input type="text" id="name" name="name" class="form-control border border-secondary" placeholder="{% trans 'userName' %}" required>
            <label for="name">{% trans 'userName' %}</label>
          </div>
          <div class="form-floating mb-4">
            <input type="email" id="mail" name="mail" class="form-control border border-secondary" placeholder="{% trans 'EMail' %}" required>
            <label for="mail">{% trans 'EMail' %}</label>
          </div>
        </div>
      </div>
      <div class="row justify-content-center">
        <div class="col-md-4">
          {% include '_components/sub_menu/button.html' with type='password_reset_submit' button_id='check-validity-button' %}
        </div>
      </div>
      {% csrf_token %}
    </form>
  </div>
</div>
{% if custom_message %}
<div class="password-reset-message-box">
    {% if custom_message_is_html %}
        {{ custom_message|safe }}
    {% else %}
    <pre>{{ custom_message }}</pre>
    {% endif %}
</div>
{% endif %}
{% endblock %}