{extend name="admin/layout/default" /}

{block name="title"}共创插件安装器{/block}
{block name="desc"}从已配置的远程源一键安装/更新插件（无需 FastAdmin 官方账号）{/block}

{block name="content"}
<div class="pubinstall-toolbar" id="pi-toolbar">
    <select id="pi-filter-source" class="form-control input-sm" style="width:180px;display:inline-block;">
        <option value="">全部源</option>
    </select>
    <select id="pi-filter-only" class="form-control input-sm" style="width:130px;display:inline-block;">
        <option value="">全部状态</option>
        <option value="new">仅未安装</option>
        <option value="update">仅可更新</option>
        <option value="installed">仅已安装</option>
    </select>
    <input type="text" id="pi-filter-keyword" class="form-control input-sm" placeholder="名称 / 标识 / 标签"
           style="width:180px;display:inline-block;">
    <button type="button" class="btn btn-default btn-sm btn-pi-search"><i class="fa fa-search"></i> 搜索</button>
    <button type="button" class="btn btn-info btn-sm btn-pi-syncall"><i class="fa fa-refresh"></i> 全部同步</button>
    <button type="button" class="btn btn-warning btn-sm btn-pi-envcheck"><i class="fa fa-stethoscope"></i> 环境自检</button>
</div>

<table id="pi-table" class="pubinstall-table"></table>

{/block}

{block name="script"}
<script>
    // 表单令牌（CSRF）：由 Admin::fetchAdmin 注入，本页所有写操作请求自动携带
    window.PI_TOKEN = '{$token}';
