{% extends 'index.html' %}

{% block form %}

<div class="pad-3 card">
    <h1 class="sectiontitle">login</h1>

    <form name="login" action="/auth/login" method="POST" onsubmit="return handleLogin()">
        <p class="center-text">username<br><input type="text" name="username" class="full-width"></p>
        <p class="center-text">password<br><input type="password" name="password" class="full-width"></p>
        <p id="status" style="display: none; color: red" class="center-text"></p>

        <button class="button full-width" onclick="handleLogin()" type="submit">go</button>
        <br><br>
        <a href="/auth/register" class="button full-width">register</a>

    </form>
    <script src="{{ url_for('static', filename='js/login.bundle.js') }}"></script>
</div>

{% endblock %}