{% extends "base.html" %}
{% block content %}

<div class="columns">


    <div class="column col-md-12 col-mx-auto col-4">
        <h1>Login</h1>
        {% if not_found %}
        <span class="label label-warning">
            Deze gebruiker bestaat niet?
        </span>
        {% endif %}

        <form method="post" class="form-horizontal">
            <div class="form-group">
                <div class="col-3 col-sm-12">
                    <label for="username" class="form-label">Gebruikersnaam</label>
                </div>
                <div class="col-9 col-sm-12">
                    <input type="text" class="form-input" id="username" name="username" placeholder="Gebruikersnaam"
                        autocomplete="username">
                </div>

            </div>
            <div class="form-group">
                <div class="col-3 col-sm-12">
                    <label for="password" class="form-label">Wachtwoord</label>
                </div>
                <div class="col-9 col-sm-12">
                    <input type="password" class="form-input" id="password" name="password" placeholder="Wachtwoord"
                        autocomplete="current-password">
                </div>
            </div>
            <div class="form-group">
                <button class="btn btn-primary col-12">Log in</button>
            </div>
        </form>
    </div>

</div>

{% endblock %}