{% extends "base.html" %}

{% block content %}

<section class="hero is-medium">
    <div class="hero-body">
        <div class="column is-4 is-offset-4">
            <form class="box" method="POST" action="/login" >
                <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>
    </div>
</section>

{% endblock %}