{% extends "base.html" %}
{% block title %}
Toppers Tasks | Login
{% endblock %}
{% block content %}
{% for category, message in get_flashed_messages(with_categories=True) %}
<div class="alert alert-{{ category }}" role="alert">
    {{ message }}
</div>
{% endfor %}
<form action="/login" method="post">
    <div class="mb-3">
        <label for="user" class="form-label">Username or Email</label>
        <input type="text" name="user" id="user" class="form-control">
    </div>
    <div class="mb-3">
        <label for="password" class="form-label">Password</label>
        <input type="password" name="password" id="password"
            class="form-control">
    </div>
    <div class="mb-3">
        <button type="submit" class="btn btn-primary max-wack">Login</button>
    </div>
</form>
{% endblock %}