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('shop');

    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 || 0, data: res.data || [] };
        },
        cols: [[
            { type: "checkbox", width: 50 },
            { field: 'id', width: 80, title: 'ID', sort: true },
            { field: 'title', minWidth: 160, title: '商品名称' },
            { field: 'sort', width: 100, title: '排序', sort: true },
            { field: 'status', width: 100, title: '状态', templet: '#statusTpl' },
            { field: 'create_time', 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 () {
            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 check = table.checkStatus('dataTable').data;
                active.dataDelete(check.map(function (i) { return i.id; }));
                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;
        http.put('update', { id: this.value, status: status })
            .then(function (res) {
                if (res.code === 0) { layer.msg('操作成功'); }
                else { layer.msg(res.msg || '操作失败'); }
                table.reload('dataTable', {}, true);
            })
            .catch(function () { 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) {
            if (ids.length === 0) { return layer.msg('请选择数据'); }
            layer.confirm('确定删除吗？' + (force ? '（彻底删除，不可恢复）' : '（可到回收站恢复）'), function (index) {
                layer.close(index);
                http.delete('delete', { ids: ids.join(','), force: force ? 1 : 0 })
                    .then(function (res) { if (res.code === 0) { table.reload('dataTable', {}, true); } else { layer.msg(res.msg || '操作失败'); } });
            });
        },
        dataCreate: function (data) {
            dataFromFun(data, function () {}, function (layero, index, elem) {
                var field = elem.field;
                if (field.status === undefined) field.status = 0;
                field.status = field.status ? 1 : 0;
                http.post('save', field).then(function (res) {
                    if (res.code === 0) { layer.close(index); table.reload('dataTable', {}, true); }
                    else { layer.msg(res.msg || '操作失败'); }
                });
            });
        },
        dataEdit: function (data) {
            dataFromFun(data, function () {}, function (layero, index, elem) {
                var field = elem.field;
                field.status = field.status ? 1 : 0;
                http.put('update', field).then(function (res) {
                    if (res.code === 0) { layer.close(index); table.reload('dataTable', {}, true); }
                    else { layer.msg(res.msg || '操作失败'); }
                });
            });
        },
        dataRecybin: function () {
            var formHtml = laytpl($('#dataRecybinTpl').html()).render({});
            layer.open({
                title: '资源回收站', content: formHtml, anim: "slideLeft", offset: "r",
                area: ['50%', '99%'], shade: 0.1, shadeClose: true,
                success: function () {
                    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 || 0, data: res.data || [] }; },
                        cols: [[
                            { type: 'checkbox', fixed: 'left' },
                            { field: 'id', title: 'ID', width: 80, sort: true, fixed: 'left' },
                            { field: 'title', title: '商品名称', minWidth: 160, fixed: 'left' },
                            { field: 'sort', title: '排序', width: 80 },
                            { field: 'delete_at', title: '删除时间', width: 160 },
                            { fixed: "right", title: "操作", width: 140, align: "center", toolbar: "#dataRecybinBarTpl" }
                        ]],
                        page: true
                    });
                }
            });
        },
        dataRestore: function (data) {
            http.put("restore", { ids: data.id }).then(function (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(function (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('shop', {});
});