{% extends "base.html" %}

{% block title %}Masuk{% endblock %}

{% block body %}
<main class="documentation">
    <section>
        <form method="post">
            <h1>Login</h1>

            <div class="flex four grow">
                <div class="fourth">
                    <!-- <label for="username">Username: </label> -->
                    <input type="text" name="username" value="" placeholder="Username" maxlength="25" autocomplete="off">
                </div>
                <div class="two-fourth">
                    <!-- <label for="password">Password: </label> -->
                    <input type="password" name="password" value="" placeholder="Password">
                </div>
                <div></div>
                <div>
                    <input type="hidden" name="_token" value="{{ token }}">
                </div>
                <div>
                    <button type="submit" class="half">Masuk</button>
                </div>
            </div>
        </form>
    </section>
</main>
{% endblock %}