/////////////////////////////
// Result

class Result {

	preload() {
		game.load.image('icon_fullscreen', '../../../resources/image/icon/fullscreen_white.png');
	}

	create() {
		this.historyRecordManager = new HistoryRecordManager();

		this.game.stage.backgroundColor = '#4d4d4d';
		this.chartGraphics = game.add.graphics(100, game.world.height - 120);


		// top
		let backButton = new BackButton( () => {
			location.href = '../../web/client/menu_app.html';
		});

		let fullscreenButton = new FullscreenButton(this.game);


		// contents
		this.printScore();
		this.makeStartButton();

		let recordBoard = new RecordBoard();


		// bottom
		let screenBottom = new ScreenBottom();
		screenBottom.makeBottomLine();
		screenBottom.printBottomLeftText("게임 진행 정보");
		let playingAppName = appInfoManager.getAppNameKorean(sessionStorageManager.playingAppName);
		screenBottom.printBottomCenterText(playingAppName);
		screenBottom.printBottomRightText(sessionStorageManager.playerName);

		// this.loadHistoryRecords();

		// this.loadTypingStageData();
		// this.loadRanking();
	}

	printScore() {
		const style = { font: "64px Arial", fill: "#fff", align: "left", boundsAlignH: "center", boundsAlignV: "middle" };
		game.add.text(0, 0, "결과", style)
			.setTextBounds(0, 0, game.world.width, 100)
			.setShadow(3, 3, 'rgba(0, 0, 0, 0.5)', 2);

		let posY = 120;
		let score = NumberUtil.numberWithCommas(sessionStorageManager.score);
		console.log(score);
		style.font = "bold 80px Arial";
		game.add.text(0, 0, score, style)
			.setTextBounds(0, posY, game.world.width, 60)
			.setShadow(3, 3, 'rgba(0, 0, 0, 0.5)', 2);

		let highScore = NumberUtil.numberWithCommas(sessionStorageManager.highScore);
		console.log(highScore);
		style.font = "32px Arial";
		let highScoreText = game.add.text(0, 0, "오늘 최고 기록 : " + highScore, style)
			.setTextBounds(0, posY + 80, game.world.width, 40);
			// .setShadow(3, 3, 'rgba(0, 0, 0, 0.5)', 2);
		highScoreText.stroke = "#333";
		highScoreText.strokeThickness = 5;

	}

	makeStartButton() {
		let setting = new RoundRectButtonSetting(200, 100);
		setting.fontStyle.fontWeight = "bold";

		let startButton = new RoundRectButton(setting, "다시 시작", this.startStage);
		startButton.move(game.world.centerX, game.world.height / 2 - 70);
	}

	loadHistoryRecords() {
		this.historyRecordManager.clear();

		this.historyRecordManager.push(new HistoryRecordData("05/10", 15460));
		this.historyRecordManager.push(new HistoryRecordData("05/11", 3040));
		this.historyRecordManager.push(new HistoryRecordData("05/12", 460));
		this.historyRecordManager.push(new HistoryRecordData("05/13", 60));
		this.historyRecordManager.push(new HistoryRecordData("05/14", 8));

		this.printHistoryRecords();
	}

	printHistoryRecords(historyRecords) {
		for(let i = 0; i < this.historyRecordManager.count; i++) {
			let data = this.historyRecordManager.getAt(i);
			this.printRecord(i, data.date, data.record);
		}

		// this.chartGraphics.lineStyle(3, 0xffd900, 1);
		// this.chartGraphics.moveTo(0, 0);
		// this.chartGraphics.lineTo(game.world.width - 200, 0);
	}

	printRecord(index, date, record) {
		if(sessionStorageManager.playingAppName.indexOf("typing") > -1)
			this.printMouseAppHistory(index, date, record);
		else
			this.printMouseAppHistory(index, date, record);
	}