</script>
<script>
    $(function () {
        var $table = Pubinstall.table('#pi-table', {
            url: Pubinstall.url('admininstall/lists'),
            toolbar: '#pi-toolbar',
            pageSize: 20,
            params: function () {
                return {
                    source_id: $('#pi-filter-source').val(),
                    only: $('#pi-filter-only').val(),
                    keyword: $('#pi-filter-keyword').val()
                };
            },
            columns: [
                {
                    field: 'title', title: '插件', width: 260,
                    formatter: function (value, row) {
                        var tag = row.has_update ? '<span class="label label-warning">可更新</span> '
                            : (row.installed ? (row.state ? '<span class="label label-success">已安装</span> ' : '<span class="label label-default">已停用</span> ')
                            : '<span class="label label-info">未安装</span> ');
                        var pay = row.license_required ? '<span class="label label-danger" title="付费应用：需在「授权管理」配置该插件的授权码后才能从源站取包">需授权</span> ' : '';
                        // 点插件名进入「插件介绍和帮助」页（同一 iframe 内替换当前页，页面自带返回）
                        var detailUrl = Pubinstall.url('adminhelp/detail') + '?name=' + encodeURIComponent(row.ident) + '&source_id=' + (row.source_id || 0);
                        return '<div><a href="' + detailUrl + '" class="pubinstall-plugintitle" title="查看插件介绍和帮助">' + $.escapeHtml(value) + '</a> ' + tag + pay + '</div>' +
                            '<div class="pubinstall-sub">' + $.escapeHtml(row.ident) + ' · ' + $.escapeHtml(row.author || '未知作者') + '</div>';
                    }
                },
                {field: 'source_title', title: '来源', width: 130, align: 'center'},
                {
                    field: 'state', title: '状态', width: 150, align: 'center',
                    formatter: function (value, row) {
                        if (!row.installed) {
                            return '<span class="label label-info">未安装</span>';
                        }
                        // 单开关形态：开=已启用，关=已禁用。
                        // 未安装的行不渲染开关（无本地插件目录，启停无意义）。
                        var on = parseInt(row.state, 10) === 1;
                        var tip = on
                            ? '当前已启用，点击后禁用（会移除其全局文件，插件功能停止生效）'
                            : '当前已禁用，点击后启用（会将其资源文件复制到站点全局目录）';
                        return '<span class="pi-state-cell" title="' + tip + '">' +
                            '<label class="pi-switch">' +
                            '<input type="checkbox" class="pi-switch-input" data-name="' + $.escapeHtml(row.ident) + '"' + (on ? ' checked' : '') + '>' +
                            '<span class="pi-switch-slider"></span>' +
                            '</label>' +
                            '<span class="pi-state-text' + (on ? ' pi-state-on' : '') + '">' + (on ? '已启用' : '已禁用') + '</span>' +
                            '</span>';
                    }
                },
                {
                    field: 'version', title: '版本', width: 150, align: 'center',
                    formatter: function (value, row) {
                        if (!row.installed) {
                            return '<span class="pubinstall-ver">' + $.escapeHtml(value || '-') + '</span>';
                        }
                        return '<span class="pubinstall-ver-old">' + $.escapeHtml(row.local_version || '-') + '</span>' +
                            ' <i class="fa fa-arrow-right"></i> <span class="pubinstall-ver">' + $.escapeHtml(value || '-') + '</span>';
                    }
                },
                {field: 'intro', title: '简介', align: 'left', formatter: Pubinstall.fmt.intro},
                {field: 'size_text', title: '大小', width: 90, align: 'center'                },
                {
                    field: 'operate', title: '操作', width: 190, align: 'center',
                    formatter: function (value, row) {
                        // 主动预判标注：付费应用且所属源未绑定源站账号时，
                        // 按钮文案直接带「登录」二字，点击前就知道会先弹源站登录窗；
                        // source_bound 字段缺失（后端旧版）时不标注，交响应式兜底
                        var needLogin = parseInt(row.license_required, 10) === 1
                            && parseInt(row.source_bound, 10) === 0;
                        var act = row.installed
                            ? (row.has_update ? '<i class="fa fa-arrow-up"></i> 更新' : '<i class="fa fa-repeat"></i> 重装')
                            : '<i class="fa fa-download"></i> 安装';
                        if (needLogin) {
                            act += ' <i class="fa fa-sign-in"></i> 登录';
                        }
                        var html = '<button type="button" class="btn btn-primary btn-xs btn-pi-install" data-id="' + row.ident + '" data-source="' + row.source_id + '"'
                            + (needLogin ? ' title="付费应用且未绑定源站账号：点击将先打开源站登录窗口"' : '') + '>'
                            + act + '</button> ';
                        if (row.package && row.package.url) {
                            html += '<a class="btn btn-default btn-xs" href="' + $.escapeHtml(row.package.url) + '" target="_blank" title="浏览器直接下载原始包"><i class="fa fa-external-link"></i></a>';
                        }
                        return html;
                    }
                }
            ]
        });

        // 源下拉选项（单独拉取，bootstrap-table 的 responseHandler 不保留额外字段）
        Pubinstall.ajax(Pubinstall.url('adminsource/lists'), {page: 1, limit: 100}, function (res) {
            var sources = $.map((res.data.rows || []), function (r) {
                return {id: r.id, title: r.title};
            });
            Pubinstall.renderSourceOptions('#pi-filter-source', sources);
        }, null, null, true);

        $('.btn-pi-search').on('click', function () {
            $table.bootstrapTable('refresh', {pageNumber: 1});
        });
        $('#pi-filter-keyword').on('keyup', function (e) {
            if (e.keyCode === 13) {
                $table.bootstrapTable('refresh', {pageNumber: 1});
            }
        });
        $('#pi-filter-source, #pi-filter-only').on('change', function () {
            $table.bootstrapTable('refresh', {pageNumber: 1});
        });

        // 全部同步
        $('.btn-pi-syncall').on('click', function () {
            var $btn = $(this);
            // 统一收口按钮状态恢复：任何分支结束都必须调用，
            // 否则接口异常时 spinner 会一直转、按钮永久 disabled，页面看起来像「点了没反应」
            var finish = function () {
                $btn.prop('disabled', false).find('i').removeClass('fa-spin');
            };
            // 本地转义（toastr 默认 escapeHtml:false，源标题来自数据库/网络，
            // 拼进消息前先过一遍；jQuery 没有 $.escapeHtml，不能直接用）
            var esc = function (s) {
                return String(s).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
            };
            $btn.prop('disabled', true).find('i').addClass('fa-spin');
            Pubinstall.ajax(Pubinstall.url('adminsource/lists'), {page: 1, limit: 100}, function (res) {
                var done = 0, failed = 0, total = (res.data.rows || []).length;
                if (!total) {
                    toastr.warning('尚无可用源，请先到「源管理」添加');
                    finish();
                    return;
                }
                $.each(res.data.rows, function (i, row) {
                    var title = row.title || ('#' + row.id);
                    Pubinstall.ajax(Pubinstall.url('adminsource/sync'), {id: row.id}, function () {
                        done++;
                    }, function (res2) {
                        // silent=true 会连失败提示一起吞掉，这里必须显式弹：
                        // 否则某个源失败时用户只看到最后的「Y 失败」，
                        // 既不知道是哪个源，也看不到具体原因
                        failed++;
                        toastr.error(esc(title) + '：' + ((res2 && res2.msg) || '同步失败'));
                    }, function () {
                        if (done + failed >= total) {
                            finish();
                            toastr.success('同步完成：' + done + ' 成功' + (failed ? '，' + failed + ' 失败' : ''));
                            $table.bootstrapTable('refresh');
                        }
                    }, true);
                });
            }, function (res) {
                // 外层拉源列表失败：fail 不能留 null —— silent 又不弹错，
                // 无人兜底会让按钮永久停在 disabled + spinning
                toastr.error('获取源列表失败：' + ((res && res.msg) || '未知错误'));
                finish();
            }, null, true);
        });

        // 环境自检
        $('.btn-pi-envcheck').on('click', function () {
            Pubinstall.ajax(Pubinstall.url('admininstall/envcheck'), {}, function (res) {
                Pubinstall.dialogCheck(res.data.items || []);
            });
        });

        // 列表安装
        $(document).on('click', '.btn-pi-install', function () {
            var ident = $(this).data('id');
            var sourceId = $(this).data('source');
            Pubinstall.findRow($table, ident, function (row) {
                Pubinstall.prepareAndInstall(row.package.url, row.package.sha256, sourceId, row);
            }, 'ident');
        });

        // 本地插件启用/禁用（与后台「本地插件」一致，走 think\addons\Service）
        // silent=true 自管提示：code=-3（全局冲突）不能先弹一次英文错误再弹确认框
        function toggleAddon(name, action, force, onFail) {
            Pubinstall.ajax(Pubinstall.url('admininstall/state'),
                {name: name, action: action, force: force},
                function (res) {
                    Pubinstall.success(res.msg || '操作成功');
                    $table.bootstrapTable('refresh');
                },
                function (res) {
                    if (res && parseInt(res.code, 10) === -3) {
                        var files = (res.data && res.data.conflictlist) || [];
                        var html = files.length ? files.join('<br>') : (res.msg || '发现冲突文件');
                        layer.confirm('该插件与站点现有文件存在冲突（' + files.length + ' 个），继续操作将覆盖以下文件：<br>' +
                            '<div style="max-height:220px;overflow:auto;padding:8px;background:#f8f8f8;border-radius:4px;">' + html + '</div>',
                            {title: '发现冲突文件', btn: ['继续操作', '取消']},
                            function (index) {
                                layer.close(index);
                                toggleAddon(name, action, 1, onFail);
                            },
                            function () {
                                // 冲突确认框点取消：视为放弃本次操作，开关拨回原位
                                if (typeof onFail === 'function') { onFail(); }
                            });
                        return;
                    }
                    Pubinstall.error((res && res.msg) || '操作失败');
                    if (typeof onFail === 'function') { onFail(); }
                },
                null, true);
        }

        // 状态列开关：点击后先二次确认，确认才真正请求接口。
        // 开关是「立即视觉翻转」的控件，必须保证取消 / 请求失败 / 冲突放弃三种情况都拨回原位，
        // 否则界面显示已启用而服务端仍是禁用，比原来的两个按钮更容易骗人。
        $(document).on('change', '.pi-switch-input', function () {
            var $cb = $(this);
            var name = $cb.data('name');
            var want = $cb.prop('checked');
            var action = want ? 'enable' : 'disable';
            var $text = $cb.closest('.pi-state-cell').find('.pi-state-text');
            var rollback = function () {
                $cb.prop('checked', !want);
                $text.text(want ? '已禁用' : '已启用').toggleClass('pi-state-on', !want);
            };
            var tip = action === 'enable'
                ? '确定启用本地插件「' + name + '」？启用会将其资源文件复制到站点全局目录。'
                : '确定禁用本地插件「' + name + '」？禁用会移除其全局文件，插件功能将停止生效。';
            layer.confirm(tip, {title: '启停插件', icon: 3, btn: ['确定', '取消']}, function (index) {
                layer.close(index);
                toggleAddon(name, action, 0, rollback);
            }, rollback);
        });
    });
</script>
{/block}