const NetManage = require('../../manages/NetManage');
import { QualityStar } from '../QualityStar';
import { UIBase } from '../UIBase';
import { uimanger } from '../UIManger';
import { UIUpdateHero } from './UIUpdateHero';
import { UpdateChoose } from './updatechoose';
var gameConfig = require('gameConfig');

const { ccclass, property } = cc._decorator;

@ccclass
export class ChooseHeroUpQuality extends UIBase {
	public static prefabPath: string = 'prefabs/UIPrefab/pb_advenced';

	@property(cc.Node) mainHeroChoose: cc.Node = null;
	@property(cc.Node) secHeroChoose: cc.Node = null;
	@property(cc.Node) mainHero: cc.Node = null;
	@property(cc.Node) secHero: cc.Node = null;
	@property(cc.Node) finalHero: cc.Node = null;

	@property(cc.Label) costLabel: cc.Label = null;
	@property(cc.Label) timeLabel: cc.Label = null;
	@property(cc.Label) rateLabel: cc.Label = null;

	@property(QualityStar) beforeStar: QualityStar = null;
	@property(QualityStar) afterStar: QualityStar = null;

	@property(cc.Label) oldHp: cc.Label = null;
	@property(cc.Label) oldAtk: cc.Label = null;
	@property(cc.Label) oldDef: cc.Label = null;

	@property(cc.Label) newHp: cc.Label = null;
	@property(cc.Label) newAtk: cc.Label = null;
	@property(cc.Label) newDef: cc.Label = null;

	private mainHeroData: any;
	private secHeroData: any;

	private boxIndex = 0;

	init(data: any) {
		this.boxIndex = data.boxIndex;
	}

	onLoad(): void {
		this.oldAtk.string = '0';
		this.oldDef.string = '0';
		this.oldHp.string = '0';
		this.newAtk.string = '0';
		this.newDef.string = '0';
		this.newHp.string = '0';

		cc.Notifier.on('academyCHOOSE', this, this.hasGetOne.bind(this));
	}

	hasGetOne(data) {
		if (data.index == 0) {
			this.mainHeroChoose.active = false;
			this.mainHero.getComponent('herochoseone').initdata(data.heroInfo);
			this.finalHero.getComponent('herochoseone').initdata(data.heroInfo);
			this.mainHero.active = true;
			this.mainHeroData = data.heroInfo.hero_uniid;

			let cfg =
				gameConfig.heroQuality[
					`${parseInt(data.heroInfo.quality) + 1}`
				];

			this.costLabel.string = cfg.gold;
			this.timeLabel.string = cfg.time;
			this.rateLabel.string = cfg.success_rate + '%';
		} else if (data.index == 1) {
			this.secHeroChoose.active = false;
			this.secHero.getComponent('herochoseone').initdata(data.heroInfo);
			this.secHero.active = true;
			this.secHeroData = data.heroInfo.hero_uniid;
			console.log(JSON.stringify(data));
		}

		if (this.mainHeroData && this.secHeroData) {
			if (this.mainHeroData == this.secHeroData) {
				cc.uiHelper.showTips('Must Choose two different hero');
				return;
			}
			NetManage.upgradeQualityPreview(
				this.mainHeroData,
				this.secHeroData,
				(res) => {
					this.oldHp.string = res.old_hero.hp;
					this.oldAtk.string = res.old_hero.atk;
					this.oldDef.string = res.old_hero.def;

					this.newHp.string = res.new_hero.hp;
					this.newAtk.string = res.new_hero.atk;
					this.newDef.string = res.new_hero.def;

					this.beforeStar.initStar(res.old_hero.quality);
					this.afterStar.initStar(res.new_hero.quality);
				}
			);
		}
	}

	onDestroy(): void {
		cc.Notifier.off('academyCHOOSE', this);
	}

	onChooseHero(event, param) {
		var data = {
			index: param,
		};
		uimanger.showUI(UpdateChoose.prefabPath, data);
	}

	onClose() {
		this.node.destroy();
	}

	onOk() {
		if (this.mainHeroData && this.secHeroData) {
			if (this.mainHeroData == this.secHeroData) {
				cc.uiHelper.showTips('Must Choose two different hero');
				return;
			}

			NetManage.heroUpgradeQuality(
				this.mainHeroData,
				this.secHeroData,
				this.boxIndex,
				() => {
					var node = cc
						.find('Canvas')
						.getComponentInChildren(UIUpdateHero).node;
					node.emit('refreshUI');
					this.node.destroy();
					this.node.destroy();
				}
			);
		} else {
			cc.uiHelper.showTips('Must Choose two hero');
		}
	}
}