<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet"
          href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
          integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
          crossorigin="anonymous">
    <link rel="icon" href="../static/img/MoonCcircl.ico" type="image/x-icon">
    <link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@700&family=Montserrat+Alternates:wght@600&display=swap"
          rel="stylesheet">
    <link rel="stylesheet" href="../../static/css/simple/login.css">
    <title>{{title}}</title>
</head>
<body>
<h1 class="header_title">Авторизация</h1>
<div class="login">
    <form class="row g-2" action="" method="post">
        {{ form.hidden_tag() }}
        <div class="col-md-4">
            <label class="form-label">{{ form.email.label }}</label>
            {{ form.email(class="form-control", type="email") }}
            {% for error in form.email.errors %}
            <div class="alert alert-danger" role="alert">
                {{ error }}
            </div>
            {% endfor %}
        </div>
        <div class="col-md-4">
            <label class="form-label">{{ form.password.label }}</label>
            {{ form.password(class="form-control", type="password") }}
            {% for error in form.password.errors %}
            <div class="alert alert-danger" role="alert">
                {{ error }}
            </div>
            {% endfor %}
        </div>
        <div class="col-md-6">
            <div class="box">{{ form.remember_me(class="form-check-input")}} {{ form.remember_me.label }}<br></div>
            {% for error in form.remember_me.errors %}
            <div class="alert alert-danger" role="alert">
                {{ error }}
            </div>
            {% endfor %}
        </div>
        <div class="col-sm-10 buttons_from">{{ form.submit(type="submit", class="btn btn-primary button") }}
            <a class="btn btn-primary button" type="submit"
               href="/safeappschool/register"><strong>Регистрация</strong></a>
            <a class="btn btn-primary button" type="submit" href="/recovery"><strong>Забыли
                пароль</strong></a>
        </div>
        {% if message != '' %}
        <div class="alert alert-danger" role="alert">{{ message }}</div>
        {% endif %}
    </form>
</div>
</body>
</html>