{extend name="server/layout" /}

{block name="content"}
<!-- 缁熻 -->
<div class="sv-stat">
    <div class="sv-stat-box" style="background:linear-gradient(135deg,#667eea,#764ba2)">
        <h6><i class="bi bi-download"></i> 瀹夎鏁伴噺</h6>
        <h3>{$installCount}</h3>
    </div>
    <div class="sv-stat-box" style="background:linear-gradient(135deg,#f093fb,#f5576c)">
        <h6><i class="bi bi-tag"></i> 鐗堟湰鏁伴噺</h6>
        <h3>{:count($versions)}</h3>
    </div>
    <div class="sv-stat-box" style="background:linear-gradient(135deg,#4facfe,#00f2fe)">
        <h6><i class="bi bi-clock"></i> 褰撳墠鏃堕棿</h6>
        <h5 style="margin:0">{:date('Y-m-d H:i')}</h5>
    </div>
</div>

<div class="sv-row">
    <!-- 宸︿晶锛氱増鏈鐞?-->
    <div class="sv-col-5">
        <div class="card">
            <div class="card-body-pad">
                <h5 class="mb-3"><i class="bi bi-tag-plus"></i> 鍙戝竷鏂扮増鏈?/h5>
                <div id="versionAlert" class="alert d-none"></div>
                <form id="versionForm">
                    <input type="hidden" name="id" id="versionId" value="0">
                    <div class="mb-2">
                        <input type="text" class="form-control" name="version" id="versionInput" placeholder="鐗堟湰鍙?濡?1.0.1" required>
                    </div>
                    <div class="mb-2">
                        <textarea class="form-control" name="content" id="contentInput" rows="3" placeholder="鏇存柊鍐呭" required></textarea>
                    </div>
                    <div class="d-flex gap-2">
                        <button type="submit" class="btn btn-primary btn-sm">淇濆瓨</button>
                        <button type="button" class="btn btn-outline-secondary btn-sm" onclick="resetForm()">閲嶇疆</button>
                    </div>
                </form>
            </div>
        </div>

        <div class="card">
            <div class="card-header"><h6 class="mb-0">鐗堟湰鍒楄〃</h6></div>
            <div class="card-body">
                <table>
                    <thead><tr><th>鐗堟湰</th><th>鐘舵€?/th><th>鎿嶄綔</th></tr></thead>
                    <tbody>
                        {volist name="versions" id="v"}
                        <tr>
                            <td><strong>v{$v.version}</strong><br><small class="text-muted">{$v.content|msubstr=0,30}</small></td>
                            <td>{if $v.is_active}<span class="badge badge-success">鍚敤</span>{else}<span class="badge badge-secondary">绂佺敤</span>{/if}</td>
                            <td>
                                <button class="btn btn-sm btn-outline-primary" onclick="editVersion({$v.id}, '{$v.version}', '{$v.content|htmlentities}')">缂栬緫</button>
                                <button class="btn btn-sm btn-outline-warning" onclick="toggleVersion({$v.id})">{if $v.is_active}绂佺敤{else}鍚敤{/if}</button>
                                <button class="btn btn-sm btn-outline-danger" onclick="deleteVersion({$v.id})">鍒犻櫎</button>
                            </td>
                        </tr>
                        {/volist}
                        {empty name="versions"}
                        <tr><td colspan="3" class="text-center text-muted" style="padding:20px">鏆傛棤鐗堟湰</td></tr>
                        {/empty}
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- 鍙充晶锛氬畨瑁呰褰?-->
    <div class="sv-col-7">
        <div class="card">
            <div class="card-header">
                <h6 class="mb-0">瀹夎璁板綍</h6>
                <form class="d-flex gap-2" method="get">
                    <input type="text" class="form-control" name="keyword" value="{$keyword}" placeholder="鎼滅储鍩熷悕/IP/绠＄悊鍛? style="width:200px;padding:4px 10px;font-size:13px">
                    <button type="submit" class="btn btn-sm btn-primary">鎼滅储</button>
                </form>
            </div>
            <div class="card-body">
                <div style="overflow-x:auto">
                <table>
                    <thead><tr><th>鍩熷悕</th><th>IP</th><th>鐗堟湰</th><th>PHP</th><th>绠＄悊鍛?/th><th>瀹夎鏃堕棿</th></tr></thead>
                    <tbody>
                        {volist name="installations" id="inst"}
                        <tr>
                            <td style="white-space:nowrap">{$inst.domain}</td>
                            <td><small>{$inst.ip}</small></td>
                            <td><span class="badge badge-info">v{$inst.app_version}</span></td>
                            <td><small>{$inst.php_version}</small></td>
                            <td>{$inst.admin_user}</td>
                            <td><small>{$inst.installed_at}</small></td>
                        </tr>
                        {/volist}
                        {empty name="installations"}
                        <tr><td colspan="6" class="text-center text-muted" style="padding:20px">鏆傛棤瀹夎璁板綍</td></tr>
                        {/empty}
                    </tbody>
                </table>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
var form = document.getElementById('versionForm');
form.onsubmit = function(e) {
    e.preventDefault();
    var adminPassword = requireAdminPassword();
    if (!adminPassword) return;
    var data = {id: document.getElementById('versionId').value, version: document.getElementById('versionInput').value, content: document.getElementById('contentInput').value, admin_password: adminPassword, allkey: myallkeyVar || ''};
    ajaxRequest('/server/admin/version/save', data, function(res) {
        var el = document.getElementById('versionAlert');
        el.className = 'alert alert-' + (res.code == 200 ? 'success' : 'danger');
        el.textContent = res.msg;
        el.classList.remove('d-none');
        if (res.code == 200) setTimeout(function(){ location.reload(); }, 500);
    });
};

function editVersion(id, version, content) {
    document.getElementById('versionId').value = id;
    document.getElementById('versionInput').value = version;
    document.getElementById('contentInput').value = content;
    window.scrollTo({top: 0, behavior: 'smooth'});
}

function resetForm() {
    document.getElementById('versionId').value = '0';
    document.getElementById('versionInput').value = '';
    document.getElementById('contentInput').value = '';
}

function requireAdminPassword() {
    var password = prompt('请输入当前管理员密码确认操作');
    if (password === null) return '';
    password = password.trim();
    if (!password) alert('管理员密码不能为空');
    return password;
}

function toggleVersion(id) {
    if (!confirm('纭畾鍒囨崲鐘舵€侊紵')) return;
    var adminPassword = requireAdminPassword();
    if (!adminPassword) return;
    ajaxRequest('/server/admin/version/toggle', {id: id, admin_password: adminPassword, allkey: myallkeyVar || ''}, function(res) {
        if (res.code == 200) location.reload(); else alert(res.msg);
    });
}

function deleteVersion(id) {
    if (!confirm('纭畾鍒犻櫎姝ょ増鏈紵')) return;
    var adminPassword = requireAdminPassword();
    if (!adminPassword) return;
    ajaxRequest('/server/admin/version/delete', {id: id, admin_password: adminPassword, allkey: myallkeyVar || ''}, function(res) {
        if (res.code == 200) location.reload(); else alert(res.msg);
    });
}
</script>
{/block}