{{template "layout.html" .}}

{{define "content"}}
<link rel="stylesheet" href="{{asset "/template/default/assets/css/admin-site-config.css"}}">
<link rel="stylesheet" href="{{asset "/template/default/assets/css/admin-software-upgrade.css"}}">

<div class="sitecfg-page ota-page">
    <div class="sitecfg-grid">
        {{/* 1. Upgrade steps — collapsed by default; click head to expand */}}
        <div class="sitecfg-section ota-guide-section is-collapsed" id="otaGuideSection">
            <button type="button" class="section-head ota-guide-toggle" id="otaGuideToggle" aria-expanded="false" aria-controls="otaGuideBody">
                <span class="icon-chip"><i class="bx bx-list-ol"></i></span>
                <div>
                    <h2 class="section-title">{{T "admin_ota_guide_title"}}</h2>
                    <p class="section-desc">{{T "admin_ota_guide_flow"}}</p>
                </div>
                <span class="ota-guide-caret" aria-hidden="true"><i class="bx bx-chevron-down"></i></span>
            </button>
            <div class="section-body ota-guide-body" id="otaGuideBody" hidden>
                <p class="ota-guide-intro">{{T "admin_ota_guide_intro"}}</p>
                <ol class="ota-steps">
                    <li class="ota-step"><span class="ota-step-num">1</span><div class="ota-step-body">{{T "admin_ota_guide_step1"}}</div></li>
                    <li class="ota-step"><span class="ota-step-num">2</span><div class="ota-step-body">{{T "admin_ota_guide_step2"}}</div></li>
                    <li class="ota-step"><span class="ota-step-num">3</span><div class="ota-step-body">{{T "admin_ota_guide_step3"}}</div></li>
                    <li class="ota-step"><span class="ota-step-num">4</span><div class="ota-step-body">{{T "admin_ota_guide_step4"}}</div></li>
                    <li class="ota-step"><span class="ota-step-num">5</span><div class="ota-step-body">{{index .Data "GuideStep5"}}</div></li>
                    <li class="ota-step"><span class="ota-step-num">6</span><div class="ota-step-body">{{T "admin_ota_guide_step6"}}</div></li>
                    <li class="ota-step"><span class="ota-step-num">7</span><div class="ota-step-body">{{T "admin_ota_guide_step7"}}</div></li>
                </ol>
                <div class="ota-guide-warn"><i class="bx bx-error-circle"></i><span>{{T "admin_ota_guide_warn"}}</span></div>
            </div>
        </div>

        {{/* 2. Schema migrate */}}
        <div class="sitecfg-section" id="schemaMigrateCard">
            <div class="section-head">
                <span class="icon-chip"><i class="bx bx-data"></i></span>
                <div>
                    <h2 class="section-title">{{T "admin_schema_title"}}</h2>
                    <p class="section-desc">{{T "admin_schema_intro"}}</p>
                </div>
                <div class="section-head-actions">
                    <button type="button" class="btn btn-primary btn-sm" id="otaBtnSchemaMigrate"><i class="bx bx-rocket"></i> {{T "admin_schema_btn_migrate"}}</button>
                </div>
            </div>
            <div class="section-body">
                <div class="ota-schema-meta">
                    <div><strong>{{T "admin_schema_current"}}</strong><span id="schemaCurrent">—</span></div>
                    <div><strong>{{T "admin_schema_target"}}</strong><span id="schemaTarget">—</span></div>
                </div>
                <p class="mb-2 small" id="schemaPendingHint"></p>
                <p class="mb-0 small text-danger">{{T "admin_schema_backup_warn"}}</p>
            </div>
        </div>

        {{/* 3. Download & packages */}}
        <div class="sitecfg-section">
            <div class="section-head">
                <span class="icon-chip"><i class="bx bx-package"></i></span>
                <div>
                    <h2 class="section-title">{{T "admin_ota_list_title"}}</h2>
                    <p class="section-desc">{{T "admin_ota_list_desc"}}</p>
                </div>
                <div class="section-head-actions">
                    <button type="button" class="btn btn-primary btn-sm" id="otaBtnCheckDownload"><i class="bx bx-cloud-download"></i> {{T "admin_ota_btn_check_download"}}</button>
                    <button type="button" class="btn btn-outline-danger btn-sm d-none" id="otaBtnCancel"><i class="bx bx-stop-circle"></i> {{T "admin_ota_btn_cancel"}}</button>
                </div>
            </div>
            <div class="section-body">
                <div class="ota-hub-banner is-checking" id="otaHubBanner" role="status">
                    <i class="bx bx-loader-alt bx-spin ota-hub-banner-icon" id="otaHubBannerIcon"></i>
                    <div class="ota-hub-banner-text">
                        <strong id="otaHubBannerTitle">{{T "admin_ota_hub_checking"}}</strong>
                        <p class="mb-0" id="otaHubBannerDesc"></p>
                    </div>
                    <div class="ota-hub-banner-actions">
                        <button type="button" class="btn btn-outline-primary btn-sm d-none" id="otaHubTipsBtn"><i class="bx bx-detail"></i> {{T "admin_ota_hub_tips_link"}}</button>
                        <button type="button" class="btn btn-primary btn-sm d-none" id="otaHubBannerBtn"><i class="bx bx-cloud-download"></i> {{T "admin_ota_hub_btn_download"}}</button>
                    </div>
                </div>

                <div class="ota-dl-panel d-none" id="otaDownloadPanel" hidden>
                    <div class="ota-dl-progress-row">
                        <span class="ota-file-name" id="otaDlFilenameWrap">
                            <i class="bx bx-package ota-file-icon is-zip" aria-hidden="true"></i>
                            <strong id="otaDlFilename">—</strong>
                        </span>
                        <span class="small text-muted" id="otaDlMeta"></span>
                    </div>
                    <div class="progress mb-2">
                        <div class="progress-bar" id="otaDlBar" role="progressbar" style="width:0%" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                    <div class="small" id="otaDlNotice"></div>
                    <div class="ota-dl-done-banner d-none" id="otaDlDoneBanner" hidden>
                        <i class="bx bx-check-circle"></i>
                        <span id="otaDlDoneText"></span>
                        <button type="button" class="btn btn-sm btn-outline-success ms-auto" id="otaDlDismissBtn">{{T "admin_ota_dl_dismiss"}}</button>
                    </div>
                </div>

                <div class="table-responsive" style="margin: 0 -1.25rem -1.25rem; border-top: 1px solid var(--sc-border, #e5e7eb);">
                    <table class="table table-hover mb-0 align-middle">
                        <thead>
                            <tr>
                                <th class="ps-3">{{T "admin_ota_col_filename"}}</th>
                                <th>{{T "admin_ota_col_version"}}</th>
                                <th>{{T "admin_ota_col_size"}}</th>
                                <th>{{T "admin_ota_col_modified"}}</th>
                                <th>{{T "admin_ota_col_status"}}</th>
                                <th class="text-end pe-3">{{T "admin_ota_col_actions"}}</th>
                            </tr>
                        </thead>
                        <tbody id="otaFileTableBody">
                            <tr><td colspan="6" class="text-center text-muted py-4">{{T "admin_ota_loading"}}</td></tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
{{end}}