	printTypingAppHistory(index, date, record) {
		let posX = 60;
		let posY = game.world.height / 2 + 90 + 30 * index;

		var style = { font: "20px Arial", fill: "#ffc", align: "right", boundsAlignH: "right", boundsAlignV: "top" };

		style.boundsAlignH = "center";
		game.add.text(posX, posY, date, style)
			.setTextBounds(0, 0, 40, 40)
			.setShadow(3, 3, 'rgba(0, 0, 0, 0.5)', 2);

		game.add.text(posX + 60, posY, "(한)단어", style)
			.setTextBounds(0, 0, 60, 60)
			.setShadow(3, 3, 'rgba(0, 0, 0, 0.5)', 2);

		let numberWithCommas = NumberUtil.numberWithCommas(record);
		style.boundsAlignH = "right";
		game.add.text(posX + 120, posY, numberWithCommas, style)
			.setTextBounds(0, 0, 80, 60)
			.setShadow(3, 3, 'rgba(0, 0, 0, 0.5)', 2);
	}

	printMouseAppHistory(index, date, record) {
		let posX = 60;
		let posY = game.world.height / 2 + 90 + 30 * index;

		var style = { font: "20px Arial", fill: "#ffc", align: "right", boundsAlignH: "right", boundsAlignV: "top" };

		style.boundsAlignH = "center";
		game.add.text(posX, posY, date, style)
			.setTextBounds(0, 0, 100, 60)
			.setShadow(3, 3, 'rgba(0, 0, 0, 0.5)', 2);

		let numberWithCommas = NumberUtil.numberWithCommas(record);
		style.boundsAlignH = "right";
		game.add.text(posX + 80, posY, numberWithCommas, style)
			.setTextBounds(0, 0, 100, 60)
			.setShadow(3, 3, 'rgba(0, 0, 0, 0.5)', 2);
	}

	loadRanking() {

	}

	printRanking() {
		let posY = game.world.height / 2 + 20;
		var bar = game.add.graphics();
		bar.beginFill(0x000000, 0.1);
		bar.drawRect(0, posY, 1000, 60);

		const style = { font: "32px Arial", fill: "#fff", align: "left", boundsAlignH: "center", boundsAlignV: "middle" };

		let posX = 40;
		posY -= 30;
		style.fill = "#ffc";
		game.add.text(posX + 20, 4, "최근의 내 기록", style)
			.setTextBounds(0, posY, 200, 120)
			.setShadow(3, 3, 'rgba(0, 0, 0, 0.5)', 2);

		var arrayTabStyle = { font: "20px Arial", fill: "#ffc", align: "left", tabs: [ 80, 60, 60 ] };
		this.textMyRanking = game.add.text(posX, posY + 100, '', arrayTabStyle)
			.setShadow(3, 3, 'rgba(0, 0, 0, 0.5)', 2);

		posX = 340;
		style.fill = "#fff";
		arrayTabStyle.tabs = [ 40, 80, 120 ];
		arrayTabStyle.fill = "#fff";

		this.printRankingHeader(posX, posY, "수업시간 순위", style);
		this.textHourRanking = this.printRankingContent(posX, posY + 100, arrayTabStyle);

		posX = 560;
		this.printRankingHeader(posX, posY, "오늘의 순위", style);
		this.textDayRanking = this.printRankingContent(posX, posY + 100, arrayTabStyle);

		posX = 780;
		this.printRankingHeader(posX, posY, "이달의 순위", style);
		this.textMonthRanking = this.printRankingContent(posX, posY + 100, arrayTabStyle);

		// this.showMyRanking(this.makeTemporaryJsonRankingList());
		this.showRankingHour(this.makeTemporaryJsonRankingList());
		this.showRankingDay(this.makeTemporaryJsonRankingList());
		this.showRankingMonth(this.makeTemporaryJsonRankingList());
	}

	printRankingHeader(x, y, title, style) {
		game.add.text(x, 4, title, style)
			.setTextBounds(0, y, 200, 120)
			.setShadow(3, 3, 'rgba(0, 0, 0, 0.5)', 2);
	}

