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

var renderHd = false;
var g = new common.grid({
	el: "#basicTable",
	columns: [{
			display: '',
			name: 'foler',
			render: function(item) {
				var html = "", top = true;

				if (!renderHd) {
					html += $('#tableHdTemp').html();
					init(item);
					renderHd = true;
				} else {init(item)}
				return html;

				function init(item){
					if(top){
						html += "<div id='category_id_"+ item.categoryId +"' class='level-wrap clearfix'>";
						top = false;
					}else{
						html += "<div id='category_id_"+ item.categoryId +"' class='level-wrap clearfix' style='display: none'>"
					}
					html += common.util.__template2($('#tableTemp2').html(), item);
					if(item.items){
						for(var i=0; i<item.items.length; i++){
							init(item.items[i]);
						}
					}
					html += "</div>";
				}
			}
		}
	]
});

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

//编辑排序
$(document).on('change', '.saleCategoryNumInput', function() {
	if(checkNumInput($(this))){
		$(this).removeClass("errorNumInput");
		var categoryId = $(this).attr("categoryId");
		var orderBy = $(this).val();
		savePosition(categoryId,orderBy);
	}
});
//排序框校验
function checkNumInput(inputObj){
	if(inputObj.val()){
		if(!isNaN(inputObj.val())){
			if(inputObj.val() < 0){
				inputObj.focus().select().addClass("errorNumInput");
				common.util.__tip("排序数字请大于等于0！");
				return false;
			}
		}else{
			inputObj.focus().select().addClass("errorNumInput");
			common.util.__tip("排序必须为数字！");
			return false;
		}
	}else{
		inputObj.focus().addClass("errorNumInput");
		common.util.__tip("排序不能为空！");
		return false;
	}
	return true;
}
//排序实时保存
function savePosition(categoryId, orderBy){
	common.util.__ajax({
		url:'/sale/salesCategory/updateSC',
		data: {
			"categoryId": categoryId,
			"orderBy": orderBy
		}
	},function(rs){
		common.util.__tip("排序保存成功！","success");
	},true);
}

//打开层级类目
$(document).on('click', '.folder', function() {
	var $wrap = $(this).parent();
	if (!$(this).hasClass('open')) {
		if ($wrap.find('> .level-wrap').size() > 0) {
			var position = $(this).css("background-position");
			var a = position.substring(0,position.indexOf("px"));
			$wrap.find('> .level-wrap').show().find(".folder").css("background-position", (parseInt(a)+36) + "px");
			$(this).addClass('open');
		}
	} else {
		$(this).removeClass('open');
		if ($wrap.find('.level-wrap').size() > 0) {
			$wrap.find('.level-wrap').hide().find(".folder").removeClass('open').css("background-position", "12px center");
		}
	}
});

var e = null,
	tabTree = null,
	tabTreeArr = [],
	editHtml = $('#editTemp').html();

function initDialog(){
	common.dialog.confirm(
		'销售类目编辑',
		"<div class='saleCategoryEdit'>加载中...</div>",
		function(){
			if(checkForm()){
				saveBrand()
			}else{
				return false;
			}
		}, function(){}
	);
	$(".modal-dialog").css("width","900px");
}

function initForm(data) {
	var parentName = "";
	getParentsName(data.parentSC);
	if(data.curParent){
		data.parentName = (parentName == "" ? data.curParent : parentName + "&nbsp;&nbsp;>&nbsp;&nbsp;" + data.curParent);
	}else{
		data.parentName = (parentName == "" ? "（无根目录）" : parentName);
	}

	$(".saleCategoryEdit").html(common.util.__template2(editHtml, data)),
	e = new common.edit('#basicForm', {bucket: 'taobaocms'});
	e.init();

	//循环父类信息
	function getParentsName(parentsData){
		if(parentsData && parentsData.length > 0){
			var parent = parentsData[0];
			parentName += parent.categoryName;
			if(parent.items) parentName += "&nbsp;&nbsp;>&nbsp;&nbsp;";
			getParentsName(parent.items, parentName);
		}else{
			return parentName;
		}
	}
}
//弹层表单校验
function checkForm(){
	var categoryName = $("#categoryName").val();
	if(!categoryName || categoryName == ""){
		$("#categoryName").addClass("error");
		common.util.__tip("销售类目名称不能为空！");
		return false;
	}
	return true;
}

