{% 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">
    <div class="task-card">
        <h2>Reset Password</h2>
        <form action="/admin" method="post">
            <label for="user-select">Username</label>
            <select class="form-control mb-2" name="userid-reset"
                id="user-select">
                {% for user in users %}
                <option value="{{ user.id }}">{{ user.username }}</option>
                {% endfor %}
            </select>
            <button type="submit" class="btn btn-primary max-wack">Reset
                Password</button>
        </form>
    </div>
</div>
<div class="row">
    <div class="task-card">
        <h2>Add User</h2>
        <form action="/admin" method="post">
            <div class="form-floating mb-2">
                <input type="text" name="username-add" class="form-control"
                    id="username-add" placeholder="Username">
                <label for="user-input">Username</label>
            </div>
            <button type="submit" class="btn btn-primary max-wack">Add
                User</button>
        </form>
    </div>
</div>
<div class="row">
    <div class="task-card">
        <h2>Make Admin</h2>
        <form action="/admin" method="post">
            <label for="user-select">Username</label>
            <select class="form-control mb-2" name="userid-admin"
                id="user-select">
                {% for user in users %}
                <option value="{{ user.id }}">{{ user.username }}</option>
                {% endfor %}
            </select>
            <button type="submit" class="btn btn-primary max-wack">Make User
                Into Admin</button>
        </form>
    </div>
</div>
<div class="row">
    <div class="task-card">
        <a href="/tableview" class="btn btn-primary max-wack">MySQL Table
            View</a>
    </div>
</div>
{% endblock %}