{% extends 'layout.html' %}

{% block content %}
<section class="bg-primary text-center text-black-70 mb-0" id="login">
        <div class="container">
            <div class="ml-auto text-center">
                <h1>Login</h1>
                <p class="lead">log hier in met je account om extra functies in te schakelen</p>
                <p class="lead">ploegkapiteins kunnen inloggen om ploegopstellingsformulier aan te maken</p>
                <p class="lead">werkgroep competitie leden kunnen inloggen om basisploegen op te geven</p>
                <form method="POST" action="">
                    {{ form.hidden_tag() }}
                <div class="form-group">
                    {{ form.username.label }}<br>
                    {{ form.username(size=32) }}<br>
                    {% for error in form.username.errors %}
                    <span style="color: red;">{{ error }}</span>
                    {% endfor %}
                </div>
                <div class="form-group">
                    {{ form.password.label }}<br>
                    {{ form.password(size=32) }}<br>
                    {% for error in form.password.errors %}
                    <span style="color: red;">{{ error }}</span>
                    {% endfor %}
                </div>
                <div class="checkbox">
                    {{ form.remember_me() }} {{ form.remember_me.label }}
                </div>
                <p>{{ form.submit() }}</p>
                </form>
            </div>
        </div>
    </section>
{% endblock %}