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

var ENUM = {
	gender: {
		1: '男',
		2: '女',
		3: '通用'
	},
	ageLevel: {
		1: '成人',
		2: '大童',
		3: '小童',
		'2|3':"大童/小童"
	},
	status: {
		'8': '待上架',
		'2': '待审核',
		'3': '驳回',
		'4': '通过',
		'1': '已上架',
		'0': '已下架',
		'5': '再上架待审核',
		'6': '再上架驳回',
		'7': '再上架通过'
	},
	attribute: {
		1: '普通',
		2: '赠品',
		3: '虚拟商品'
	},
	tab: {
		'1': 0,
		'2': 0,
		'3': 0,
		'4': 0,
		'all': 0
	},
	isVIP: {
		"Y": "是",
		"N": "否",
		"B": "品牌设置"
	}
};

var tabTree = new common.tabTree("#sortTree");
tabTree.init();



/*new common.dropDown({
			el: '#shopId',
			ajax: 'shopsRest'
		});*/

new common.dropDown({
	el: '#brandId',
	ajax: 'queryBrandByShopId',
	hash: true
});

var g = new common.grid({
	el: "#basicTable",
	parms: function() {
		return {
			productSkn: common.util.__input("productSkn"),
			productSkc: common.util.__input("productSkc"),
			productSku: common.util.__input("productSku"),
			productName: common.util.__input("productName"),
			shopId: shopId,
			brandId: common.util.__input("brandId"),
			isJit: common.util.__input("isJit"),
			stock: common.util.__input("stock"),
			isScreen: common.util.__input("isScreen"),
			isMeasure: common.util.__input("isMeasure"),
			gender: common.util.__input("gender"),
			maxSortId: tabTree.selected[0] ? tabTree.selected[0].id : "",
			middleSortId: tabTree.selected[1] ? tabTree.selected[1].id : "",
			smallSortId: tabTree.selected[2] ? tabTree.selected[2].id : "",
			isOutLets: common.util.__input("isOutLets"),
			productStatus: common.util.__input("productStatus"),
			size: common.util.__input("size"),
			productStatusStr: t.value,
			tab: $('#basicTab').find('.active').index(),
			isInfoMiss: t.isInfoMiss,
			sortFlag: t.sortFlag,
			skcOnsaleStatus:common.util.__input("skcOnsaleStatus"),
			isAdvance:common.util.__input("isAdvance")
		};
	},
	columns: [{
		display: '',
		type: 'checkbox',
		render: function(item) {
			if (item.shopId == shopId) {
				return '<input type="checkbox" name="" class="wqt_checkbox" data-index="' + item.__index + '">';
			} else {
				return '';
			}

		}
	}, {
		display: 'skn',
		name: 'productSkn',
		render: function(item) {
			return '<a href="/goods/netsale/info/' + item.productSkn + editPostion + '">' + item.productSkn + '</a>'
		}
	}, {
		display: '图片',
		name: 'picImgUrl',
		render: function(item) {
			if (item.picImgUrl) {
				return '<a class="list-img" target="_blank" href="' + item.productUrl + '"><img src="' + item.picImgUrl + '"></a>';
			} else {
				return '';
			}

		}
	}, {
		display: '商品信息',
		width: '30%',
		render: function(item) {
			var productName = item.productName ? item.productName : '',
				brandName = item.brandName ? item.brandName : '',
				sortName = '',
				html = '';

			if (item.smallSortName) {
				sortName = item.smallSortName
			} else if (item.middleSortName) {
				sortName = item.middleSortName;
			} else {
				sortName = item.maxSortName;
			}
			html += '<p><strong>名称：</strong><a target="_blank" href="' + item.productUrl + '">' + productName + '</a></p>';
			html += '<p><strong>品牌：</strong>' + brandName + '</p>';
			html += '<p><strong>类目：</strong>' + sortName;
			return html + '</p>';
		}
	}, {
		display: '售价',
		render: function(item) {
			var vip = ENUM.isVIP[item.isVIP] ? ENUM.isVIP[item.isVIP] : '',
				retailPrice = item.retailPrice ? item.retailPrice : '',
				salesPrice = item.salesPrice ? item.salesPrice : '';
			return '<p><strong>吊牌价：</strong>' + retailPrice + '</p>' +
				'<p><strong>销售价：</strong>' + salesPrice + '</p>' +
				'<p><strong>是否VIP：</strong>' + vip + '</p>';
			/*'<p style="color: #ccc;"><strong>yoho币：</strong>' + item.returnCoin + '</p>';*/
		}
	}, {
		display: '库存',
		name: 'stock'
	}, {
		display: '年龄层/性别',
		render: function(item) {
			var html = '';

			if (ENUM.ageLevel[item.ageLevel]) {
				html += ENUM.ageLevel[item.ageLevel];
				if (item.gender) {
					html += '/';
				}
			}
			if (ENUM.gender[item.gender]) {
				html += ENUM.gender[item.gender]
			}
			return html;
		}
	}, {
		display: '商品类别',
		name: 'attribute', //商品属性(1普通、2赠品等)   商品类别
		render: function(item) {
			if (item.attribute) {
				return ENUM.attribute[item.attribute];
			} else {
				return '';
			}

		}
	}, {
		display: '搜索/标签',
		hidden: true,
		render: function(item) {
			var searchAndLabel = item.searchAndLabel ? item.searchAndLabel : '',
				style = item.style ? item.style : '',
				pattern = item.pattern ? item.pattern : '',
				makeCrafts = item.makeCrafts ? item.makeCrafts : '';
			return '关键词：' + searchAndLabel + '<br>' +
				'风格：' + style + '<br>' +
				'纹理：' + pattern + '<br>' +
				'工艺：' + makeCrafts + '<br>';
		}
	}, {
		display: '操作信息',
		render: function(item) {
			var html = '';
			if (item.founderName) {
				html += '<p>' + item.founderName + '</p>';
			}

			if (item.editTime) {
				html += '<p>' + item.editTime + '</p>';
			}

			return html;
		}
	}, {
		display: '上架状态',
		name: 'status', // 8待上架，2待审核，3驳回，4通过，1已上架，0已下架，5再上架待审核，6再上架驳回，7再上架通过。
		render: function(item) {
			var html = '';
			if (ENUM.status[item.status]) {
				html += ENUM.status[item.status];
			}
			if (item.shelveTime) {
				html += '<br>上架时间：' + item.shelveTime;
			}
			if (item.status == 3 || item.status == 6) {
				html += '<p style="color:red;">(' + item.rejectReason + ')</p>'
			}
			return html;
		}
	}, {
		display: '缺失信息',
		hidden: true,
		render: function(item) {
			var html = [];
			html.push('<p style="color: red;">');
			var arr = item.missInfo ? item.missInfo.split(',') : '';
			for (var i in arr) {
				var item1 = $.trim(arr[i]);
				if (item) {
					html.push('<a href="/goods/netsale/edit/' + item.productSkn + editPostion + '#' + item1 + '">' + item1 + '</a>');
				}
			}
			html.push('</p>');
			return html.join('');
		}
	}, {
		display: '操作',
		render: function(item) {
			var HtmArr = [];

			if (item.shopId == shopId) {
				if (item.status == 4 || item.status == 1 || item.status == 5 || item.status == 6) {
					HtmArr.push('<a href="/goods/netsale/edit/' + item.productSkn + editPostion + '" class="btn btn-info btn-xs edit-btn">编辑</a>');
					HtmArr.push('<a href="javascript:;" class="btn btn-danger btn-xs shelve-btn" data-index="' + item.__index + '">下架</a>');
				} else if (item.status == 3 || item.status == 8 || item.status == 2 || item.status == 0) {
					HtmArr.push('<a href="/goods/netsale/edit/' + item.productSkn + editPostion + '" class="btn btn-info btn-xs edit-btn">编辑</a>');
					HtmArr.push('<a href="javascript:;" class="btn btn-success btn-xs shelve-btn" data-index="' + item.__index + '">上架</a>');
				}
			}

			HtmArr.push('<a href="/goods/netsale/info/' + item.productSkn + editPostion + '" class="btn btn-info btn-xs info-btn">查看</a>');
			return HtmArr.join('');
		}
	}]
});


