layui.define(['form', 'table', 'http', 'auth'], function (exports) {
    var $ = layui.jquery,
        form = layui.form,
        table = layui.table,
        layer = layui.layer,
        http = layui.http, laytpl = layui.laytpl
        , auth = layui.auth;
    var _savedPerms = (layui.data('backend').permission) || [];
    auth.init(_savedPerms);
    auth.setController('links');

    // 渲染表格
    table.render({
        elem: '#dataTable',
        url: "index",
        toolbar: '#tableBar',
        defaultToolbar: ['filter', 'exports', 'print'],
        parseData: function (res) {
            return {
                code: res.code === 0 ? 0 : 1,
                msg: res.message || '',
                count: res.count || (res.data ? res.data.length : 0),
                data: res.data || []
            };
        },
        cols: [[
            { type: "checkbox", width: 50 },
            { field: 'id', width: 80, title: 'ID', sort: true },
            { field: 'title', width: 200, title: '网站标题' },
            {
                field: 'url', title: '链接地址', minWidth: 200, templet: function (d) {
                    return '<a href="' + d.url + '" target="_blank" style="color:#1E9FFF;">' + d.url + '</a>';
                }
            },
            {
                field: 'logo', width: 100, title: 'Logo', templet: function (d) {
                    return d.logo ? '<img src="' + d.logo + '" style="width:30px;height:30px;border-radius:50%;">' : '无';
                }
            },
            { field: 'sort', width: 100, title: '排序', sort: true },
            { field: 'status', width: 100, title: '状态', templet: '#statusTpl' },
            { field: 'create_at', width: 180, title: '创建时间' },
            { title: '操作', minWidth: 150, toolbar: '#dataBar', align: "center" }
        ]],
        limits: [10, 15, 20, 25, 50, 100],
        limit: 15,
        page: true,
        skin: 'line',
        done: function (res, curr, count) {
            var view = $('#dataTable').next('.layui-table-view');
            view.find('[data-perm]').each(function () {
                var perm = $(this).attr('data-perm');
                if (perm && !auth.has(perm)) { $(this).remove(); }
            });
            $('.layui-btn[data-perm]').each(function () {
                var perm = $(this).attr('data-perm');
                if (perm && !auth.has(perm)) { $(this).remove(); }
            });
        }
    });

    // 搜索
    form.on('submit(data-search-btn)', function (data) {
        table.reload('dataTable', {
            page: { curr: 1 },
            where: { title: data.field.title }
        });
        return false;
    });

    $('#btn-reset').on('click', function () {
        $('input[name="title"]').val('');
        table.reload('dataTable', { page: { curr: 1 }, where: { title: '' } });
    });

    // 顶部工具条
    table.on('toolbar(dataTable)', function (elem) {
        switch (elem.event) {
            case 'dataCreate':
                active.dataCreate({});
                break;
            case 'dataDelete':
                var checkStatus = table.checkStatus('dataTable'), checkData = checkStatus.data;
                let ids = checkData.map((item) => { return item.id; });
                active.dataDelete(ids);
                break;
            case 'dataRecybin':
                active.dataRecybin();
                break;
        };
    });

    // 行工具
    table.on('tool(dataTable)', function (elem) {
        var data = elem.data;
        switch (elem.event) {
            case 'update':
                active.dataEdit(data);
                break;
            case 'delete':
                active.dataDelete([data.id]);
                break;
        }
    });

    // 状态开关
    form.on('switch(statusSwitch)', function (obj) {
        var status = obj.elem.checked ? 1 : 0;
        var id = this.value;
        http.put('update', { id: id, status: status })
            .then((res) => {
                if (res.code === 0) {
                    layer.msg('操作成功');
                    table.reload('dataTable', {}, true);
                } else {
                    layer.msg(res.msg || '操作失败');
                    table.reload('dataTable', {}, true); // 还原界面状态
                }
            })
            .catch(() => { table.reload('dataTable', {}, true); });
    });

    // 打开表单抽屉
    var dataFromFun = function (data, callback, done) {
        var title = data.id ? '编辑友情链接' : '添加友情链接';
        var formHtml = laytpl($('#dataFormTpl').html()).render(data || {});
        layer.open({
            title: title,
            content: formHtml,
            anim: "slideLeft",
            offset: "r",
            btnAlign: "l",
            area: [window.width > 768 ? '50%' : '99%', '99%'],
            shade: 0.1,
            shadeClose: true,
            btn: ['确定', '取消'],
            success: function (layero, index) {
                callback(layero, index);
                form.render();
            },
            yes: function (index, layero) {
                window.layui.form.on('submit(wxapp-form-submit)', function (elem) {
                    done(layero, index, elem);
                    layui.off('submit(wxapp-form)', 'from');
                    return false;
                });
                layero.contents().find("#wxapp-form-submit").trigger('click');
            }
        });
    };

    // 事件
    var active = {
        dataDelete: function (ids, force = 0) {
            if (ids.length === 0) {
                return layer.msg('请选择数据');
            }
            layer.confirm('确定删除吗？' + (force ? '（将彻底删除，不可恢复）' : '（可到回收站恢复）'), function (index) {
                layer.close(index);
                http.delete('delete', { ids: ids.join(','), force: force })
                    .then((res) => {
                        if (res.code === 0) {
                            table.reload('dataTable', {}, true);
                        } else {
                            layer.msg(res.msg || '操作失败');
                        }
                    });
            });
        },
        dataCreate: function (data = {}) {
            dataFromFun(data,
                function (layero, index) { },
                function (layero, index, elem) {
                    var field = elem.field;
                    field.status = field.status ? 1 : 0;
                    http.post('save', field)
                        .then((res) => {
                            if (res.code === 0) {
                                layer.close(index);
                                table.reload('dataTable', {}, true);
                            } else {
                                layer.msg(res.msg || '操作失败');
                            }
                        });
                }
            );
        },
        dataEdit: function (data = {}) {
            dataFromFun(data,
                function (layero, index) { },
                function (layero, index, elem) {
                    var field = elem.field;
                    field.status = field.status ? 1 : 0;
                    http.put('update', field)
                        .then((res) => {
                            if (res.code === 0) {
                                layer.close(index);
                                table.reload('dataTable', {}, true);
                            } else {
                                layer.msg(res.msg || '操作失败');
                            }
                        });
                }
            );
        },
        dataRecybin: function (data = {}) {
            var formHtml = laytpl($('#dataRecybinTpl').html()).render(data || {});
            layer.open({
                title: '资源回收站',
                content: formHtml,
                anim: "slideLeft",
                offset: "r",
                area: ['50%', '99%'],
                shade: 0.1,
                shadeClose: true,
                success: function (layero, index) {
                    table.render({
                        elem: '#dataRecybinTable',
                        url: "recyclebin",
                        height: 'full-120',
                        parseData: function (res) {
                            return {
                                code: res.code === 0 ? 0 : 1,
                                msg: res.message || '',
                                count: res.count || (res.data ? res.data.length : 0),
                                data: res.data || []
                            };
                        },
                        cols: [[
                            { type: 'checkbox', fixed: 'left' },
                            { field: 'id', title: 'ID', width: 80, sort: true, fixed: 'left' },
                            { field: 'title', title: '网站标题', width: 180, fixed: 'left' },
                            { field: 'url', title: '链接', minWidth: 200 },
                            { field: 'sort', title: '排序', width: 80 },
                            { field: 'delete_at', title: '删除时间', width: 160 },
                            { fixed: "right", title: "操作", width: 120, align: "center", toolbar: "#dataRecybinBarTpl" }
                        ]],
                        page: true
                    });
                }
            });
        },
        dataRestore: function (data = {}) {
            http.put("restore", { ids: data.id })
                .then((res) => {
                    if (res.code === 0) {
                        layer.msg('恢复成功');
                        table.reload('dataRecybinTable', {}, true);
                        table.reload('dataTable', {}, true);
                    } else {
                        layer.msg(res.msg || '恢复失败');
                    }
                });
        },
        dataForceDelete: function (data = {}) {
            layer.confirm('彻底删除后不可恢复，确定吗？', function (index) {
                layer.close(index);
                http.delete('delete', { ids: data.id, force: 1 })
                    .then((res) => {
                        if (res.code === 0) {
                            layer.msg('已彻底删除');
                            table.reload('dataRecybinTable', {}, true);
                        } else {
                            layer.msg(res.msg || '操作失败');
                        }
                    });
            });
        }
    };

    // 回收站行操作
    table.on('tool(dataRecybinTable)', function (elem) {
        var data = elem.data;
        switch (elem.event) {
            case 'restore':
                active.dataRestore(data);
                break;
            case 'forcedelete':
                active.dataForceDelete(data);
                break;
        }
    });

    exports('links', {});
});