{% extends "base.html" %}

{% block extra_head %}
<link rel="stylesheet" href="/dashboard/static/css/admin.css">
{% endblock %}

{% block breadcrumb %}
<div class="container">
    <div class="tmh-breadcrumb">
        <a href="/dashboard/">概览</a>
        <span class="separator">/</span>
        <a href="/dashboard/admin/teams">管理后台</a>
        {% block admin_breadcrumb %}{% endblock %}
    </div>
</div>
{% endblock %}

{% block content %}
<div class="admin-layout">
    <aside class="admin-sidebar">
        <details class="admin-sidebar-group" {% if active_page in ['teams', 'users', 'projects', 'api_keys'] %}open{% endif %}>
            <summary>实体管理</summary>
            <ul>
                {% if can('team:list') %}
                <li><a href="/dashboard/admin/teams" class="{% if active_page == 'teams' %}active{% endif %}">团队管理</a></li>
                {% endif %}
                {% if can('user:list') %}
                <li><a href="/dashboard/admin/users" class="{% if active_page == 'users' %}active{% endif %}">用户管理</a></li>
                {% endif %}
                {% if can('project:list') %}
                <li><a href="/dashboard/admin/projects" class="{% if active_page == 'projects' %}active{% endif %}">项目管理</a></li>
                {% endif %}
                {% if can('key:list_all') %}
                <li><a href="/dashboard/admin/api-keys" class="{% if active_page == 'api_keys' %}active{% endif %}">API Key</a></li>
                {% endif %}
            </ul>
        </details>
        <details class="admin-sidebar-group" {% if active_page in ['curation', 'system'] %}open{% endif %}>
            <summary>系统运维</summary>
            <ul>
                {% if can('curation:batch_verify') %}
                <li><a href="/dashboard/admin/curation" class="{% if active_page == 'curation' %}active{% endif %}">记忆审核</a></li>
                {% endif %}
                {% if can('system:view_config') %}
                <li><a href="/dashboard/admin/system" class="{% if active_page == 'system' %}active{% endif %}">系统配置</a></li>
                {% endif %}
            </ul>
        </details>
    </aside>
    <section class="admin-content">
        {% block admin_content %}{% endblock %}
    </section>
</div>

<script src="/dashboard/static/js/table.js"></script>
<script>
function openModal(url) {
    TMH.modal.open(null, url);
}

function closeModal() {
    TMH.modal.close();
}

function confirmAction(title, message, url, method) {
    TMH.modal.confirm(title, message, function() {
        fetch(url, {method: method || 'DELETE', credentials: 'same-origin'}).then(function(resp) {
            if (resp.ok || resp.redirected) {
                location.reload();
            } else {
                resp.text().then(function(t) { TMH.toast.show({type: 'error', message: t || '操作失败'}); });
            }
        });
    });
}

// HTMX: close modal on success + toast feedback
document.body.addEventListener('htmx:afterRequest', function(evt) {
    if (evt.detail.successful) {
        if (document.querySelector('.tmh-modal-overlay')) {
            TMH.modal.close();
        }
        TMH.toast.show({type: 'success', message: '操作成功'});
    }
});

document.body.addEventListener('htmx:responseError', function(evt) {
    TMH.toast.show({type: 'error', message: '请求失败: ' + (evt.detail.xhr.statusText || '未知错误')});
});
</script>
{% endblock %}