var $ = require('jquery'),
    common = require('../../../common/common');

// require('../common/bootstrap-wysihtml5');
// require('../util/datepicker');

var ENMA = {
    attachType: {
        1: "图片",
        2: "视频",
        3: "文本"
    },
    dia:{
        1:"img",
        2:"video",
        3:"wenZi"
    },
    bucket:{
        bucket:"goodsimg"
    }
}


//测试数据
var g = new common.grid({
    el: "#baseTable",
    columns: [{
        display: "标题",
        render: function(item) {
            if (item.isDefault == 1) {
                return "默认封面图片";
            }
            return ENMA.attachType[item.attachType];
        }
    }, {
        display: "内容",
        render: function(item) {
            
            if (item.isDefault == 1) {
                return '<input type="file" name="coverImg" id="coverImg" value="' + item.attachUrl + '" placeholder="封面图" required/>';
            } else {
                if (item.attachType == 1) {
                    return "<img src='" + item.attachUrl + "' style='width:120px;height:80px' />";
                } else if (item.attachType == 2) {
                    return "<video src='" + item.attachUrl + "' controls></video>";
                } else {
                    return item.intro;
                }
            }
        }
    },{
        display:"排序",
        width:'10%',
        render:function(item){
            if (!item.isDefault) {
                return "<input type='number' class='form-control inputorder' data-index='" + item.__index + "' value="+item.orderBy+" />";
            }else{
                item.orderBy=1;
                return "1";
            }
        }
    }, {
        display: "操作",
        render: function(item) {
            var htmlArr = [];
            if (!item.isDefault) {
                htmlArr.push("<button type='button' data-index='" + item.__index + "' class='delete btn btn-danger btn-xs'>删除</button>");
                htmlArr.push("<button type='button' data-index='" + item.__index + "' class='edit btn btn-info btn-xs'>编辑</button>");
            }
            return htmlArr.join(',');
        }
    }]
});

var __ac = $.trim($("#attachmentContent").val());
g.__rows = __ac ? JSON.parse(__ac) : [{
    "attachType": 1,
    "attachUrl": "",
    "isDefault": 1
}];

g.init(g.__rows);
var e1 = new common.edit('#baseTable',ENMA.bucket);
e1.on("callback", function(obj) {
    if (obj.key == "file_onComplete_coverImg") {
        g.__rows[0].attachUrl = obj.data;
    }
});
e1.init();

var isSave = false;
$(window).on('beforeunload', function() {
    if (!isSave) {
        return '您输入的内容尚未保存';
    }
});
//初始化form表单
var e = new common.edit('#editor-group',ENMA.bucket);

e.on("render",function(){
    var _um=$("#limitProductType").val();
    if(_um=="2"){
        $("#limitProductType_"+_um).show().find("input").attr("required",true);
    }
    
    $(":radio[name=limitProductType]").change(function(){
        var _um=$(this).val();
        if(_um=="2"){
            $("#limitProductType_2").show().find("input").attr("required",true);
        }else{
            $("#limitProductType_2").hide().find("input").removeAttr("required");
        }
    });

    var _sm=$("#hotFlag").val();
    if(_sm=="1"){
        $(".order-by").find("input").attr("required",true);
        $(".order-by").find(".red").show();
    }
    $(":radio[name=hotFlag]").change(function(){
        var _sm=$(this).val();
        if(_sm=="1"){
            $(".order-by").find("input").attr("required",true);
            $(".order-by").find(".red").show();
        }else{
            $(".order-by").find("input").removeAttr("required");
            $(".order-by").find(".red").hide();
        }
    });
});
/*验证批次号*/
e.on("validate", function() {
    var _um=$("#limitProductType").val();
    // if(_um=="2"){
    //     return true;
    // }
    var param = {
        batchNo: $('#batchNo').val(),
        id: $("#id").val()
    };
    var _m="批次号接口接口异常";
    common.util.__ajax({
        url: '/limitCode/checkLimitCodeByBatchNo',
        async: false,
        data: param
    }, function(res){
        console.log(res);
        if(res.data){
            _m="";
        }else{
            _m="批次号不存在";
        }
    }, true);
    if(_m){
        return _m;
    }else{
        common.util.__ajax({
            url: '/limitProduct/checkBatchNoExist',
            async: false,
            data: param
        }, function(res){
             console.log(res);
             if(res.data){
                _m="";
            }else{
                _m=res.message;
            }
        }, true);
        
        if(_m){
            return _m;
        }
    }
});

/*验证排队限购ID*/
e.on("validate", function() {
    var _um=$("#limitProductType").val();
    if(_um=="1"){
        return true;
    }
    var param = {
        activityId:$.trim($("#activityId").val()),
        id: $("#id").val()
    };
    var _m="排队限购ID接口异常";
    common.util.__ajax({
        url:'/DrawlineActivityRest/checkActivityIdExists',
        async:false,
        data:param
    },function(res){
        if(res.data.exists){//true
            _m="";
        }else{
            _m="排队限购ID不存在";
        }
    },true);
    if(_m){
        return _m;
    }else{
        common.util.__ajax({
            url:'/limitProduct/checkActivityIdNoExist',
            async:false,
            data:param
        },function(res){
            console.log("checkActivityIdNoExist",res);
            if(res.data){//true
                _m="";
            }else{
                _m="排队限购ID"+activityId+"已被关联";
            }
        },true);

        if(_m){
            return _m;
        }
    }
});