//添加根分类
$('#add-root-category').on('click', function() {
	initDialog();
	var data = {};
	data.action = '/sale/salesCategory/addSC';
	initForm(data);

	tabTreeArr=[];
	tabTree = new common.tabTree(".sortTree", {
		status: 1,
		sortLevel: 1
	});
	tabTree.init();
	tabTreeArr.push(tabTree);
	checkSortNum();
});

//添加子分类
$(document).on('click', '.add-sub-category', function() {
	initDialog();
	var categoryId = $(this).parent().data('id');
	common.util.__ajax({
		url: '/sale/salesCategory/querySCById',
		data: {
			categoryId: categoryId
		}
	}, function(res) {
		var data = {};
		data.action = '/sale/salesCategory/addSC';
		data.parentSC = res.data.parentSC;
		data.curParent = res.data.categoryName;
		data.subCategoryName = res.data.categoryName;
		data.parentId = res.data.categoryId;
		initForm(data);

		tabTreeArr = [];
		tabTree = new common.tabTree(".sortTree", {
			status: 1,
			sortLevel: 1
		});
		tabTree.init();
		tabTreeArr.push(tabTree);
		checkSortNum();
	}, true);
});

//编辑销售类目
$(document).on('click', '.edit-btn', function() {
	initDialog();
	var categoryId = $(this).parent().data('id');
	common.util.__ajax({
		url: '/sale/salesCategory/querySCById',
		data: {
			categoryId: categoryId
		}
	}, function(res) {
		res.data.action = '/sale/salesCategory/updateSC';
		initForm(res.data);

		console.log(res.data);
		if(res.data.relationProductSort && res.data.relationProductSort.length > 0){
			//渲染物理类目
			var selectedArr = [];
			$.each(res.data.relationProductSort, function(i, item) {
				var sort = [{id: item.id, sortName: item.sortName}];
				addSelected(sort, item);
				selectedArr.push(sort);
			});
			if (selectedArr.length > 0) {
				$('.sort-wrap').empty();
				tabTreeArr = [];
				$.each(selectedArr, function(i, item) {
					var $sortGroup = $($('#sortWrap').html());
					$sortGroup.appendTo($('.sort-wrap'));
					checkSortNum();
					tabTree = new common.tabTree(".sortTree:last", {
						status: 1,
						sortLevel: 1
					});
					tabTreeArr.push(tabTree);
					tabTree.init(item);
				});
			}
		}else {
			tabTreeArr = [];
			tabTree = new common.tabTree(".sortTree", {
				status: 1,
				sortLevel: 1
			});
			tabTree.init();
			tabTreeArr.push(tabTree);
			checkSortNum();
		}
	}, true);
});

function addSelected(arr, item) {
	if (item && item.parentPS) {
		arr.unshift({id: item.parentPS.id, sortName: item.parentPS.sortName});
		addSelected(arr, item.parentPS)
	}
}

function checkSortNum() {
	if ($('.sort-wrap').find('.row').size() > 1) {
		$('.sort-wrap').find('.row').find('.add-sort-btn').hide().end().find('.del-sort-btn').show();
		$('.sort-wrap').find('.row:last').find('.add-sort-btn').show().end().find('.del-sort-btn').show();
	} else {
		$('.sort-wrap').find('.row:first').find('.add-sort-btn').show().end().find('.del-sort-btn').hide();
	}
}

//添加物理类目
$(document).on('click', '.add-sort-btn',function() {
	var $sortGroup = $($('#sortWrap').html());
	$sortGroup.appendTo($('.sort-wrap'));
	tabTree = new common.tabTree(".sortTree:last", {
		status: 1,
		sortLevel: 1
	});
	tabTreeArr.push(tabTree);
	tabTree.init();
	checkSortNum();
});

//删除物理类目
$(document).on('click', '.del-sort-btn', function() {
	var sortIndex = $(this).parents('.row').index();
	$(this).parents('.row').remove();
	tabTreeArr.splice(sortIndex, 1);
	checkSortNum();
});

