{% extends "base.html" %}
{% block title %}PulseMQ - {{ user.username }}{% endblock %}
{% block body %}
<div class="layout">
    <nav class="sidebar">
        <h3 style="margin-bottom:1.5rem;color:var(--accent);">PulseMQ</h3>
        <a href="/">Dashboard</a>
        <a href="/topics">Topics</a>
        <a href="/users" class="active">Users</a>
        <a href="/permissions">Permissions</a>
    </nav>
    <div class="main-content">
        <h1 style="margin-bottom:1.5rem;">{{ user.username }}</h1>

        <div class="card" style="margin-bottom:1.5rem;">
            <h3 style="margin-bottom:1rem;">基本信息</h3>
            <table>
                <tr><td>用户名</td><td>{{ user.username }}</td></tr>
                <tr><td>Token</td><td><code id="user-token">{{ user.token }}</code> <button class="btn" style="font-size:0.75rem;" onclick="navigator.clipboard.writeText('{{ user.token }}')">复制</button></td></tr>
                <tr><td>状态</td><td><span class="badge badge-{{ 'success' if user.is_active else 'danger' }}">{{ '启用' if user.is_active else '停用' }}</span></td></tr>
                <tr><td>创建时间</td><td>{{ user.created_at.strftime('%Y-%m-%d %H:%M') }}</td></tr>
            </table>
            <button class="btn btn-primary" style="margin-top:1rem;" onclick="regenerateToken({{ user.id }})">重新生成 Token</button>
        </div>

        <div class="card">
            <h3 style="margin-bottom:1rem;">授权 Topic</h3>
            <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-secondary);">暂无授权 Topic</td></tr>
                    {% endif %}
                </tbody>
            </table>
            <p style="margin-top:0.5rem;color:var(--text-secondary);font-size:0.875rem;">权限管理请前往 <a href="/permissions" style="color:var(--accent);">Permissions</a> 页面</p>
        </div>
    </div>
</div>
<script>
async function regenerateToken(id) {
    if (!confirm('确定重新生成 Token？旧 Token 将立即失效。')) return;
    const resp = await fetch(`/api/users/${id}`, {
        method: 'PUT',
        headers: {'Content-Type': 'application/json', 'Authorization': 'Bearer ' + localStorage.getItem('token')},
        body: JSON.stringify({regenerate_token: true}),
    });
    if (resp.ok) location.reload();
}
</script>
{% endblock %}