import GameModel from "../ts/core/GameModel";
import AudioUtil from "../ts/core/AudioUtil";
import SKDataUtil from "../ts/gear_2.3.4/util/SKDataUtil";
import WingUtil from "../ts/wing/WingUtil";
import ItemUtil from "../ts/core/ItemUtil";
import SuitSkillItem from "../ts/game/baldric/SuitSkillItem";
import PopupManager from "../ts/gear_2.3.4/manager/PopupManager";
import FGAlert from "../ts/gear_2.3.4/fgui/FGAlert";
import FGUtil, { TipAlign } from "../ts/gear_2.3.4/fgui/FGUtil";
import MsgAlert from "../ts/game/msg/MsgAlert";
import Transformation from "../ts/transformation/Transformation";

cc.Class({
	extends: cc.Component,

	properties: {
		itemContent: cc.Node,
		checkMark: cc.Node,
		equipNodes: [cc.Node],
		baldricNodes: [cc.Node],
		baldricSkill: cc.Node,
		roleNode: cc.Node,
		scoreLabel: cc.Label,
		bagItem: cc.Prefab,
		equipItem: cc.Prefab,
		schemeName: cc.Label,
		SchemePanel: cc.Prefab,
		lockerPrefab: cc.Prefab,
		m_BagGoods: cc.Toggle,
		m_SortIcon: cc.Node,
	},

	onLoad() {
		this.currentY = 0;
		this.currentSelected = -1;
		this.itemNodes = [];
		this.firstTime = true;
		this.slideDuration = 0.2;
		// GameModel.send('c2s_get_bagitem', { roleid: GameModel.player.roleid });
		this.roleNode.getComponent('UIRole').setInfo(GameModel.player);
		this.setSchemeName();
	},

	clickEquipTab(event, data) {
if (data == "0") {// 裝備
			var equipNode = cc.find("mask/equipItems", this.node);
			if (equipNode.active == true) return;
			var baldricNode = cc.find("mask/baldricItems", this.node);
			cc.find("equip_tc/title2", this.node).active = true;
			cc.find("equip_tc/title1", this.node).active = false;
			let t = cc.tween;
			t(baldricNode)
				.parallel(
					t().to(this.slideDuration, { opacity: 0 }),
					t().by(this.slideDuration, { x: -300 })
				)
				.call(() => {
					baldricNode.active = false
				})
				.start();
			equipNode.active = true;
			t(equipNode)
				.parallel(
					t().to(this.slideDuration, { opacity: 255 }),
					t().by(this.slideDuration, { x: -300 })
				)
				.start();
			t(this.checkMark)
				.to(this.slideDuration, { x: -44.255 })
				.start();
} else if (data == "1") {// 佩飾
			var baldricNode = cc.find("mask/baldricItems", this.node);
			if (baldricNode.active == true) return;
			var equipNode = cc.find("mask/equipItems", this.node);
			cc.find("equip_tc/title1", this.node).active = true;
			cc.find("equip_tc/title2", this.node).active = false;
			let t = cc.tween;
			t(equipNode)
				.parallel(
					t().to(this.slideDuration, { opacity: 0 }),
					t().by(this.slideDuration, { x: 300 })
				)
				.call(() => {
					equipNode.active = false
				})
				.start();
			baldricNode.active = true;
			t(baldricNode)
				.parallel(
					t().to(this.slideDuration, { opacity: 255 }),
					t().by(this.slideDuration, { x: 300 })
				)
				.start();
			t(this.checkMark)
				.to(this.slideDuration, { x: 44.255 })
				.start();
		}
	},

// 點擊倉庫
	clickWareHouse(event, data) {
		let canvas = cc.find('Canvas');
		if (!canvas.getChildByName('LockerPanel')) {
			let locker = cc.instantiate(this.lockerPrefab);
			locker.parent = canvas;
			locker.name = 'LockerPanel';
		}
	},
	setSchemeName() {
		if (GameModel.player.schemename && GameModel.player.schemename != '') {
			this.schemeName.string = GameModel.player.schemename;
		}
	},
	start() {
		if (GameModel.player.getItemList() == null || GameModel.player.getItemNum() == 0) {
			GameModel.send('c2s_get_bagitem', {
				roleid: GameModel.player.roleid
			});
		} else {
			this.loadBagList();
		}
	},
	loadBagList() {
		this.unscheduleAllCallbacks();
		this.itemContent.destroyAllChildren();
		this.itemNodes = [];
		let list = [];
		if (GameModel.equipData) {
			let score = GameModel.equipData.score;
			if (!score) {
				score = 0;
			}
			this.scoreLabel.string = score;
			for (let index = 0; index < this.equipNodes.length; index++) {
				let equipid = GameModel.equipData.use[index + 1];
				let equipNode = this.equipNodes[index];
				equipNode.getComponent('EquipItem').reset();
				let hasWing = false;
				if (equipid && GameModel.equipData.info[equipid]) {
					equipNode.getChildByName('itembg').active = true;
					let data = GameModel.equipData.info[equipid];
					// if (data.EIndex == 6) {
					// 	hasWing = true;
					// 	let wingId = SKDataUtil.findByDict(GameModel.game_conf.wing, "resid", data.Shape, "id", 0);
					// 	WingUtil.playAni(this.roleNode, GameModel.player.resid, 1, "stand", 0, wingId);
					// }
					equipNode.getComponent('EquipItem').loadInfo(data);
				}
				// if (!hasWing) {
				// 	console.log("has no wingwinwwin")
				// 	WingUtil.playAni(this.roleNode, GameModel.player.resid, 1, "stand", 0, 0);
				// }
			}
			let equipData = GameModel.equipData;
			for (let index = 0; index < this.baldricNodes.length; index++) {
				let equipid = equipData.use[index + 7];
				let equipNode = this.baldricNodes[index];
				equipNode.getComponent('EquipItem').reset();
				if (equipid && equipData.info[equipid]) {
					equipNode.getChildByName('itembg').active = true;
					let data = equipData.info[equipid];
					equipNode.getComponent('EquipItem').loadInfo(data);
				}
			}

			let suitSkill = ItemUtil.getBaldricSuitSkill();
			if (suitSkill) {
				if (this.firstTime) {
					this.firstTime = false;
				} else {
					suitSkill.name.split(".");
//MsgAlert.addMsg(`您已激活套裝技能 [img]ui://main_ui/${suitSkill.icon}[/img][color=#00FF7F]【${suitSkill.name.split(".")[0]}】[/color]!`);
				}
				this.baldricSkill.active = true;
				let item = this.baldricSkill.getComponent(SuitSkillItem);
				item.load(suitSkill);
			} else {
				this.baldricSkill.active = false;
			}
			for (const equip of equipData.list) {
				if (equipData.info[equip]) {
					let info = {
						itemid: equip,
						info: GameModel.equipData.info[equip],
						type: 1
					};
					list.push(info);
				}
			}
		}
		let itemList = GameModel.player.itemList;
		for (let itemId in itemList) {
			let count = SKDataUtil.valueForKey(GameModel.player.itemList, itemId);
			if (count != null && count > 0) {
				if (ItemUtil.getItemData(itemId).type == 15) continue
				if (itemId >= 1003010 && itemId <= 1003100) continue
				let info = {
					itemid: itemId,
					count: count,
					type: 0
				};
				list.push(info);
			}
		}
		let bagMaxLength = GameModel.player.bagKindNum;
		let maxLength = 0;
		if (list.length > maxLength) {
			maxLength = list.length;
		}
		this.itemContent.height = (Math.ceil(bagMaxLength / 5) + 1) * 75;
		let timeWait = 0;
		for (let index = 0; index < bagMaxLength + 5; index++) {
			this.scheduleOnce(() => {
				if (!this.itemContent) return
				let item = null;
				if (index < list.length) {
					if (list[index].type == 1) {
						item = cc.instantiate(this.equipItem);
						item.parent = this.itemContent;
						item.getComponent('EquipItem').loadInfo(list[index].info);
					} else {
						item = cc.instantiate(this.bagItem);
						item.parent = this.itemContent;
						if (index < list.length) {
							item.getComponent('BagItem').loadInfo(list[index]);
						}
					}
					item.x = -150 + index % 5 * 75;
					item.y = -37.5 - Math.floor(index / 5) * 75;
					let btn = item.getComponent(cc.Button);
					var clickEventHandler = new cc.Component.EventHandler();
					clickEventHandler.target = this.node;
					clickEventHandler.component = "BagPanel";
					clickEventHandler.customEventData = index;
					clickEventHandler.handler = "bagItemClicked";
					btn.clickEvents.push(clickEventHandler);
					this.itemNodes.push(item);
				} else if (index < bagMaxLength) {
					item = cc.instantiate(this.bagItem);
					item.getComponent('BagItem').loadInfo({ canSelect: !1 });
					item.parent = this.itemContent;
					this.itemNodes.push(item);
				} else {
					item = cc.instantiate(this.bagItem);
					item.getComponent('BagItem').loadInfo({ canSelect: !1, lock: !0 });
					item.parent = this.itemContent;
//添加解鎖事件
					let btn = item.getComponent(cc.Button);
					var clickEventHandler = new cc.Component.EventHandler();
					clickEventHandler.target = this.node;
					clickEventHandler.component = "BagPanel";
					clickEventHandler.handler = "bagItemUnclock";
					btn.clickEvents.push(clickEventHandler);
					this.itemNodes.push(item);
				}
			}, timeWait)
			timeWait += 0.01;
		}
		this.SetMoneyInfo();

		this.itemNodesTemp = this.itemNodes
// 自然
		this.m_SortIcon.getChildByName("sort_0").getChildByName("icon").getComponent(cc.Sprite).spriteFrame = ItemUtil.getItemIcon("1002");
// 裝備
		this.m_SortIcon.getChildByName("sort_1").getChildByName("icon").getComponent(cc.Sprite).spriteFrame = ItemUtil.getItemIcon("102305");
// 其他
		this.m_SortIcon.getChildByName("sort_2").getChildByName("icon").getComponent(cc.Sprite).spriteFrame = ItemUtil.getItemIcon("5503");
// 五行
		this.m_SortIcon.getChildByName("sort_3").getChildByName("icon").getComponent(cc.Sprite).spriteFrame = ItemUtil.getItemIcon("20011");
// 寶石
		this.m_SortIcon.getChildByName("sort_4").getChildByName("icon").getComponent(cc.Sprite).spriteFrame = ItemUtil.getItemIcon("10001");
// 技能
		this.m_SortIcon.getChildByName("sort_5").getChildByName("icon").getComponent(cc.Sprite).spriteFrame = ItemUtil.getItemIcon("8229");
// 藥品
		this.m_SortIcon.getChildByName("sort_6").getChildByName("icon").getComponent(cc.Sprite).spriteFrame = ItemUtil.getItemIcon("40006");
	},
// 點擊佩飾套裝技能
	clickSuitSkill(event, data) {
		let target = event.target;
		let suitSkillItem = target.getComponent(SuitSkillItem);
		if (suitSkillItem) {
			ItemUtil.showSuitSkill(ItemUtil.suitId);
		}
	},
	useEquipClicked(e, d) {
		e.target.getComponent('EquipItem').selected();
	},
	bagItemClicked(e, d) {
		if (this.currentSelected == d) {
			return;
		}
		for (const item of this.itemNodes) {
			if (e.target == item) {
				continue;
			}
			item.getComponent('BagItem') && item.getComponent('BagItem').unSelected();
			item.getComponent('EquipItem') && item.getComponent('EquipItem').unSelected();
		}
	},

	bagItemUnclock() {
		var iconId = "", priceStr = "", color = "FF74FF";
		var self = this;
		if (GameModel.player.bagKindNum > 65) {
			iconId = "9004";
			priceStr = "500";
console.log(`消耗${priceStr}仙玉開啟背包格子？`);
		} else {
			iconId = "90001";
			var price = (((GameModel.player.bagKindNum - 50) / 5 * 500 + 500) * 50).toString();
			priceStr = `[color=#${color}]${price}[/color]`;
console.log(`消耗${price}銀幣開啟背包格子？`);
		}
FGAlert.show(`是否花費[img]ui://main_ui/${iconId}[/img]${priceStr}開啟5個格子?`, () => {
			FGAlert.hide();
		}, () => {
			FGAlert.hide();
			GameModel.send("c2c_open_backpack_grid", {
				roleId: GameModel.player.roleid
			});
		});
	},

	onCloseBtnClicked(event, data) {
		AudioUtil.playCloseAudio();
		this.roleNode.getComponent('UIRole').clear();
		this.unscheduleAllCallbacks();
		this.node.destroy();
	},

	SetMoneyInfo() {
		let topnode = cc.find('topInfo', this.node);
		let toplogic = topnode.getComponent('TopInfo');
		toplogic.updateGameMoney();
	},

	showSchemeListPanel() {
		let schemePanel = cc.instantiate(this.SchemePanel);
		schemePanel.parent = cc.find('Canvas/MainUI');
	},

	onAccessorySuitClick() {
		let url = `Prefabs/Accessory/AccessorySuit`;
		cc.loader.loadRes(url, cc.Prefab, (error, prefab) => {
			if (error) {
SKLogger.warn(`$警告:加載資源${url}錯誤!`);
				return;
			}
			PopupManager.showView(prefab);
		});
	},

// 排序規則
	onBtnSort(event, custom) {
		for (const item of this.itemNodes) {
			item.getComponent('BagItem') && item.getComponent('BagItem').unSelected();
			item.getComponent('EquipItem') && item.getComponent('EquipItem').unSelected();
			item.parent = null
		}
		var temp = []
		for (const item of this.itemNodes) {
			switch (custom) {
case "0": // 自然排序
					temp = this.itemNodesTemp
					break;
case "1": // 裝備
					if (item.getComponent('EquipItem') && item.getComponent('EquipItem').itemInfo.classify == 1) {
						item.parent = this.itemContent
					} else if (item.getComponent('BagItem') && item.getComponent('BagItem').itemInfo && item.getComponent('BagItem').itemInfo.classify == 1) {
						item.parent = this.itemContent
					} else {
						temp.push(item)
					}
					continue;
case "2": // 其他
					if (item.getComponent('EquipItem') && (item.getComponent('EquipItem').itemInfo.classify == 0)) {
						item.parent = this.itemContent
					} else if (item.getComponent('BagItem') && item.getComponent('BagItem').itemInfo && (item.getComponent('BagItem').itemInfo.classify == 0)) {
						item.parent = this.itemContent
					} else {
						temp.push(item)
					}
					continue;
case "3": // 五行
					if (item.getComponent('EquipItem') && item.getComponent('EquipItem').itemInfo.classify == 2) {
						item.parent = this.itemContent
					} else if (item.getComponent('BagItem') && item.getComponent('BagItem').itemInfo && item.getComponent('BagItem').itemInfo.classify == 2) {
						item.parent = this.itemContent
					} else {
						temp.push(item)
					}
					continue;
case "4": // 寶石
					if (item.getComponent('EquipItem') && item.getComponent('EquipItem').itemInfo.classify == 3) {
						item.parent = this.itemContent
					} else if (item.getComponent('BagItem') && item.getComponent('BagItem').itemInfo && item.getComponent('BagItem').itemInfo.classify == 3) {
						item.parent = this.itemContent
					} else {
						temp.push(item)
					}
					continue;
case "5": // 技能
					if (item.getComponent('EquipItem') && item.getComponent('EquipItem').itemInfo.classify == 4) {
						item.parent = this.itemContent
					} else if (item.getComponent('BagItem') && item.getComponent('BagItem').itemInfo && item.getComponent('BagItem').itemInfo.classify == 4) {
						item.parent = this.itemContent
					} else {
						temp.push(item)
					}
					continue;
case "6": // 藥品
					if (item.getComponent('EquipItem') && item.getComponent('EquipItem').itemInfo.classify == 5) {
						item.parent = this.itemContent
					} else if (item.getComponent('BagItem') && item.getComponent('BagItem').itemInfo && item.getComponent('BagItem').itemInfo.classify == 5) {
						item.parent = this.itemContent
					} else {
						temp.push(item)
					}
					continue;
				default:
					continue;
			}
		}

		for (const item of temp) {
			item.parent = this.itemContent
		}

		this.m_BagGoods.isChecked = true
	},

	clickTransformation(e, d) {
		if (d == "2") {
			AudioUtil.playCloseAudio();
			this.unscheduleAllCallbacks();
			this.roleNode.getComponent('UIRole').clear();
			this.node.destroy();
			Transformation.Instance.openTransformation()
		}
	}
});