var editPostion = '',
	shopId = common.util.__input("shopId");

var t = new common.tab({
	el: "#basicTab",
	_init: function(active) {
		g.options.columns[11].hidden = true;
		g.options.columns[8].hidden = true;
		g.options.page = 1;
		if (active == 3) {
			g.options.columns[11].hidden = false;
		} else if (active == 2) {
			g.options.columns[8].hidden = false;
		};

		if (active == 1 || active == 2) {
			editPostion = '#position9';
		} else {
			editPostion = '';
		}
	},
	click: function() {
		this._init(t.active);
		if (t.active == 3) {
			t.isInfoMiss = 'Y';
		} else {
			t.isInfoMiss = 'N';
		}

		if (t.active == 1 || t.active == 2 || t.active == 3) {
			t.sortFlag = 2;
		} else {
			t.sortFlag = 1;
		}
		g.init($("#gridurl").val());
	},
	columns: [{
		name: "0",
		value: '8,3,2',
		display: "上架前({1})"
	}, {
		name: "1",
		value: '4,1,0,5,6',
		display: "上架后({2})"
	}, {
		name: "2",
		value: '1',
		display: "搜索/标签({3})"
	}, {
		name: "3",
		value: '1',
		display: "上架后信息缺失({4})"
	}, {
		name: "all",
		value: 'all',
		display: "全部商品({all})"
	}]
}).init(ENUM.tab);