	printRankingContent(x, y, style) {
		return game.add.text(x, y, '', style)
			.setShadow(3, 3, 'rgba(0, 0, 0, 0.5)', 2);
	}

	showMyRanking(jsonRankingList) {
		if(jsonRankingList == null) {
			var rankEmpty = [ ];
			this.textMyRanking.parseList(rankEmpty);

			return;
		}

		var recordArray = this.getMyRankingArrayFromJSON(jsonRankingList);

		var recordCnt = recordArray.length;
		var startIndex = 0;
		if(recordCnt > 7)
			startIndex = recordCnt - 7;

		recordArray = recordArray.slice(startIndex);

		// console.log("Ranking Hour : " + recordArray);
		this.textMyRanking.parseList(recordArray);
	}

	makeTemporaryJsonRankingList() {
		let jsonRankingList = [
			{ "UserID":"17", "Name":"강경모", "BestRecord":"4400" },
			{ "UserID":"2", "Name":"강성태", "BestRecord":"3400" },
			{ "UserID":"3", "Name":"김기덕", "BestRecord":"2400" },
			{ "UserID":"4", "Name":"김남희", "BestRecord":"1400" },
			{ "UserID":"5", "Name":"고봉순", "BestRecord":"900" },
			{ "UserID":"6", "Name":"파르마", "BestRecord":"800" },
			{ "UserID":"1", "Name":"박지상", "BestRecord":"700" },
			{ "UserID":"8", "Name":"신현주", "BestRecord":"600" },
			{ "UserID":"9", "Name":"꼬봉이", "BestRecord":"500" },
			{ "UserID":"10", "Name":"거북이", "BestRecord":"400" },
			{ "UserID":"11", "Name":"다람쥐", "BestRecord":"300" },
			{ "UserID":"12", "Name":"사시미", "BestRecord":"200" },
			{ "UserID":"13", "Name":"태권도", "BestRecord":"100" },
			{ "UserID":"14", "Name":"합기도", "BestRecord":"40" },
			{ "UserID":"15", "Name":"우습지", "BestRecord":"10" },
			{ "UserID":"16", "Name":"하하하", "BestRecord":"4" },
		];

		return jsonRankingList;
	}

	showRankingHour(jsonRankingList) {
		if(jsonRankingList == null) {
			var rankEmpty = [ ];
			this.textHourRanking.parseList(rankEmpty);

			return;
		}

		/*
		var recordArray = this.getRankingArrayFromJSON(jsonRankingList2);
		*/
		var recordArray = this.getRankingArrayFromJSON(jsonRankingList);
		// console.log("Ranking Hour : " + recordArray);
		this.textHourRanking.parseList(recordArray);
		this.showMedal(this.medalHour, this.getMyRankFromJSON(jsonRankingList));
	}

	showRankingDay(jsonRankingList) {
		// console.log("Ranking Day : " + jsonRankingList);
		if(jsonRankingList == null) {
			var rankEmpty = [ ];
			this.textDayRanking.parseList(rankEmpty);

			return;
		}

		var recordArray = this.getRankingArrayFromJSON(jsonRankingList);
		// console.log("Ranking Day : " + recordArray);
		this.textDayRanking.parseList(recordArray);
		this.showMedal(this.medalDay, this.getMyRankFromJSON(jsonRankingList));
	}

	showRankingMonth(jsonRankingList) {
		if(jsonRankingList == null) {
			var rankEmpty = [ ];
			this.textMonthRanking.parseList(rankEmpty);

			return;
		}

		var recordArray = this.getRankingArrayFromJSON(jsonRankingList);
		// console.log("Ranking Month : " + recordArray);
		this.textMonthRanking.parseList(recordArray);
		this.showMedal(this.medalMonth, this.getMyRankFromJSON(jsonRankingList));
	}