{{define "scripts"}}
<script>
$(function() {
    $('#otaGuideToggle').on('click', function() {
        var $sec = $('#otaGuideSection');
        var open = $sec.hasClass('is-collapsed');
        $sec.toggleClass('is-collapsed', !open);
        $('#otaGuideBody').prop('hidden', !open);
        $(this).attr('aria-expanded', open ? 'true' : 'false');
    });

    var i18n = {
        empty: {{json (T "admin_ota_empty")}},
        partial: {{json (T "admin_ota_status_partial")}},
        verify: {{json (T "admin_ota_btn_verify")}},
        delete: {{json (T "admin_ota_btn_delete")}},
        deleteConfirm: {{json (T "admin_ota_delete_confirm")}},
        verifyOk: {{json (T "admin_ota_verify_ok")}},
        verifyFail: {{json (T "admin_ota_verify_fail")}},
        schemaPending: {{json (T "admin_schema_pending")}},
        schemaOk: {{json (T "admin_schema_ok")}},
        schemaAlready: {{json (T "admin_schema_already")}},
        schemaConfirm: {{json (T "admin_schema_confirm")}},
        schemaMigrating: {{json (T "admin_schema_migrating")}},
        schemaBtn: {{json (T "admin_schema_btn_migrate")}},
        schemaTitle: {{json (T "admin_schema_title")}},
        schemaRequestFail: {{json (T "admin_schema_request_fail")}},
        dlDone: {{json (T "admin_ota_dl_done")}},
        dlDoneToast: {{json (T "admin_ota_dl_done_toast")}},
        overwriteConfirm: {{json (T "admin_ota_overwrite_confirm")}},
        overwriteTitle: {{json (T "admin_ota_overwrite_title")}},
        hubChecking: {{json (T "admin_ota_hub_checking")}},
        hubLatest: {{json (T "admin_ota_hub_latest")}},
        hubUpdateTitle: {{json (T "admin_ota_hub_update_title")}},
        hubUpdateTitleFull: {{json (T "admin_ota_hub_update_title_full")}},
        hubUpdateDesc: {{json (T "admin_ota_hub_update_desc")}},
        hubUpdateConfirm: {{json (T "admin_ota_hub_update_confirm")}},
        hubUpdateConfirmTitle: {{json (T "admin_ota_hub_update_confirm_title")}},
        hubTipsLink: {{json (T "admin_ota_hub_tips_link")}},
        hubTipsTitle: {{json (T "admin_ota_hub_tips_title")}},
        hubTipsEmpty: {{json (T "admin_ota_hub_tips_empty")}},
        hubTipsClose: {{json (T "admin_ota_hub_tips_close")}},
        hubCheckFail: {{json (T "admin_ota_hub_check_fail")}},
        hubNoEditionPkg: {{json (T "admin_ota_hub_no_edition_pkg")}}
    };
    var lastDlState = '';
    var dlStatusPrimed = false;
    var pollTimer = null;
    var schemaPendingCount = 0;
    var schemaMigrating = false;
    var currentVersion = {{json .Version}};
    var currentEdition = {{json (index .Data "Edition")}};
    var lastHubUpdateTips = '';
    var lastHubTipsModalTitle = '';

    // SemVer：主.次.修订；与 Hub include.SemVerLess 口径一致（防字符串比较误判）
    function semverParts(s) {
        s = String(s || '').replace(/^[vV]/, '').split(/[-+]/)[0];
        var out = [];
        String(s).split('.').forEach(function(c) {
            var m = String(c).match(/^\d+/);
            out.push(m ? parseInt(m[0], 10) : 0);
        });
        return out.length ? out : [0];
    }
    function semverLess(a, b) {
        var pa = semverParts(a), pb = semverParts(b), n = Math.max(pa.length, pb.length);
        for (var i = 0; i < n; i++) {
            var va = pa[i] || 0, vb = pb[i] || 0;
            if (va < vb) return true;
            if (va > vb) return false;
        }
        return false;
    }

    function formatBytes(n) {
        n = Number(n) || 0;
        if (n < 1024) return n + ' B';
        if (n < 1048576) return (n / 1024).toFixed(1) + ' KB';
        if (n < 1073741824) return (n / 1048576).toFixed(1) + ' MB';
        return (n / 1073741824).toFixed(2) + ' GB';
    }

    function formatSpeed(bps) {
        bps = Number(bps) || 0;
        if (bps <= 0) return '';
        return formatBytes(bps) + '/s';
    }

    function tsDisplay(ts) {
        if (!ts) return '—';
        var d = new Date(ts * 1000);
        return d.getFullYear() + '-' + String(d.getMonth()+1).padStart(2,'0') + '-' + String(d.getDate()).padStart(2,'0') + ' ' +
            String(d.getHours()).padStart(2,'0') + ':' + String(d.getMinutes()).padStart(2,'0');
    }

    function escapeHtml(s) {
        return $('<div/>').text(s == null ? '' : String(s)).html();
    }
    function setHubBanner(mode, title, desc, showBtn, opts) {
        opts = opts || {};
        var $b = $('#otaHubBanner');
        $b.removeClass('is-checking is-latest is-update is-fail').addClass('is-' + mode);
        var icon = 'bx-info-circle';
        if (mode === 'checking') icon = 'bx-loader-alt bx-spin';
        else if (mode === 'latest') icon = 'bx-check-circle';
        else if (mode === 'update') icon = 'bx-up-arrow-circle';
        else if (mode === 'fail') icon = 'bx-error-circle';
        $('#otaHubBannerIcon').attr('class', 'bx ' + icon + ' ota-hub-banner-icon');
        $('#otaHubBannerTitle').text(title || '');
        if (opts.descHtml) {
            $('#otaHubBannerDesc').html(opts.descHtml).show();
        } else {
            $('#otaHubBannerDesc').text(desc || '').toggle(!!desc);
        }
        $('#otaHubBannerBtn').toggleClass('d-none', !showBtn);
        $('#otaHubTipsBtn').toggleClass('d-none', !opts.showTips);
    }
    function showHubTipsModal() {
        var tips = String(lastHubUpdateTips || '').trim();
        var title = String(lastHubTipsModalTitle || i18n.hubTipsTitle || '').trim() || (i18n.hubTipsTitle || '');
        var body = tips
            ? '<div class="ota-hub-tips-body">' + escapeHtml(tips).replace(/\n/g, '<br>') + '</div>'
            : '<p class="text-muted mb-0">' + escapeHtml(i18n.hubTipsEmpty || '') + '</p>';
        if (window.BootstrapModal && BootstrapModal.open) {
            BootstrapModal.open({
                title: escapeHtml(title),
                content: body,
                btn: [i18n.hubTipsClose || 'OK'],
                area: ['520px', 'auto']
            });
            return;
        }
        BootstrapModal.msg(tips || i18n.hubTipsEmpty || '', {icon: 0, title: title});
    }

    function startPolling() {
        if (pollTimer) return;
        pollTimer = setInterval(pollStatus, 800);
    }
    function stopPolling() {
        if (!pollTimer) return;
        clearInterval(pollTimer);
        pollTimer = null;
    }

    function hideDownloadPanel() {
        var $panel = $('#otaDownloadPanel');
        $panel.addClass('d-none').removeClass('is-done is-error').prop('hidden', true);
        $('#otaDlDoneBanner').addClass('d-none').prop('hidden', true);
        $('#otaDlBar').css('width', '0%').attr('aria-valuenow', 0);
        $('#otaDlMeta').text('');
        $('#otaDlFilename').text('—');
        $('#otaDlNotice').text('');
        $('#otaBtnCancel').addClass('d-none');
    }
    function applyStatus(st) {
        if (!st) return;
        var state = st.state || 'idle';
        var running = state === 'running';
        var done = state === 'done';
        var err = state === 'error';
        var show = running || done || err || state === 'paused';
        var $panel = $('#otaDownloadPanel');
        if (!show) {
            hideDownloadPanel();
            lastDlState = state;
            dlStatusPrimed = true;
            stopPolling();
            return;
        }
        $panel.removeClass('d-none').prop('hidden', false);
        $panel.toggleClass('is-done', done);
        $panel.toggleClass('is-error', err);
        $('#otaBtnCancel').toggleClass('d-none', !running);
        $('#otaDlFilename').text(st.filename || '—');
        var pct = st.percent || 0;
        if (done) pct = 100;
        $('#otaDlBar').css('width', pct + '%').attr('aria-valuenow', pct);
        var meta = pct + '%';
        if (st.total > 0) {
            meta += ' · ' + formatBytes(st.received || st.total) + ' / ' + formatBytes(st.total);
        } else if (done && st.received > 0) {
            meta += ' · ' + formatBytes(st.received);
        }
        var spd = formatSpeed(st.speed_bps);
        if (spd && running) meta += ' · ' + spd;
        $('#otaDlMeta').text(meta);
        var notice = st.error || st.no_range_notice || '';
        if (err && notice) {
            notice = notice + '（可再次点击「检查更新并下载」重试；若仍失败请先删除列表中的 .part 再试）';
        }
        $('#otaDlNotice').text(notice).toggleClass('text-danger', err).toggleClass('text-muted', !err);
        if (done) {
            var doneMsg = String(i18n.dlDone || '').replace('{name}', st.filename || '');
            $('#otaDlDoneText').text(doneMsg);
            $('#otaDlDoneBanner').removeClass('d-none').prop('hidden', false);
        } else {
            $('#otaDlDoneBanner').addClass('d-none').prop('hidden', true);
        }
        if (done && lastDlState !== 'done') {
            loadList();
            if (dlStatusPrimed) {
                var Modal = window.BootstrapModal || window.POModal || window.layer;
                if (Modal && Modal.msg) {
                    Modal.msg(String(i18n.dlDoneToast || '').replace('{name}', st.filename || ''), {icon: 1});
                }
            }
        }
        lastDlState = state;
        dlStatusPrimed = true;
        if (running) startPolling();
        else stopPolling();
    }

    function pollStatus() {
        $.getJSON('/admin/ota-download-status', function(res) {
            if (res && res.success && res.data && res.data.status) {
                applyStatus(res.data.status);
            }
        });
    }

    function dismissDownloadPanel() {
        $.post('/admin/ota-download-dismiss', function(res) {
            if (res && res.success && res.data && res.data.status) {
                applyStatus(res.data.status);
            } else {
                hideDownloadPanel();
                lastDlState = 'idle';
            }
        });
    }

    function loadList() {
        $.getJSON('/admin/ota-list', function(res) {
            var $tb = $('#otaFileTableBody').empty();
            if (!res || !res.success) {
                $tb.append('<tr><td colspan="6" class="text-center text-danger py-3">' + (res && res.message ? res.message : '—') + '</td></tr>');
                return;
            }
            var files = (res.data && res.data.files) || [];
            if (!files.length) {
                $tb.append('<tr><td colspan="6" class="text-center text-muted py-4">' + i18n.empty + '</td></tr>');
                return;
            }
            files.forEach(function(f) {
                var status = f.is_partial ? i18n.partial : (f.verify_state === 'ok' ? '<span class="verify-ok">' + i18n.verifyOk + '</span>' : '—');
                var tr = $('<tr></tr>');
                tr.append('<td class="ps-3"><span class="ota-file-name"><i class="bx bx-package ota-file-icon is-zip" aria-hidden="true"></i><code>' + $('<div>').text(f.filename).html() + '</code></span></td>');
                tr.append('<td>' + (f.version || '—') + '</td>');
                tr.append('<td>' + formatBytes(f.size_bytes) + '</td>');
                tr.append('<td>' + tsDisplay(f.modified_at) + '</td>');
                tr.append('<td>' + status + '</td>');
                var $actions = $('<td class="text-end pe-3"></td>');
                if (!f.is_partial) {
                    $actions.append('<button type="button" class="btn btn-sm btn-outline-secondary me-1 ota-verify" data-name="' + f.filename + '">' + i18n.verify + '</button>');
                }
                $actions.append('<button type="button" class="btn btn-sm btn-outline-danger ota-delete" data-name="' + f.filename + '">' + i18n.delete + '</button>');
                tr.append($actions);
                $tb.append(tr);
            });
        });
    }

    function setSchemaBtnIdle() {
        var $btn = $('#otaBtnSchemaMigrate');
        $btn.prop('disabled', false).removeClass('btn-warning btn-outline-secondary').addClass('btn-primary');
        if (schemaPendingCount > 0) {
            $btn.html('<i class="bx bx-rocket"></i> ' + i18n.schemaBtn).attr('title', '');
        } else {
            $btn.html('<i class="bx bx-rocket"></i> ' + i18n.schemaBtn).attr('title', i18n.schemaAlready || '');
        }
    }
    function loadSchemaStatus() {
        $.getJSON('/admin/schema-status', function(res) {
            if (!res || !res.success || !res.data || !res.data.schema) return;
            var s = res.data.schema;
            $('#schemaCurrent').text(s.schema_current != null ? s.schema_current : '—');
            $('#schemaTarget').text(s.schema_target != null ? s.schema_target : '—');
            var pending = s.pending || [];
            schemaPendingCount = pending.length;
            if (pending.length) {
                var names = pending.map(function(p) { return String(p.version).padStart(4, '0') + '_' + p.name; }).join(', ');
                $('#schemaPendingHint').text(String(i18n.schemaPending || '').replace('{n}', pending.length) + ' ' + names).addClass('text-warning');
            } else {
                $('#schemaPendingHint').text(i18n.schemaOk || '').removeClass('text-warning');
            }
            if (!schemaMigrating) setSchemaBtnIdle();
        });
    }

    function startOtaDownload(overwrite) {
        return $.post('/admin/ota-download', { overwrite: overwrite ? '1' : '0' });
    }
    function handleOtaDownloadResult(res) {
        if (res && res.success) {
            lastDlState = '';
            dlStatusPrimed = true;
            applyStatus(res.data && res.data.status);
            startPolling();
            pollStatus();
            return;
        }
        var data = (res && res.data) || {};
        if (data.need_overwrite) {
            var ver = data.version || '?';
            var name = data.filename || '';
            var conf = String(i18n.overwriteConfirm || '')
                .replace('{version}', ver)
                .replace('{name}', name);
            BootstrapModal.confirm(conf, {title: i18n.overwriteTitle || ''}).then(function(ok) {
                if (!ok) return;
                startOtaDownload(true).done(handleOtaDownloadResult)
                    .fail(function() { BootstrapModal.msg('请求失败', {icon: 2}); });
            });
            return;
        }
        BootstrapModal.msg((res && res.message) || '—', {icon: 2});
    }

    function checkHubUpdate(opts) {
        opts = opts || {};
        // 仅用户点击「检查更新」才弹确认框；打开页面只刷新横幅
        var manual = !!opts.manual;
        var $btn = $('#otaBtnCheckDownload');
        if (manual) {
            $btn.prop('disabled', true);
        }
        setHubBanner('checking', i18n.hubChecking, '', false);
        $.getJSON('/admin/version-check?fresh=1').done(function(ret) {
            if (!ret || !ret.success || !ret.data) {
                setHubBanner('fail', i18n.hubCheckFail, '', false);
                if (manual) BootstrapModal.msg(i18n.hubCheckFail || '—', {icon: 2});
                return;
            }
            var d = ret.data;
            var latest = d.latest || '';
            var canDownload = !!(d.package_url && d.package_sha256);
            // 客户端兜底：Hub 旧逻辑在 product.latest==ota.version 时可能漏标 has_update
            var hubSaysUpdate = !!d.has_update;
            if (!hubSaysUpdate && canDownload && latest && semverLess(currentVersion, latest)) {
                hubSaysUpdate = true;
            }
            if (hubSaysUpdate && latest && canDownload) {
                lastHubUpdateTips = (d.update_tips && String(d.update_tips).trim()) || '';
                lastHubTipsModalTitle = (d.title && String(d.title).trim()) || (i18n.hubTipsTitle || '');
                var titleFull = String(i18n.hubUpdateTitleFull || '')
                    .replace('{current}', currentVersion || '—')
                    .replace('{latest}', latest);
                if (!String(i18n.hubUpdateTitleFull || '').trim()) {
                    titleFull = String(i18n.hubUpdateTitle || '').replace('{v}', latest);
                }
                var descHtml = '<a href="javascript:;" class="ota-hub-tips-link" id="otaHubTipsLink">' +
                    escapeHtml(i18n.hubTipsLink || '') + '</a>' +
                    '<span class="ota-hub-tips-sep"> · </span>' +
                    '<span>' + escapeHtml(i18n.hubUpdateDesc || '') + '</span>';
                setHubBanner('update', titleFull, '', true, { descHtml: descHtml, showTips: true });
                if (manual) {
                    BootstrapModal.confirm(
                        String(i18n.hubUpdateConfirm || '').replace('{v}', latest),
                        {title: i18n.hubUpdateConfirmTitle || ''}
                    ).then(function(ok) {
                        if (!ok) return;
                        startOtaDownload(false).done(handleOtaDownloadResult)
                            .fail(function() { BootstrapModal.msg('请求失败', {icon: 2}); });
                    });
                }
                return;
            }
            lastHubUpdateTips = '';
            lastHubTipsModalTitle = '';
            // 本档位无包，但 Hub 产品表有更高版本（常见：只发了 Pro 包）
            if (d.package_missing_for_edition && d.hub_has_newer_product_version && d.product_latest) {
                var missMsg = String(i18n.hubNoEditionPkg || '')
                    .replace('{edition}', d.edition || currentEdition || 'free')
                    .replace('{hub}', d.product_latest);
                setHubBanner('fail', missMsg, '', false);
                if (manual) BootstrapModal.msg(missMsg, {icon: 0});
                return;
            }
            // 无更新：展示本机当前版本
            var ver = currentVersion || latest || '';
            var latestMsg = String(i18n.hubLatest || '').replace('{v}', ver);
            setHubBanner('latest', latestMsg, '', false);
            if (manual) {
                BootstrapModal.msg(latestMsg, {icon: 1});
            }
        }).fail(function() {
            setHubBanner('fail', i18n.hubCheckFail, '', false);
            if (manual) BootstrapModal.msg(i18n.hubCheckFail || '—', {icon: 2});
        }).always(function() {
            if (manual) $btn.prop('disabled', false);
        });
    }

    $('#otaBtnSchemaMigrate').on('click', function() {
        if (schemaMigrating) return;
        if (schemaPendingCount <= 0) {
            BootstrapModal.msg(i18n.schemaAlready || i18n.schemaOk, {icon: 1});
            return;
        }
        BootstrapModal.confirm(i18n.schemaConfirm, {title: i18n.schemaTitle || ''}).then(function(ok) {
            if (!ok) return;
            schemaMigrating = true;
            var $btn = $('#otaBtnSchemaMigrate');
            $btn.prop('disabled', true)
                .html('<i class="bx bx-loader-alt bx-spin"></i> ' + i18n.schemaMigrating);
            $.post('/admin/schema-migrate', function(res) {
                if (res && res.success) {
                    BootstrapModal.msg(res.message || i18n.schemaOk, {icon: 1});
                } else {
                    BootstrapModal.msg((res && res.message) || '—', {icon: 2});
                }
                loadSchemaStatus();
            }).fail(function() {
                BootstrapModal.msg(i18n.schemaRequestFail || '—', {icon: 2});
            }).always(function() {
                schemaMigrating = false;
                setSchemaBtnIdle();
            });
        });
    });

    $('#otaHubBannerBtn').on('click', function() {
        startOtaDownload(false).done(handleOtaDownloadResult)
            .fail(function() { BootstrapModal.msg('请求失败', {icon: 2}); });
    });
    $('#otaHubTipsBtn').on('click', function() { showHubTipsModal(); });
    $(document).on('click', '#otaHubTipsLink', function(e) {
        e.preventDefault();
        showHubTipsModal();
    });
    $('#otaBtnCheckDownload').on('click', function() {
        // 先检测 Hub：有新版才确认下载；已是最新仅提示，不弹覆盖确认
        checkHubUpdate({ manual: true });
    });
    $('#otaBtnCancel').on('click', function() {
        $.post('/admin/ota-download-cancel', function(res) {
            if (res && res.success && res.data) applyStatus(res.data.status);
        });
    });
    $('#otaDlDismissBtn').on('click', function() { dismissDownloadPanel(); });

    $(document).on('click', '.ota-verify', function() {
        var name = $(this).data('name');
        $.post('/admin/ota-verify', { filename: name }, function(res) {
            var ok = res && res.success && res.data && res.data.ok;
            BootstrapModal.msg(ok ? i18n.verifyOk : (res.message || i18n.verifyFail), {icon: ok ? 1 : 2});
            loadList();
        });
    });
    $(document).on('click', '.ota-delete', function() {
        var name = $(this).data('name');
        BootstrapModal.confirm(i18n.deleteConfirm.replace('{name}', name), {title: i18n.delete}).then(function(ok) {
            if (!ok) return;
            $.post('/admin/ota-delete', { filename: name }, function(res) {
                if (res && res.success) loadList();
                else BootstrapModal.msg((res && res.message) || '—', {icon: 2});
            });
        });
    });

    loadList();
    loadSchemaStatus();
    // 打开页：清掉上次遗留的「已下载完成」面板，再拉状态；有进行中任务则继续轮询
    hideDownloadPanel();
    $.post('/admin/ota-download-dismiss').always(function() {
        $.getJSON('/admin/ota-download-status', function(res) {
            if (res && res.success && res.data && res.data.status) {
                var st = res.data.status;
                if (st.state === 'running') {
                    dlStatusPrimed = true;
                    applyStatus(st);
                } else {
                    hideDownloadPanel();
                    dlStatusPrimed = true;
                    lastDlState = 'idle';
                }
            } else {
                hideDownloadPanel();
                dlStatusPrimed = true;
            }
            checkHubUpdate({});
        }).fail(function() {
            hideDownloadPanel();
            dlStatusPrimed = true;
            checkHubUpdate({});
        });
    });
});
</script>
{{end}}