var $ = require('jquery'),
    common = require('../common/common');
var Button = require('./partials/Button1');
var resourceObj = require('./partials/resourceObj');
var Validate = require('./partials/Validate1');
var addObj = require('./partials/addObj');

/*获取数据*/
var resources = [];
var times = [];
var currIndex = 0;
//资源id
var param = location.href.substring(location.href.lastIndexOf("/") + 1);
common.util.__ajax({
    url: "/resources/resContentIndex",
    data: {id: param},
    async: false
}, function (res) {
    resources = res.data;
    console.log(resources);
}, true);

/*配置模块*/
var edit = new common.edit2(".modal-body", {
    bucket: "yhb-img01"
});

var Bll = {
    Brands: [],
    Brands1: {},
    Brdata: [],
    contentDatas: [],
    module: null,
    __render: function (selecter, templater, data) {
        $(selecter).html(common.util.__template2($("#" + templater).html(), data));
    },
    toast: function (index, module) {
        var btn = Button.filter(function (item) {
            return item.template_name == module.contentData.template_name;
        });
        //console.log("打开的数据module",module);
        var d = new common.dialog({
            title: (!!~index ? "修改" : "添加") + btn[0].button_name,
            content: common.util.__template2($("#" + btn[0].dialog).html(), module),
            width: '50%',
            button: [{
                value: "保存",
                callback: function () {
                    var couponFlag = true;
                    if (Validate[module.contentData.template_name]) {
                        Validate[module.contentData.template_name].forEach(function (item) {
                            couponFlag = item.fn(module.contentData);
                        })
                    }
                    if (edit.validate() && couponFlag) {
                        //TODO
                        if (resourceObj[module.contentData.template_name]) {
                            resourceObj[module.contentData.template_name](module.contentData.data);
                        }
                        !!~index ? Bll.contentDatas[currIndex][index] = module : Bll.contentDatas[currIndex].push(module);
                        Bll.__render("#add-content", "template_content", {modules: Bll.contentDatas[currIndex]});
                        d.close();
                    }
                    return false;
                },
                css: "btn-primary"
            }]
        });
        Bll.__editRender();
    },
    renderDialog: function (templater) {
        Bll.__render(".modal-body", templater, Bll.module);
        Bll.__editRender();
    },
    __editRender: function () {
        edit.init();
        $('.draggable').each(function () {
            if ($(this).children().length) {
                $(this).sortable().bind('sortupdate', function () {
                    var fn = new Function("Bll", "return Bll.module.contentData." + $(this).data("array"));
                    var arr = fn(Bll);
                    var arr2 = [];//拖拽后顺序
                    var itemsUpdate = $(this).children();
                    if (itemsUpdate.length == arr.length) {
                        for (var i = 0; i < itemsUpdate.length; i++) {
                            arr2.push($(itemsUpdate[i]).attr("drag-index"));
                        }
                        for (var i = 0; i < arr.length; i++) {
                            arr2[i] = arr[arr2[i]];
                        }
                        arr = arr2;
                    }
                })
            }
        });
        edit.on("file_onComplete", function (obj) {
            var names = obj.field;
            Bll.module.contentData.data = common.util.__buildobj(names, '.', Bll.module.contentData.data, function (o, name) {
                o[name] = obj.data;
            });
        });
    },
    //获取品牌
    getBrands: function () {
        var Brand = {};
        $.get("/ajax/yohosearch", function (res) {
            if(!res.data||!res.data.brands){
                return;
            }
            for(var key in res.data.brands){
                var name=key;
                if (/^[0-9]$/.test(name)) {
                    name = "0-9";
                }
                if (name==="") {
                    name = "#";
                }
                for(var key2 in res.data.brands[key]){
                    var item=res.data.brands[key][key2];
                    Brand[name] = Brand[name] || [];
                    Brand[name].push(item);
                    Bll.Brands1[item.id] = item;
                }
            }
            for (var i in Brand) {
                Brand[i].sort(function (a, b) {
                    var aName = a.brand_name.toLowerCase(),
                        bName = b.brand_name.toLowerCase();
                    if (aName < bName) return -1;
                    if (aName > bName) return 1;
                    return 0;
                });
                Bll.Brands.push({
                    name: i,
                    items: Brand[i]
                });
            }
        });
    },
    renderBrandPic: function (Brdata) {
        var Brands2 = [];
        Brdata.forEach(function (item, index) {
            if (!item.brandIco) {
                var a = Bll.Brands1[item];
                a.brandIco = common.util.__joinImg("brandLogo", a.brand_ico);
                Brands2.push(a);
            } else {
                item.brandIco = common.util.__template(item.brandIco, {width: 110, height: 150});
                Brands2.push(item);
            }

        });
        Bll.module = Bll.module || {};
        Bll.module.contentData = Bll.module.contentData || {};
        Bll.module.contentData.data = Bll.module.contentData.data || {};
        Bll.module.contentData.data.list = Bll.module.contentData.data.list || [];
        for (var i = 0; i < Brands2.length; i++) {
            var pic = {};
            if (Bll.module.contentData.template_name == "kidsBrands") {
                pic = {
                    "src": Brands2[i].brandIco,
                    "id": Brands2[i].id,
                    "title": Brands2[i].brand_name
                };
            } else {
                pic = {
                    "src": Brands2[i].brandIco,
                    "id": Brands2[i].id,
                    "name": Brands2[i].brand_name
                };
            }
            Bll.module.contentData.data.list.push(pic);
        }
        Bll.renderDialog("brands-template");
    }
};

