{extend name="admin/layout" /}

{block name="content"}
<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <h5 class="mb-0">站点配置版本</h5>
        <button class="btn btn-primary btn-sm" onclick="createSnapshot()">创建快照</button>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th>时间</th>
                        <th>说明</th>
                        <th>操作者</th>
                        <th>站点名称</th>
                        <th class="text-right">操作</th>
                    </tr>
                </thead>
                <tbody>
                    {empty name="versions"}
                    <tr><td colspan="5" class="text-center text-muted">暂无版本</td></tr>
                    {/empty}
                    {volist name="versions" id="version"}
                    <tr>
                        <td>{$version.created_at|default=''}</td>
                        <td>{$version.note|default=''}</td>
                        <td>{$version.operator|default=''}</td>
                        <td>{:($version['config']['name'] ?? '')}</td>
                        <td class="text-right">
                            <button class="btn btn-sm btn-warning" onclick="restoreVersion('{$version.id}')">回滚</button>
                        </td>
                    </tr>
                    {/volist}
                </tbody>
            </table>
        </div>
    </div>
</div>
{/block}

{block name="extraJs"}
<script>
function createSnapshot() {
    var note = prompt('请输入快照说明：', '手动快照');
    if (note === null) return;
    ajaxRequest('/admin/config-versions/snapshot', {note: note}, function() {
        alert('快照已创建');
        location.reload();
    });
}
function restoreVersion(id) {
    if (!confirm('确定回滚到该版本？当前配置会被覆盖。')) return;
    ajaxRequest('/admin/config-versions/restore', {id: id}, function() {
        alert('回滚成功');
        location.reload();
    }, {
        requirePassword: true,
        passwordMessage: '回滚站点配置，请输入管理员密码确认：'
    });
}
</script>
{/block}