{% extends "base.html" %}
{% block title %}
Toppers Tasks | Account
{% endblock %}
{% block content %}
{% for category, message in get_flashed_messages(with_categories=True) %}
<div class="alert alert-{{ category }}" role="alert">
    {{ message }}
</div>
{% endfor %}
<div class="row">
    <h1>Hello {{user.username}}!</h1>
</div>
<div class="row">
    <div class="task-card">
        <form action="/account" method="post">
            <input
                type="password"
                name="oldpassword"
                id="oldpassword"
                placeholder="Old Password"
                class="form-control mb-1 max-wack">
            <input
                type="password"
                name="newpassword"
                id="newpassword"
                placeholder="New Password"
                class="form-control mb-1 max-wack">
            <button type="submit" class="btn btn-primary max-wack">
                Change Password
            </button>
        </form>
    </div>
    <div class="task-card">
        <form action="/account" method="post">
            <input
                type="text"
                name="username"
                id="username"
                placeholder="New Username"
                class="form-control mb-1 max-wack">
            <button type="submit" class="btn btn-primary max-wack">
                Change Username
            </button>
        </form>
    </div>
</div>
{% endblock %}