//初始化时间
var statusArr = ["已过期", "进行中", "未发布"];
for(var i = 0; i < resources.length; i++) {
    //status 0:已过期；1：进行中；2：未发布
    var t = new Date(resources[i].resource.publishTime*1000);
    var time = resources[i].resource.publishTime==0?"":common.util.__dateFormat(t, "yyyy-MM-dd hh:mm:ss");
    times[i] = {
        time:time,
        status:statusArr[resources[i].status]
    }
}

/*第一步，基础模板*/
Bll.__render("#content-list", "content-template", resources[currIndex]);
Bll.__render(".contents", "template_content_btns", {btns: Button});
Bll.__render("#times-list", "times-template", {times:times, selected:0});

/*第二部，把楼层数据转化成数组*/
for(var i = 0; i < resources.length; i++) {
    Bll.contentDatas[i] = [];
    resources[i].contentData.forEach(function (item, index) {
        item.contentData = JSON.parse(item.contentData);
        var temp;
        if (item.contentData.template_name == "kidsBrands") {
            temp = item.contentData.data.params.more_url;
            item.contentData.data.params.more_url = {};
            item.contentData.data.params.more_url.action = JSON.parse(temp).action || "";
            item.contentData.data.params.more_url.url = JSON.parse(temp).url || "";
        }
        if (item.contentData.template_name == 'title') {
            temp = item.contentData.data.more_link;
            item.contentData.data.more_link = {};
            item.contentData.data.more_link.action = JSON.parse(temp).action || "";
            item.contentData.data.more_link.url = JSON.parse(temp).url || "";
        }
        item.contentData = JSON.stringify(item.contentData);
        item.contentData = item.contentData.replace(/(gif|png|jpg|jpeg)\?[^"]*/g, '$1');
        item.contentData = common.util.__ObjToArray(JSON.parse(item.contentData));
        Bll.contentDatas[i].push(item);
    });
}

/*第三部解析楼层*/
Bll.__render("#add-content", "template_content", {modules: Bll.contentDatas[currIndex]});

/*第四部 操作按钮  添加 删除 修改*/
$(document).on("click", ".add_btn", function () {
    var item = Button[$(this).data("index")];
    Bll.module = {};
    Bll.module.contentData = $.extend(true, {}, item);
    Bll.toast(-1, Bll.module);
});

/*第五步 绑定监听事件*/
$(document).on("change", ".observe", function () {
    var $this = $(this);
    var name = $this.data("field");
    Bll.module.contentData.data = common.util.__buildobj(name, '.', Bll.module.contentData.data, function (obj, name) {
        obj[name] = $this.val();
        if (name == "image_style") {
            delete obj["default"];
            delete obj["T1F2"];
            delete obj["L1R2"];
            delete obj["imageList"];
            obj[obj[name]] = true;
        }
    });
});

/*删除*/
$(document).on("click", ".del", function () {//删除
    var index = $(this).data("index");
    console.log(Bll.contentDatas[currIndex][index]);
    common.dialog.confirm("警告",
        common.util.__template2("是否确认删除？", {}),
        function () {
            if (Bll.contentDatas[currIndex][index].id) {
                common.util.__ajax({
                    url: "/resources/delResContent",
                    data: {id: Bll.contentDatas[currIndex][index].id}
                });
            }
            Bll.contentDatas[currIndex].splice(index, 1);
            Bll.__render("#add-content", "template_content", {modules: Bll.contentDatas[currIndex]});
        });
});

/*编辑*/
$(document).on("click", ".edit", function () {
    var index = $(this).data("index");
    var item = Bll.contentDatas[currIndex][index];
    Bll.module = $.extend(true, {}, item);
    console.log(Bll.module);
    Bll.toast(index, Bll.module);
});

/*根据limit判断最多添加条数， 根据event判断添加的类型, data-event:template_name + "-template"*/
$(document).on("click", ".addBtn", function () {
    var length = $(this).data("limit");
    var arr = $(this).data("event").split(".");
    if (arr[1] == "data") {
        if (Bll.module.contentData.data.length >= length) {
            common.util.__tip("最多" + length + "条！", "warning");
            return;
        }
        Bll.module.contentData.data.push(addObj[arr.join("_")]);
    } else {
        if (Bll.module.contentData.data[arr[1]].length >= length) {
            common.util.__tip("最多" + length + "条！", "warning");
            return;
        }
        Bll.module.contentData.data[arr[1]].push(addObj[arr.join("_")]);
    }
    Bll.renderDialog(arr[0] + "-template");
});

/*删除行*/
$(document).on("click", ".delBtn", function () {
    var arr = $(this).data("event").split(".");
    var index = $(this).data("index");
    if (arr[1] == "data") {
        Bll.module.contentData.data.splice(index, 1);
    } else {
        Bll.module.contentData.data[arr[1]].splice(index, 1);
    }
    Bll.renderDialog(arr[0] + "-template");
});

//输入领券码验证
$(document).on("change", "#couponID", function () {
    var couponID = $(this).val();
    common.util.__ajax({
        url: "/coupon/batchCheckCoupons",
        async: false,
        data: {
            params: couponID
        }
    }, function () {
    });
});

//获取品牌
Bll.getBrands();
//打开品牌选择模态
$(document).on("click", "#addBrands", function () {
    var e = new common.edit("#brandForm");
    new common.dialog({
        title: "选择品牌",
        width: "70%",
        content: common.util.__template2($("#template5").html(), {
            Brands: Bll.Brands,//所有品牌数据
            Brdata: []
        }),
        button: [
            {
                value: "确定",
                callback: function () {
                    Bll.Brdata = $("#brandCheckBox").val().split('|');
                    Bll.renderBrandPic(Bll.Brdata);
                },
                css: "btn-primary"
            },
            {
                value: "取消"
            }
        ]
    });
    e.init();
});
//品牌筛选
$(document).on('click', '.brand-index', function () {
    var brandIndex = $(this).text();
    $('.brand-wrap').find('[name="' + brandIndex + '"]').show().siblings().hide();
});

//*****************************************************************//
/*图片列表*/
$(document).on("click", '.is_show_name', function () {
    Bll.module.contentData.data.title.is_show_name = $(this).val();
    Bll.renderDialog("imageList-template");
});
//*****************************************************************//
/*推荐(标题 + 12张图)*/
$(document).on("change", '#recommendContentFive-is_show', function () {
    Bll.module.contentData.data.title.is_show = 1 - Bll.module.contentData.data.title.is_show;
    Bll.renderDialog("recommendContentFive-template");
});
//*****************************************************************//
/*焦点图*/
$(document).on("change", '#focus-select', function () {
    Bll.module.contentData.focus_type = $(this).val();
    Bll.renderDialog("focus-template");
});
//*****************************************************************//
/*编辑推荐*/
$(document).on("change", '#editorTalk-is_show', function () {
    Bll.module.contentData.data.title.is_show = 1 - Bll.module.contentData.data.title.is_show;
    Bll.renderDialog("editorTalk-template");
});
//推荐品牌 是否显示名称
$(document).on("click", '.is_show_name_brand', function () {
    Bll.module.contentData.data.is_show_name = $(this).val();
    Bll.renderDialog("brands-template");
});
//**********************************************************************************/
//复制
$(document).on("click", "#copyTab", function() {
    common.util.__ajax({
        url: "/resources/copyResContent",
        data: {rId:resources[currIndex].resource.id}
    }, function (res) {
        window.location.href = window.location.href;
    });
});
//保存时间
$(document).on("click", "#saveTime", function() {
    if(times[currIndex].status == "进行中") {
        common.util.__tip("进行中的页面不能更改时间");
        return false;
    }
    if(!times[currIndex].time) {
        common.util.__tip("该页面不能更改时间");
        return;
    }
    common.util.__ajax({
        url: "/resources/updateResPublishTime",
        data: {
            id:resources[currIndex].resource.id,
            time:times[currIndex].time
        }
    }, function (res) {
        window.location.href = window.location.href;
    });
});
new common.edit2("#times-list").init();
//切换预发布tab
$(document).on("click", ".timesLi", function() {
    if(!$(this).hasClass("active")) {
        $(this).addClass("active").siblings().removeClass("active");
        currIndex = $(this).data("index");
        Bll.__render("#add-content", "template_content", {modules: Bll.contentDatas[currIndex]});
        Bll.__render("#times-list", "times-template", {times: times, selected: currIndex});
        new common.edit2("#times-list").init();
    }
});
$(document).on("change", ".preTimes", function() {
    times[$(this).data("index")].time = $(this).val();
});
//删除tab
$(document).on("click", "#delTab", function() {
    if(times[currIndex].status == "进行中") {
        common.util.__tip("进行中的页面不能删除");
        return false;
    }
    if(!times[currIndex].time) {
        common.util.__tip("该页面不能删除");
        return false;
    }
    common.dialog.confirm("警告", "确定取消" + times[currIndex].time + "发布的页面吗？",function() {
        common.util.__ajax({
            url: "/resources/deleteResourceById",
            data: {
                id: resources[currIndex].resource.id
            }
        }, function (res) {
            window.location.href = window.location.href;

        });
    });
});

/*保存事件*/
$(document).on("click", "#sub_btn", function () {
    var data = {
        "content": {},
        "data_id": {},
        "rId": ""
    };
    for (var i = 0; i < Bll.contentDatas[currIndex].length; i++) {
        var contentData = Bll.contentDatas[currIndex][i].contentData;
        var action;
        var url;
        var goodsSrc = "imageMogr2/thumbnail/{width}x{height}/extent/{width}x{height}/background/d2hpdGU=/position/center/quality/90";
        addSuffix(contentData);
        delete contentData.button_name;
        delete contentData.dialog;
        //kids推荐品牌
        if (contentData.template_name == "kidsBrands") {
            action = contentData.data.params.more_url.action || "";
            url = contentData.data.params.more_url.url || "";
            contentData.data.params.more_url = "{\"action\":\"" + action + "\",\"url\":\"" + url + "\"}";
        }
        //标题标签
        if (contentData.template_name == "title") {
            action = contentData.data.more_link.action || "";
            url = contentData.data.more_link.url || "";
            contentData.data.more_link = "{\"action\":\"" + action + "\",\"url\":\"" + url + "\"}";
        }
        //商品
        if (contentData.template_name == "goods") {
            for (var j = 0; j < contentData.data.length; j++) {
                if (contentData.data[j].src) {
                    var a = contentData.data[j].src.split("?");
                    a[1] = goodsSrc;
                    contentData.data[j].src = a.join("?");
                }
            }
        }
        //商品组
        if (contentData.template_name == "goodsGroup") {
            for (var m = 0; m < contentData.data.length; m++) {
                if (contentData.data[m].list) {
                    for (var n = 0; n < contentData.data[m].list.length; n++) {
                        var b = contentData.data[m].list[n].src.split("?");
                        b[1] = goodsSrc;
                        contentData.data[m].list[n].src = b.join("?");
                    }

                }
            }
        }
        data.content[i] = JSON.stringify(common.util.__ArrayToObj(contentData));
        data.content[i] = JSON.stringify(common.util.__ArrayToObj(Bll.contentDatas[currIndex][i].contentData));
        if (Bll.contentDatas[currIndex][i].id) {
            data.data_id[i] = "id_" + Bll.contentDatas[currIndex][i].id;
        }
    }
    data.rId = resources[currIndex].resource.id;
    data.content = JSON.stringify(data.content);
    data.data_id = JSON.stringify(data.data_id);
    common.util.__ajax({
        url: "/resources/addResContent",
        data: data
    }, function (res) {
        window.location.href = window.location.href;
    });
});

var addSuffix = function (contentData) {
    if (typeof  contentData == "object") {
        for (var i in contentData) {
            if (i == "src" && contentData[i].indexOf("?") == -1) {
                contentData[i] = contentData[i] + "?imageView2/{mode}/w/{width}/h/{height}";
            } else {
                addSuffix(contentData[i]);
            }
        }
    }
    return contentData;
};
/****************************************************************************************************/
/*商品，商品组*/

/*选择商品表格*/
var goodsgird = new common.grid({
    el: '#goodsgird',
    parms: function () {
        var beginPrice = 0, endPrice = 1000000;
        if (common.util.__input('beginPrice')) {
            beginPrice = common.util.__input('beginPrice');
        }
        if (common.util.__input('endPrice')) {
            endPrice = common.util.__input('endPrice')
        }
        return {
            query: common.util.__input('skns'),
            price: beginPrice + "," + endPrice
        };
    },
    columns: [
        {
            display: "选择",
            type: "checkbox"
        }, {
            display: "产品图片",
            render: function (item) {
                if (item.images_url) {
                    item.images_url = common.util.__joinImg("goodsimg", item.images_url);
                }
                else {
                    if(item.default_images){
                        item.images_url = common.util.__joinImg("goodsimg", item.default_images);
                    }
                    else{
                        item.images_url=""
                    }
                }
                return "<img width=120 height=60 src='" + item.images_url + "?imageView/2/w/100/h/100'/>";
            }
        }, {
            display: "产品名称",
            name: "product_name"
        }, {
            display: "品牌",
            name: "brand_name"
        }, {
            display: "现价",
            name: "sales_price"
        }, {
            display: "牌价",
            name: "market_price"
        }, {
            display: "预售",
            name: "stock_number"
        }, {
            display: "库存",
            name: "storage_num"
        }]
});
//搜索按钮
$(document).on("click", "#search", function () {
    if($.trim($("#skns").val()).length<5){
        common.util.__tip("请输入超过5个字符后再搜索","warning");
        return;
    }
    if(goodsgird.grid){
        goodsgird.reload(1);
    }else{
        goodsgird.init('/yohosearch/search');
    }
});
//点击“选择标签”按钮（添加商品）
$(document).on("click", "#goodsSelectBtn", function () {
    new common.dialog({
        title: "选择商品",
        content: $("#template_dialog_goodsgird").html(),
        width: '80%',
        button: [{
            value: "确定",
            callback: function () {
                Bll.module.contentData.data = goodsgird.selected.map(function (item, index) {
                    return {
                        src: item.images_url,
                        id: item.product_skn
                    }
                });
                // Bll.module.data=goodsgird.selected;
                Bll.__render("#goodspic", "template_dialog_goodsimgs", {
                    datas: Bll.module.contentData.data
                });
            },
            css: "btn-primary"
        }]
    });
    goodsgird.grid=null;
    //goodsgird.init('/yohosearch/search');
});
//点击“添加组”按钮（添加商品组）
$(document).on("click", "#goodsaddBtn", function () {
    var item = $.extend(true, {}, Button[5].data[0]);
    if (Bll.module.contentData.data[0].list.length) {
        Bll.module.contentData.data.push(item);
    }
    Bll.__render("#groupsgoods", "template_dialog_remgoodsgroup", Bll.module);
});
//点击“选择标签”按钮（添加商品组）
$(document).on("click", ".goodsSelectBtn", function () {
    var index = $(this).data("index");
    new common.dialog({
        title: "选择商品",
        content: $("#template_dialog_goodsgird").html(),
        width: '80%',
        button: [{
            value: "确定",
            callback: function () {
                goodsgird.selected.forEach(function (item, i) {
                    Bll.module.contentData.data[index].list[i] = {
                        src: item.images_url,
                        id: item.product_skn,
                        maxSortId: item.max_sort_id
                    };
                    if (!i) {
                        Bll.module.contentData.data[index].cover = {
                            cover: item.images_url,
                            maxSortId: item.max_sort_id
                        };
                    }
                });
                Bll.__render("#groupsgoods", "template_dialog_remgoodsgroup", Bll.module);
            },
            css: "btn-primary"
        }]
    });
    goodsgird.grid=null;
});
//删除图片按钮
$(document).on("click", ".removepic", function () {
    var $parent = $(this).parents("ul.imagegroup");
    var i = $parent.data("i");//组标志
    var isg = typeof(i) === "number" ? true : false;
    //推荐商品组
    if (isg) {
        Bll.module.contentData.data[i].list.splice($(this).data("index"), 1);
        Bll.module.contentData.data[i].cover = {};
        if (Bll.module.contentData.data[i].list.length == 0) {
            Bll.module.contentData.data[i].cover.cover = "";
            Bll.module.contentData.data[i].cover.maxSortId = "";
        }
        else {
            Bll.module.contentData.data[i].cover.cover = Bll.module.contentData.data[i].list[0].src;
            Bll.module.contentData.data[i].cover.maxSortId = Bll.module.contentData.data[i].list[0].maxSortId;
        }
    }
    //商品
    else {
        Bll.module.contentData.data.splice($(this).data("index"), 1);
    }
    $parent.html(common.util.__template2($("#template_dialog_goodsimgs").html(), {
        datas: isg ? Bll.module.contentData.data[i].list : Bll.module.contentData.data
    }));
});
$(document).on("mouseover", "#add-content .dragItem", function () {
    var drag = new common.drag("#add-content", Bll.contentDatas[currIndex], function (data) {
        Bll.contentDatas[currIndex] = data;
        Bll.__render("#add-content", "template_content", {modules: Bll.contentDatas[currIndex]});
    })
    drag.Initialize();
});

$(document).on("mouseleave", "#add-content .dragItem", function () {
    new common.drag("#add-content").destroy();
});

//输入限制
$(document).on("keyup", ".number", function() {
    $(this).val($(this).val().replace(/\D/g, ''));
});

//双击弹窗
$(document).on("dblclick","#add-content>li.custom-group",function(){
    $(this).find(".edit").click();
});