{% extends 'base.html' %}

{% block title %}Восстановление пароля{% endblock %}
{% block header %}Восстановление пароля{% endblock %}


{% block content %}

{% with messages = get_flashed_messages() %}
{% if messages %}
{% for message in messages %}
<p style="color: green; font-weight: bold; font-size: 20px">{{ message }}</p>
{% endfor %}
{% endif %}
{% endwith %}

<div class="block">
  <div class="login-wrapper">
    <header>
      <div class="logotype">
        <a class="navbar-brand boost-nav-brand" href="//{{ config.PROJECT_NAME }}">
		<span style="display:block;color: #E04200;font-size: 40px;font-weight: 600;line-height: 1.2em;font-style: italic;font-family: Montserrat, Geneva, sans-serif;">EvaTeam</span>
        </a>
      </div>
    </header>
    <div class="login">
      <div class="login-content">
        <h2 style="font-size: 18px;">Восстановление пароля</h2>
        <div id="error-message" style="color:red"></div>
        <form method="POST" action="" id="restore-password">
          <input id="email" name="email" value="" placeholder="my-company@example.com">
          <div class="buttons">
            <button class="login-button">Восстановить</button>
          </div>
        </form>
        <pre></pre>
        <a style="display: block;text-align: right;" href="/auth/signin">Назад</a>
      </div>
    </div>
  </div>
</div>
{% endblock %}

{% block scripts %}

<script>
const form = document.getElementById("restore-password");
form.addEventListener("submit", async function (event) {
    event.preventDefault();
    let login = document.getElementById("email").value;

    if (!login) {
       alert("Введите электронную почту");
       return;
    }

    const res = await post(
      "/auth/restore_password",
      {'login': login}
    );

    if (!res.ok) {
      alert("Ошибка! Повторите запрос или обратитесь в техническую поддержку");
      return
    }

    const res_json = await res.json();

    if (res_json.error){
        alert("Ошибка! " + res_json.error.message);
        return
    }
    alert(res_json.message);
    redirectNextUrl("/auth/signin")
    return false;
})
</script>

{% endblock %}