	getMyRankingArrayFromJSON(jsonRankingList) {
		var startIndex = 0;
		var endIndex = jsonRankingList.length;

		var recordArray = [];
		for(var i = startIndex; i < endIndex; i++) {
			var bestRecordRow = [];
			var strDate = jsonRankingList[i]['Date'];
			var dateArray = strDate.split("-");
			var recordDate = new Date(dateArray[0], dateArray[1], dateArray[2]);
			bestRecordRow[0] = recordDate.getMonth() + "월 " + recordDate.getDate() + "일";
			bestRecordRow[1] = Math.floor(jsonRankingList[i]['BestRecord']);
			bestRecordRow[2] = getStageNameForKorean(jsonRankingList[i]['StageName']);
			// console.log("$BestRecordRow : " + bestRecordRow[0] + ", "  + bestRecordRow[1] + ", "  + bestRecordRow[2]);

			recordArray.push(bestRecordRow);
		}

		return recordArray;
	}

	getRankingArrayFromJSON(jsonRankingList) {
		var rankingListCount = jsonRankingList.length;
		var myRank = this.getMyRankFromJSON(jsonRankingList);
		var myRankIndex = myRank - 1;
		// console.log("myRankIndex : " + myRankIndex);

		var startIndex = 0;
		var endIndex = rankingListCount;

		if(rankingListCount > 7) {
			if(myRank < rankingListCount - 3) {		// my rank is better than the worst 3
				if(myRank < 5) {
					startIndex = 0;
					endIndex = rankingListCount > 7 ? 7 : rankingListCount;
				} else {
					startIndex = myRankIndex - 3;
					endIndex = myRankIndex + 4;
				}
			} else {		// my rank is in the worst 3
				startIndex = rankingListCount > 7 ? rankingListCount - 7 : 0;
				endIndex = rankingListCount;
			}
		}

		var recordArray = [];
		for(var i = startIndex; i < endIndex; i++) {
			var bestRecordRow = [];
			// bestRecordRow[0] = jsonRankingList[i]['UserID'];
			bestRecordRow[0] = i + 1;
			bestRecordRow[1] = jsonRankingList[i]['Name'];
			bestRecordRow[2] = NumberUtil.numberWithCommas(Math.floor(jsonRankingList[i]['BestRecord']));
			// console.log("$BestRecordRow : " + bestRecordRow[0] + ", "  + bestRecordRow[1] + ", "  + bestRecordRow[2]);

			recordArray.push(bestRecordRow);
		}

		return recordArray;
	}

	getMyRankFromJSON(jsonRankingList) {
		var myRank = -1;
		for(var i = 0; i < jsonRankingList.length; i++) {
			if(jsonRankingList[i]['UserID'] == sessionStorageManager.playerUserID) {
				myRank = i + 1;
			}
		}

		return myRank;
	}

	showMedal(medal, myRank) {
		/*
		if(myRank > 3) {
			medal.alpha = 0;
			return;
		}

		if(myRank == 1)
			medal.loadTexture("medal_gold");
		else if(myRank == 2)
			medal.loadTexture("medal_silver");
		else if(myRank == 3)
			medal.loadTexture("medal_bronze");

		medal.alpha = 1;
		medal.scale.setTo(0.5);
		game.add.tween(medal.scale).to( {x: 0.7, y: 0.7}, 1000, Phaser.Easing.Bounce.Out, true);
		*/
	}


	loadTypingStageData() {
		var self = this;

		xhr = new XMLHttpRequest();
		xhr.onreadystatechange = function() {
			// console.log("onreadystatechange : " + xhr);
			// console.log("xhr.readyState : " + xhr.readyState);
			// console.log("xhr.status : " + xhr.status);
			if(xhr.readyState == 4 && xhr.status == 200) {
				// console.log(xhr.responseText);
				var jsonData = JSON.parse(xhr.responseText);
				self.updateStageButton(jsonData);
			}
		}
		xhr.open('GET', 'activated_stage_list.php', true);
		xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
		xhr.send();
	}

	startStage() {
		location.href = "../../web/client/" + sessionStorageManager.playingAppName + ".html";
	}

}