//tab
var loadtab = function() {
	t.active = undefined;
	setTimeout(function() {
		common.util.__ajax({
			url: '/product/queryTabProductNum',
			data: g.options.parms()
		}, function(res) {
			var __dt = $.extend({}, ENUM.tab, res.data);
			t.init(__dt);
		}, true);
	}, 400);
}
loadtab();



g.init($("#gridurl").val());

//筛选
$("#filter-btn").click(function() {
	loadtab();
	g.reload(1);
});

/*
 * 上架下架弹框
 * params: title(弹框标题), html(弹框内容html)
 */
function shelveModal(title, html) {
	var selectedArr = g.selected,
		len = selectedArr.length,
		productSknList = [],
		shelveLayer = null;

	if (len <= 0) {
		common.util.__tip('请选择要' + title + '的商品', 'warning');
		return;
	}

	$.each(selectedArr, function(i, value) {
		productSknList.push(value['productSkn']);
	});

	shelveLayer = common.dialog.open({
		title: title,
		content: html
	});


	if (len === 1 && g.selected[0].isAdvance === 'N') {
		$('#advanceBeginTime, #advanceEndTime').prop('disabled', true);
		$('#advanceBeginTime').parents('.form-group').find('.btn').addClass('disabled');
	}
	var e = new common.edit('.shelve-form');
	e.init();

	$('.shelve-form').on('click', '.btn', function() {
		var type = $(this).data('type');
		$(this).closest('.form-group').find('input').attr('required', true)
			.end().siblings('.form-group').find('input').attr('required', false);
			var data={};
			data.productSknList = JSON.stringify(productSknList);
			if($("#shelveTime").val()){
				if(type=="1"){
					data.shelveTime=$("#shelveTime").val();
					data.type=3;
				}else{
					data.onNewTime=$("#shelveTime").val();
					data.type=4;
				}
				
			}else{
				data.type=type;
			}
			common.util.__ajax({
				url:'/product/updateProductSknTimingInfo',
				data:data
			},function(res){
				if (res.code == 200) {
					e.$tip(res.message, function() {
						shelveLayer.close();
						loadtab();
						g.reload();
					}, 'growl-success');
				} else {
					//e.$tip(res.data.message);
					var html = '';
					$.each(res.data, function(key, value) {
						html += key + ':' + value + '<br>';
					});
					e.$tip(html);
				}
			});
	});
}
//批量skn上架
$('#onshelve').on('click', function() {
	shelveModal('上架', $('#onshelve-template').html());
});
//批量skn下架
$('#offshelve').on('click', function() {
	shelveModal('下架', $('#offshelve-template').html());
});


//导出
$('#export-btn').on('click', function() {
	var count = 0,
		selectedArr = g.selected,
		len = selectedArr.length,
		data = g.options.parms();

	$.each(data, function(key, value) {
		if (value && value != '' && key != 'size' && key != 'tab') {
			count++;
		}
	});

	if (count == 0 && len <= 0) {
		common.util.__tip('请选择导出商品的条件', 'warning');
		return;
	}

	if (len > 0) {
		data.productSknList = [];
		$.each(selectedArr, function(i, value) {
			data.productSknList.push(value['productSkn']);
		});
	}


	window.open("/ajax/down?queryConf=" + JSON.stringify(data) + "&type=netSale");
});

