{% extends 'index.html' %}

{% block form %}

<div class="pad-3 card">
    <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">Login</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 %}