//保存销售类目
function saveBrand(){
	e.submit($('#basicForm').attr('action'), function(option) {
		var selected = [];
		$.each(tabTreeArr, function(i, item){
			if (item.selected.length > 0) {
				selected.push(item.selected[item.selected.length - 1].id);
			}
		});
		option.data.relationParameter = selected.join(',');
		console.log(option.data.relationParameter);
		option.success = function(res) {
			res = res.data;
			if (res.code == '200') {
				console.log(res);
				var categoryId = res.data.categoryId;
				var parentId = res.data.parentId;
				var thisCategory = $("#category_id_" + categoryId);

				if(thisCategory.length > 0){  //编辑保存
					if(res.data.categoryName) { $("#category_id_" + categoryId).find("span").eq(2).html(res.data.categoryName); }
					if(res.data.icon) { $("#category_id_" + categoryId).find("span").eq(4).html("<img src='"+ res.data.icon +"' alt=''>"); }
					e.$tip("编辑成功！", function() {}, 'growl-success');
				}else if(parentId == "0"){  //添加根目录
					initCategory(res.data);
					e.$tip("添加根目录成功！", function() {}, 'growl-success');
				}else{  //添加子目录
					initCategory(res.data, parentId);
					e.$tip("添加子目录成功！", function() {}, 'growl-success');
				}
			} else {
				e.$tip(res.message);
			}
		}
	});
}
//销售类目前端局部刷新
function initCategory(data,parentId){
	if(parentId){
		var html = "<div id='category_id_"+ data.categoryId +"' class='level-wrap clearfix' style='display: none'>";
		html += common.util.__template2($('#tableTemp2').html(), data);
		html += "</div>";
		$("#category_id_" + parentId).append(html);
		if($("#category_id_" + parentId).find(".folder").hasClass("open")){
			$("#category_id_" + data.categoryId).show();
			$("#category_id_" + data.categoryId + " .folder").css("background-position", (12 + 36 * (data.levelNumber - 1)) + "px");
		}else{
			$("#category_id_" + parentId).find(".folder").click();
		}
	}else{
		var html = "<tr><td><div id='category_id_"+ data.categoryId +"' class='level-wrap clearfix'>";
		html += common.util.__template2($('#tableTemp2').html(), data);
		html += "</div></td></tr>";
		$(".grid table tbody").append(html);
	}
	newCategorySee(data.categoryId);
}
//新增的销售类目高亮
function newCategorySee(categoryId){
	$("#category_id_" + categoryId).addClass("newCategory");
	setTimeout(function() {
		$("#category_id_" + categoryId).removeClass("newCategory");
	}, 3000);
	$('html,body').animate({scrollTop:$("#category_id_" + categoryId).offset().top - window.screen.height/2}, 800)
}

//开启销售类目
$(document).on('click', '.open-category', function() {
	var categoryId = $(this).parent().data('id'),
		categoryName = $(this).parent().data('name');

	common.dialog.confirm("温馨提示", "确定&nbsp;&nbsp<b><font color='#449d44'>开启&nbsp;&nbsp;</font>【" + categoryName + "】</b>&nbsp;&nbsp;分类吗？", function() {
		common.util.__ajax({
			url: '/sale/salesCategory/updateSCStatus',
			data: {
				categoryId: categoryId,
				state: 1
			}
		}, function(res){
			if (res.code == 200) {
				$("#category_id_" + categoryId).find(".status").html("<b style='color: #449d44'>开启</b>");
				$("#category_id_" + categoryId).find(".openAndClose").html("<a class='btn btn-danger btn-xs close-category' href='javascript:;'>关闭</a>");
				common.util.__tip("开启成功！","success");
			} else{
				common.util.__tip(res.data.message);
			}
		},true)
	});
})
//关闭销售类目
$(document).on('click', '.close-category', function() {
	var categoryId = $(this).parent().data('id'),
		categoryName = $(this).parent().data('name');

	common.dialog.confirm("温馨提示", "确定&nbsp;&nbsp<b><font color='#ff0000'>关闭&nbsp;&nbsp;</font>【" + categoryName + "】</b>&nbsp;&nbsp;分类吗？", function() {
		common.util.__ajax({
			url: '/sale/salesCategory/updateSCStatus',
			data: {
				categoryId: categoryId,
				state: 0
			}
		}, function(res){
			if (res.code == 200) {
				$("#category_id_" + categoryId).find(".status").html("<b style='color: #d9534f'>关闭</b>");
				$("#category_id_" + categoryId).find(".openAndClose").html("<a class='btn btn-warning btn-xs open-category' href='javascript:;'>开启</a>");
				common.util.__tip("关闭成功！","success");
			}else{
				common.util.__tip(res.data.message);
			}
		},true)
	});
})

//切换状态重载列表
$('input[name="state"]').on('change', function() {
	$(this).parent().addClass('current').siblings().removeClass('current');
	g.reload();
});

$(document).on('change', '#categoryName', function(){$(this).removeClass("error")})