{% extends "base.html" %}
{% from "_macros.html" import sidebar %}
{% block title %}PulseMQ - {{ user.username }}{% endblock %}
{% block body %}
<div class="layout">
    {{ sidebar('users') }}
    <div class="main-content">
        <div class="page-header">
            <h1>{{ user.username }}</h1>
            <a href="/users" class="btn">← 返回</a>
        </div>

        <div class="card" style="margin-bottom:16px;">
            <div class="card-title">基本信息</div>
            <table>
                <tr><td style="color:var(--text-muted);width:120px;">用户名</td><td style="font-weight:600;">{{ user.username }}</td></tr>
                <tr><td style="color:var(--text-muted);">Token</td><td><code style="font-size:12px;" id="user-token">{{ user.token }}</code> <button class="btn btn-sm" onclick="navigator.clipboard.writeText('{{ user.token }}')">复制</button></td></tr>
                <tr><td style="color:var(--text-muted);">状态</td><td><span class="badge {{ 'badge-success' if user.is_active else 'badge-danger' }}">{{ '启用' if user.is_active else '停用' }}</span></td></tr>
                <tr><td style="color:var(--text-muted);">创建 Topic</td><td>
                    <button class="btn btn-sm {{ 'btn-success' if user.can_create_topic else '' }}" onclick="toggleCreate({{ user.id }},{{ 'false' if user.can_create_topic else 'true' }})">{{ '✓ 允许' if user.can_create_topic else '✗ 禁止' }}</button>
                </td></tr>
                <tr><td style="color:var(--text-muted);">创建时间</td><td>{{ user.created_at.strftime('%Y-%m-%d %H:%M') }}</td></tr>
            </table>
            <div style="margin-top:12px;">
                <button class="btn" onclick="regenToken({{ user.id }})">重新生成 Token</button>
            </div>
        </div>

        <div class="card">
            <div class="card-title">授权 Topic</div>
            <div class="table-wrap" style="max-height:250px;">
                <table>
                    <thead><tr><th>Topic</th><th>推送</th><th>订阅</th></tr></thead>
                    <tbody>
                    {% for t in topics %}
                    <tr><td>{{ t.name }}</td><td>{{ '✓' if t.can_pub else '✗' }}</td><td>{{ '✓' if t.can_sub else '✗' }}</td></tr>
                    {% endfor %}
                    {% if not topics %}
                    <tr><td colspan="3" style="text-align:center;color:var(--text-muted);">暂无授权 Topic</td></tr>
                    {% endif %}
                    </tbody>
                </table>
            </div>
            <p style="margin-top:8px;font-size:12px;color:var(--text-muted);">权限管理请前往 <a href="/permissions" style="color:var(--accent);">Permissions</a></p>
        </div>
    </div>
</div>
<script>
async function regenToken(id){if(!confirm('确定重新生成 Token？旧 Token 将立即失效。'))return;const r=await fetch('/api/users/'+id,{method:'PUT',headers:{'Content-Type':'application/json'},body:JSON.stringify({regenerate_token:true})});if(r.ok)location.reload()}
async function toggleCreate(id,v){await fetch('/api/users/'+id,{method:'PUT',headers:{'Content-Type':'application/json'},body:JSON.stringify({can_create_topic:v})});location.reload()}
</script>
{% endblock %}