{% extends "admin/_layout.html" %}
{% block title %}用户管理 - TMH 管理后台{% endblock %}

{% block admin_breadcrumb %}
<span class="separator">/</span>
<span class="current">用户管理</span>
{% endblock %}

{% block admin_content %}
<div class="toolbar">
    <div class="toolbar-left">
        <h2 style="margin:0">用户管理</h2>
        <select hx-get="/dashboard/admin/users" hx-target=".admin-content" hx-swap="innerHTML"
                name="role" hx-include="this" style="max-width:160px">
            <option value="">所有角色</option>
            <option value="admin" {% if filter_role == 'admin' %}selected{% endif %}>管理员</option>
            <option value="maintainer" {% if filter_role == 'maintainer' %}selected{% endif %}>维护者</option>
            <option value="member" {% if filter_role == 'member' %}selected{% endif %}>成员</option>
            <option value="viewer" {% if filter_role == 'viewer' %}selected{% endif %}>观察者</option>
        </select>
    </div>
    <div class="toolbar-right">
        {% if can('user:create') %}
        <button class="small" onclick="openModal('/dashboard/admin/users?action=create_form')">+ 新建用户</button>
        {% endif %}
    </div>
</div>

<div id="entity-list">
    <div class="tmh-table-wrapper">
    <table>
        <thead>
            <tr>
                <th>名称</th>
                <th>邮箱</th>
                <th>角色</th>
                <th>团队</th>
                <th>状态</th>
                <th>创建时间</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody>
            {% for u in users %}
            <tr id="row-{{ u.id }}">
                <td><strong>{{ u.name }}</strong></td>
                <td>{{ u.email }}</td>
                <td><span class="badge badge-{{ u.role }}">{{ u.role }}</span></td>
                <td>{{ u.team_name or '-' }}</td>
                <td>
                    {% if u.is_active %}
                    <span class="status-active">启用</span>
                    {% else %}
                    <span class="status-inactive">禁用</span>
                    {% endif %}
                </td>
                <td>{{ u.created_at[:16] if u.created_at else '-' }}</td>
                <td>
                    {% if can('user:update') %}
                    <button class="outline small" onclick="openModal('/dashboard/admin/users?action=edit_form&id={{ u.id }}')">编辑</button>
                    {% endif %}
                    {% if can('user:toggle_active') and u.id != user.id %}
                    <button class="outline small"
                            hx-post="/dashboard/admin/users/{{ u.id }}/toggle-active"
                            hx-swap="none">
                        {{ '禁用' if u.is_active else '启用' }}
                    </button>
                    {% endif %}
                    {% if can('user:manage_roles') %}
                    <select class="small" style="display:inline-block;width:auto;margin:0;padding:2px 4px;"
                            hx-post="/dashboard/admin/users/{{ u.id }}/change-role"
                            hx-vals='js:{"role": event.target.value}'
                            hx-swap="none">
                        {% for r in ['admin', 'maintainer', 'member', 'viewer'] %}
                        <option value="{{ r }}" {% if u.role == r %}selected{% endif %}>{{ r }}</option>
                        {% endfor %}
                    </select>
                    {% endif %}
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    </div>
</div>

{% if not users %}
<p style="color:var(--tmh-text-muted)">暂无用户数据。</p>
{% endif %}
{% endblock %}