{% extends "admin/_layout.html" %}
{% block title %}系统配置 - TMH 管理后台{% endblock %}

{% block admin_breadcrumb %}
<span class="separator">/</span>
<span class="current">系统配置</span>
{% endblock %}

{% block admin_content %}
<h2>系统配置</h2>

<!-- 系统统计 -->
<div class="stat-grid" style="margin-bottom:var(--tmh-space-lg)">
    <div class="stat-card">
        <h3>{{ stats.memories }}</h3>
        <small>记忆总数</small>
    </div>
    <div class="stat-card">
        <h3>{{ stats.users }}</h3>
        <small>用户总数</small>
    </div>
    <div class="stat-card">
        <h3>{{ stats.teams }}</h3>
        <small>团队总数</small>
    </div>
    <div class="stat-card">
        <h3>{{ stats.projects }}</h3>
        <small>项目总数</small>
    </div>
    <div class="stat-card">
        <h3>{{ stats.db_size_mb }} MB</h3>
        <small>数据库大小</small>
    </div>
</div>

<!-- 统计自动刷新 -->
<div hx-get="/dashboard/admin/system" hx-trigger="every 30s" hx-target=".admin-content" hx-swap="innerHTML" hx-select=".admin-content > *">
</div>

<!-- 配置参数 -->
<h3>运行时配置</h3>

{% for section_name, items in config_sections.items() %}
<div class="config-section">
    <h4>{{ section_name }}</h4>
    {% for item in items %}
    <div class="config-item">
        <span class="key">{{ item.field }}</span>
        {% if item.editable and can('system:update_config') %}
        <input type="text" value="{{ item.value }}" id="cfg-{{ item.key | replace('.', '-') }}">
        <button class="small outline" onclick="updateConfig('{{ item.key }}', document.getElementById('cfg-{{ item.key | replace('.', '-') }}').value)">保存</button>
        {% else %}
        <span>{{ item.value }}</span>
        <span style="font-size:var(--tmh-font-size-xs);color:var(--tmh-text-muted)">只读</span>
        {% endif %}
    </div>
    {% endfor %}
</div>
{% endfor %}

<script>
function updateConfig(key, value) {
    var updates = {};
    updates[key] = value;
    fetch('/dashboard/admin/system/update-config', {
        method: 'POST',
        headers: {'Content-Type': 'application/json'},
        credentials: 'same-origin',
        body: JSON.stringify({updates: updates})
    }).then(function(resp) {
        return resp.json();
    }).then(function(data) {
        if (data.updated && Object.keys(data.updated).length > 0) {
            TMH.toast.show({type: 'success', message: '配置已更新'});
        }
        if (data.errors && Object.keys(data.errors).length > 0) {
            TMH.toast.show({type: 'error', message: '错误: ' + JSON.stringify(data.errors)});
        }
    });
}
</script>
{% endblock %}