{% extends "base.html" %}
{% block content %}
<div class="row justify-content-center">
    <div class="col-md-6">
        <h1 class="text-center mb-4">Add New User</h1>
        <form method="POST" action="{{ url_for('admin_add_user') }}">
            <div class="mb-3">
                <label for="username" class="form-label">Username:</label>
                <input type="text" id="username" name="username" class="form-control" required>
            </div>
            <div class="mb-3">
                <label for="password" class="form-label">Password:</label>
                <input type="password" id="password" name="password" class="form-control" required>
            </div>
            <div class="mb-3">
                <label for="role" class="form-label">Role:</label>
                <select id="role" name="role" class="form-select" required>
                    <option value="user" selected>User</option>
                    <option value="advanced">Advanced</option>
                    <option value="admin">Admin</option>
                </select>
            </div>
            <button type="submit" class="btn btn-success w-100">Add User</button>
        </form>
        <a href="{{ url_for('admin_users') }}" class="btn btn-secondary w-100 mt-3">Back to Users</a>
    </div>
</div>
{% endblock %}