{% extends "base.html" %}

{% block title %}用户管理 - AI创作工作台{% endblock %}

{% block content %}
<div class="max-w-6xl mx-auto">
    <div class="flex items-center justify-between mb-6">
        <div>
            <h1 class="text-xl font-semibold text-gray-800">用户管理</h1>
            <p class="text-sm text-gray-500 mt-1">注册用户可自行注册；会员与管理员的授予和审批由管理员完成。</p>
        </div>
        <button class="px-4 py-2 text-sm text-white bg-blue-600 rounded-lg hover:bg-blue-700" onclick="loadUsers()">刷新</button>
    </div>
    <div class="bg-white rounded-xl border border-gray-200 overflow-hidden">
        <table class="w-full text-sm">
            <thead class="bg-gray-50 text-left text-gray-500">
                <tr>
                    <th class="px-4 py-3">用户</th>
                    <th class="px-4 py-3">角色</th>
                    <th class="px-4 py-3">待审批</th>
                    <th class="px-4 py-3">状态</th>
                    <th class="px-4 py-3">注册时间</th>
                    <th class="px-4 py-3">操作</th>
                </tr>
            </thead>
            <tbody id="user-list">
                <tr><td colspan="6" class="px-4 py-8 text-center text-gray-400">加载中...</td></tr>
            </tbody>
        </table>
    </div>
</div>

{% block extra_js %}
<script src="/static/js/users.js"></script>
<script>loadUsers();</script>
{% endblock %}
{% endblock %}