/*上传默认图片*/
e.on("validate", function() {
    if (!g.__rows[0].attachUrl) {
        return "请上传默认封面";
    }
});
/*验证排序*/
e.on("validate", function() {
    // var _sm=$("#hotFlag").val();
    // if(_sm=="0"){
    //     return true;
    // }
    var orderBy = $.trim($("#orderBy").val());
    if (orderBy && !/^(?:[1-9][0-9]*|0)$/.test(orderBy)) {
        return '排序值输入格式不正确';
    }
});
/*验证排序*/
e.on("validate",function(){
    var error=0;
    var a={};
    if(g.__rows.length>0){
        for(var i in g.__rows){
            var row=g.__rows[i];
            if(!row.orderBy){
                error++;
            }
            if(a.hasOwnProperty(row.orderBy)){
                error++;
            }else{
                a[row.orderBy]=0;
            }
        }
    }
    if(error>0){
        return "请正确输入排序,并且不要重复";
    }
})




e.init();

//添加修改
$('.limit-add-btn').click(function(option) {
    isSave = true;
    e.submit($('#limit-add-form').attr('action'), function(option) {
        //option.debug=true;
        option.data.attachmentContent = JSON.stringify(g.__rows);

        /*if ($('input[name="dayFlag"]:checked').val() == 0) {
            saleTime = new Date(option.data.saleTime.slice(0, -3).replace(/-/g, '/'));
        }*/
        console.log(option.data);
        // option.debug=true;
        option.beforeSend = function() {
            $('#limit-add-btn').addClass('disabled');
        };
        option.success = function(res) {

            if (res.code == "200") {
                e.$tip('提交成功', function() {
                    location.href = "/limit/product/index";
                }, 'growl-success');
            } else {
                $('#limit-add-btn').removeClass('disabled');
                e.$tip(res.message);
            }

            return false;
        }
        option.error = function(res) {
            e.$tip("提交失败");
        };
    });
});


// var $editor = $('#editor'),  //文字，图片，视频容器
//     type = $('#limit-add-form').attr('type');

var Bll = {
    img: function(title, item, index) {
        common.dialog.confirm(title, common.util.__template($("#picDialogTemp").html(), item), function() {
            var _html = $.trim($("#imgText").val());

            if (_html) {
                if (item.attachType) {
                    //修改
                    g.__rows[index].attachUrl = _html;
                } else {
                    //添加
                    g.__rows.push({
                        "attachType":1,
                        "attachUrl": _html,
                        "isDefault": 0,
                        "attachName": $("#attachName").val()
                    });
                }

                g.reload();
                e1.init();
            }
        });
        var a = new common.edit("#upload-wrapper",ENMA.bucket);
        a.on("callback", function(obj) {
            if (obj.key == "file_onComplete_imgfile") {
                $("#imgText").val(obj.data);
            }
        });
        a.init();
    },
    video:function(title, item, index){
        common.dialog.confirm(title, common.util.__template($("#vidioDialogTemp").html(), item), function() {
            var _html = $.trim($("#videoText").val());
            var _html1 = $.trim($("#imgText").val());
            if (_html&&_html1) {
                if (item.attachType) {
                    //修改
                    g.__rows[index].attachUrl = _html;
                    g.__rows[index].intro = _html1;
                } else {
                    //添加
                    g.__rows.push({
                        "attachType": 2,
                        "attachUrl": _html,
                        "intro":_html1,
                        "isDefault": 0,
                        "attachName": $("#attachName").val()
                    });
                }

                g.reload();
                e1.init();
            }else{
                common.util.__tip("请同时输入视频地址和默认图片地址");
                return false;
            }
        });
        var a1 = new common.edit("#upload-wrapper1",ENMA.bucket);
        a1.on("callback", function(obj) {
            if (obj.key == "file_onComplete_videofile") {
                $("#videoText").val(obj.data);
            }
        });
        a1.init();
        var a2 = new common.edit("#upload-wrapper2",ENMA.bucket);
        a2.on("callback", function(obj) {
            console.log(obj);
            if (obj.key == "file_onComplete_imgfile") {
                $("#imgText").val(obj.data);
            }
        });
        a2.init();
    },
    wenZi: function(title, item, index) {
        common.dialog.confirm(title, common.util.__template('<textarea id="text-editor">{intro}</textarea>', item), function() {
            var _html = $.trim($("#text-editor").val());

            if (_html) {
                if (item.attachType) {
                    //修改
                    g.__rows[index].intro = _html;
                } else {
                    //添加
                    g.__rows.push({
                        "attachType": 3,
                        "intro": _html,
                        "isDefault": 0
                    });
                }

                g.reload();
                e1.init();
            }
        });
       // $('#text-editor').wysihtml5();
    }
}

//添加文字
$('body').on('click', '#textDialog', function() {
    Bll.wenZi("添加文字", {});
    return false;
});
$('body').on('click', '#picDialog', function() {
    Bll.img("添加图片",{});
    return false;
});
$('body').on('click', '#videoDialog', function() {
    Bll.video("添加视频",{});
    return false;
});
//删除
$('body').on('click', ".delete", function() {
    var index = $(this).data("index");
    g.__rows.splice(index, 1);
    g.reload();
    e1.init();
});
//修改
$('body').on('click', ".edit", function() {
    var item = g.rows[$(this).data("index")];
    Bll[ENMA.dia[item.attachType]]("修改" + ENMA.attachType[item.attachType], item, $(this).data("index"));
});
$(document).on("change",".inputorder",function(){
    var item = g.rows[$(this).data("index")];
    $(this).val($(this).val().replace(/\D/g,''));
    item.orderBy =$(this).val();//(item.__index+1);
});