//sku skc上架表格
var shelveTable = new common.grid({
	el: "#shelve-table",
	secondIndex: 2,
	columns: [{
		display: 'SKC（商品信息）',
		render: function(item) {

			return 'SKC：' + item.productSkc + '<br>' +
				'颜色：' + item.goodsName;
		}
	}, {
		display: 'SKC上架操作（状态）',
		render: function(item) {
			if (item.status == 0) {
				return '<a class="btn btn-success btnskc" data-type="1" data-index="' + item.__index + '" href="javascript:;">点击上架</a>';
			} else {
				return '<a class="btn btn-danger btnskc" data-type="0" data-index="' + item.__index + '"  href="javascript:;">点击下架</a>';
			}
		}
	}, {
		display: '<div class="subhhead"><span>SKU</span><span>尺码</span><span>库存</span><span>SKU上架操作</span><span>SKU上架操作</span></div>',
		render: function(item) {
			console.log(item);
			return common.util.__template2($("#template2").html(), item)
		}
	}]
});

/*代码优惠*/
var goodsList = {},
	shelveLayer = null;
//单个sku,skc上下架
$('#basicTable').on('click', '.shelve-btn', function() {
	var item = g.rows[$(this).data("index")];

	var that = this;

	$(that).addClass('disabled');

	getdata(item.productSkn, function(res) {
		shelveLayer = common.dialog.open({
			title: '上/下架',
			width: 900,
			content: common.util.__template($('#template').html(), res.data.baseProductInfo.baseProduct)
		});

		$(that).removeClass('disabled');
		goodsList = res.data.goodsList;
		shelveTable.init(goodsList);
	});

});

function getdata(Skn, callback) {
	common.util.__ajax({
		url: '/goods/netsale/getdata',
		data: {
			param: Skn
		}
	}, function(res) {
		callback && callback(res);
	}, true);
}



$(document).on("click", ".btnskc", function() {
	var item = goodsList[$(this).data("index")];
	console.log(item);
	common.util.__ajax({
		url: '/product/updateGoodsStatus',
		data: {
			productSkc: item.productSkc,
			targetStatus: item.status ? 0 : 1
		}
	}, function(res) {
		if (res.code == 200) {
			getdata(item.productSkn, function(res) {
				goodsList = res.data.goodsList;
				shelveTable.init(res.data.goodsList);
			});
			g.init($("#gridurl").val());
		}
	})
});

$(document).on("click", ".btnsku", function() {
	var item = goodsList[$(this).data("index")]
	var item1 = item.goodsSizeList[$(this).data("subindex")];
	common.util.__ajax({
		url: '/product/updateProductSkuStatus',
		data: {
			productSku: item1.productSku,
			targetStatus: item1.status ? 0 : 1
		}
	}, function(res) {
		if (res.code == 200) {
			getdata(item.productSkn, function(res) {
				goodsList = res.data.goodsList;
				console.log(goodsList);
				shelveTable.init(res.data.goodsList);
			});
		}
	})
});

$(document).on("change", ".wqt_checkbox,.wqt_all", function() {
	var _count1 = 0,
		_count2 = 0,
		_isAdvance0=0,
		_isAdvance1=0;
	$.each(g.selected, function(index, item) {
		/*添加兼容逻辑*/
		if (item.status == 8 || item.status == 3 || item.status == 2 || item.status == 0) {
			_count1++; //上
		} else {
			_count2++; //下
		}
		if(item.isAdvance=="N"){
			_isAdvance0++;
		}
		if(item.isAdvance=="Y"){
			_isAdvance1++;
		}

	});
	if(_isAdvance0&&_isAdvance1){
		return;
	}

	if (_count1 == g.selected.length) {
		$('#onshelve').removeClass('disabled');
	} else {
		$('#onshelve').addClass('disabled');
	}

	if (_count2 == g.selected.length) {
		$('#offshelve').removeClass('disabled');
	} else {
		$('#offshelve').addClass('disabled');
	}
});