{% extends "base.html" %}

{% block content %}
    <div class="container w-25 p-3 align-middle" style="margin: auto">
    <form action="" method="post" style="display: inline">
    <div class="form-group">
        <label for="username">Username</label>
        <input class="form-control" name="username" id="username" type="text" placeholder="Username">
    </div>
    <div class="form-group">
        <label for="password">Password</label>
        <input class="form-control" name="password" id="password" type="password" placeholder="Password">
    </div>
    <button type="submit" class="btn btn-primary">Login</button>
    </form>
    {% with messages = get_flashed_messages() %}
        {% if messages %}
        <div class="alert alert-danger" role="alert" style="margin-top: 10px">
        {{ messages[0] }}
        </div>
        {% endif %}
    {% endwith %}
    </div>
{% endblock %}