{% extends "base.html" %}

{% block obsah %}
<div class="column is-6 is-offset-3">
    <h3 class="title">Prihlásenie</h3>
    <div class="box">
        {% with messages = get_flashed_messages() %}
        {% if messages %}
            <div class="notification is-danger">{{ messages[0] }}</div>
        {% endif %}
        {% endwith %}
        <form method="POST" action="/login">
            <div class="field">
                <p class="control has-icons-left">
                    <input class="input is-medium" type="email" name="email" placeholder="e-mail" autofocus>
                    <span class="icon is-small is-left"><i class="fas fa-envelope"></i></span>
                </p>
            </div>
            <div class="field">
                <p class="control has-icons-left">
                    <input class="input is-medium" type="password" name="password" placeholder="heslo">
                    <span class="icon is-small is-left"><i class="fas fa-lock"></i></span>
                </p>
            </div>
            <div class="field">
                <p class="control has-icons-left">
                    <input class="input is-medium" type="text" name="code" placeholder="kód">
                    <span class="icon is-small is-left"><i class="fas fa-lock"></i></span>
                </p>
            </div>
            <button class="button is-block is-dark is-medium is-fullwidth">Prihlás ma</button>
        </form>
    </div>
</div>
{% endblock %}