{% extends "base.html" %}

{% block content %}

<div class="column is-4 is-offset-4 is-centered">
    <form class="box" action="/login" method="POST">
        <h3 class="title">Вход</h3>
        <div class="field">
            <label class="label">Email</label>
            <p class="control has-icons-left">
                <input class="input" type="email" name="email" placeholder="yourmail@example.com" required>
                <span class="icon is-small is-left">
                    <i class="fas fa-envelope"></i>
                </span>
            </p>
        </div>
        <div class="field">
            <label class="label">Пароль</label>
            <p class="control has-icons-left">
                <input class="input" type="password" name="password" placeholder="********" required>
                <span class="icon is-small is-left">
                    <i class="fas fa-lock"></i>
                </span>
            </p>
        </div>
        <div class="field">
            <label class="checkbox">
                <input type="checkbox">
                Запомнить меня
            </label>
        </div>
        <div class="field">
            <p class="control">
                <button class="button is-success is-outlined is-fullwidth" type="submit">Войти</button>
            </p>
        </div>
    </form>
</div>

{% endblock %}