{% extends 'base.jinja' %}

{% block CONTENT %}<!-- Modal warning / bad login -->
  <div class="modal fade" id="bad_login_modal" tabindex="-1" aria-labelledby="bad_login_modal_Label" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content shadow">
        <div class="modal-header">
          <h3 class="modal-title fs-5" id="bad_login_modal_Label">ошибка аутентификации</h3>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
          <h1 class="text-warning-emphasis"><i class="fa-solid fa-triangle-exclamation"></i> Внимание</h1>
          <p class="text-danger">Аутентификация не прошла.</p>
          <p>Из соображения безопасности мы не сообщим причину. Возможно пользователя не существует, или неверный
            пароль, или иная ошибка&#8230; Будьте внимательны, <strong>после нескольких попыток ваш IP будет
            заблокирован минимум на сутки!</strong></p>
        </div>
        <div class="modal-footer">
          <a href="/" class="btn btn-primary">Я больше не буду (15)</a>
        </div>
      </div>
    </div>
  </div>{% endblock CONTENT %}
{% block JS_1 %}<script type="text/javascript">
    $(document).ready(function() {
      let count = 15;
      $('#bad_login_modal').modal('show');
      const counter = setInterval(function () {
        count -= 1;
        if (count <= 0) {
          clearInterval(counter);
          return;
        }
        $('#bad_login_modal .modal-footer .btn-primary').html('Я больше не буду (' + count + ')');
      }, 1000);
    });
  </script>{% endblock %}