/**** 
* Plugins
****/ 
var tween = LK.import("@upit/tween.v1");

/**** 
* Classes
****/ 
var Cell = Container.expand(function (row, col) {
	var self = Container.call(this);
	self.row = row;
	self.col = col;
	self.state = 'empty'; // 'empty', 'X', 'O'
	// Cell background
	var background = self.attachAsset('cellBackground', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.mark = null;
	self.placeMark = function (markType) {
		if (self.state !== 'empty') return false;
		self.state = markType;
		if (markType === 'X') {
			self.mark = self.attachAsset('xMark', {
				anchorX: 0.5,
				anchorY: 0.5,
				scaleX: 0,
				scaleY: 0
			});
			tween(self.mark, {
				scaleX: 1,
				scaleY: 1
			}, {
				duration: 200,
				easing: tween.easeOut
			});
			LK.getSound('placeX').play();
		} else if (markType === 'O') {
			self.mark = self.attachAsset('oMark', {
				anchorX: 0.5,
				anchorY: 0.5,
				scaleX: 0,
				scaleY: 0
			});
			tween(self.mark, {
				scaleX: 1,
				scaleY: 1
			}, {
				duration: 200,
				easing: tween.easeOut
			});
			LK.getSound('placeO').play();
		}
		return true;
	};
	self.highlight = function () {
		tween(background, {
			tint: 0xf39c12
		}, {
			duration: 300,
			easing: tween.easeInOut
		});
	};
	self.down = function (x, y, obj) {
		if (gameState === 'playing') {
			handleCellClick(self);
		}
	};
	return self;
});
var GameBoard = Container.expand(function () {
	var self = Container.call(this);
	// Grid background
	var gridBg = self.attachAsset('gridBackground', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Grid lines - vertical
	var vLine1 = self.attachAsset('gridLine', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: -100,
		rotation: Math.PI / 2
	});
	var vLine2 = self.attachAsset('gridLine', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 100,
		rotation: Math.PI / 2
	});
	// Grid lines - horizontal
	var hLine1 = self.attachAsset('gridLine', {
		anchorX: 0.5,
		anchorY: 0.5,
		y: -100
	});
	var hLine2 = self.attachAsset('gridLine', {
		anchorX: 0.5,
		anchorY: 0.5,
		y: 100
	});
	self.cells = [];
	// Create 3x3 grid of cells
	for (var row = 0; row < 3; row++) {
		self.cells[row] = [];
		for (var col = 0; col < 3; col++) {
			var cell = new Cell(row, col);
			cell.x = (col - 1) * 200;
			cell.y = (row - 1) * 200;
			self.cells[row][col] = cell;
			self.addChild(cell);
		}
	}
	return self;
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x1a252f
});

/**** 
* Game Code
****/ 
var gameBoard;
var currentPlayer = 'X';
var gameState = 'playing'; // 'playing', 'gameOver'
var playerXScore = 0;
var playerOScore = 0;
var drawScore = 0;
// UI Elements
var currentPlayerText;
var scoreText;
var resultText;
// Initialize game board
gameBoard = new GameBoard();
gameBoard.x = 2048 / 2;
gameBoard.y = 2732 / 2 - 100;
game.addChild(gameBoard);
// Current player indicator
currentPlayerText = new Text2('Player X\'s Turn', {
	size: 80,
	fill: 0xFFFFFF
});
currentPlayerText.anchor.set(0.5, 0.5);
currentPlayerText.x = 2048 / 2;
currentPlayerText.y = 400;
game.addChild(currentPlayerText);
// Score display
scoreText = new Text2('X: 0  |  O: 0  |  Draws: 0', {
	size: 60,
	fill: 0xBDC3C7
});
scoreText.anchor.set(0.5, 0.5);
scoreText.x = 2048 / 2;
scoreText.y = 300;
game.addChild(scoreText);
// Result text (initially hidden)
resultText = new Text2('', {
	size: 100,
	fill: 0xF39C12
});
resultText.anchor.set(0.5, 0.5);
resultText.x = 2048 / 2;
resultText.y = 2000;
resultText.alpha = 0;
game.addChild(resultText);
function handleCellClick(cell) {
	if (cell.placeMark(currentPlayer)) {
		var winner = checkWinner();
		if (winner) {
			handleGameEnd(winner);
		} else if (isBoardFull()) {
			handleGameEnd('draw');
		} else {
			// Switch players
			currentPlayer = currentPlayer === 'X' ? 'O' : 'X';
			updateCurrentPlayerText();
		}
	}
}
function checkWinner() {
	var cells = gameBoard.cells;
	// Check rows
	for (var row = 0; row < 3; row++) {
		if (cells[row][0].state === cells[row][1].state && cells[row][1].state === cells[row][2].state && cells[row][0].state !== 'empty') {
			highlightWinningCells([cells[row][0], cells[row][1], cells[row][2]]);
			return cells[row][0].state;
		}
	}
	// Check columns
	for (var col = 0; col < 3; col++) {
		if (cells[0][col].state === cells[1][col].state && cells[1][col].state === cells[2][col].state && cells[0][col].state !== 'empty') {
			highlightWinningCells([cells[0][col], cells[1][col], cells[2][col]]);
			return cells[0][col].state;
		}
	}
	// Check diagonals
	if (cells[0][0].state === cells[1][1].state && cells[1][1].state === cells[2][2].state && cells[0][0].state !== 'empty') {
		highlightWinningCells([cells[0][0], cells[1][1], cells[2][2]]);
		return cells[0][0].state;
	}
	if (cells[0][2].state === cells[1][1].state && cells[1][1].state === cells[2][0].state && cells[0][2].state !== 'empty') {
		highlightWinningCells([cells[0][2], cells[1][1], cells[2][0]]);
		return cells[0][2].state;
	}
	return null;
}
function isBoardFull() {
	var cells = gameBoard.cells;
	for (var row = 0; row < 3; row++) {
		for (var col = 0; col < 3; col++) {
			if (cells[row][col].state === 'empty') {
				return false;
			}
		}
	}
	return true;
}
function highlightWinningCells(winningCells) {
	for (var i = 0; i < winningCells.length; i++) {
		winningCells[i].highlight();
	}
}
function handleGameEnd(result) {
	gameState = 'gameOver';
	if (result === 'X') {
		playerXScore++;
		resultText.setText('Player X Wins!');
		resultText.fill = '#e74c3c';
		LK.getSound('win').play();
		LK.setScore(LK.getScore() + 10);
	} else if (result === 'O') {
		playerOScore++;
		resultText.setText('Player O Wins!');
		resultText.fill = '#2ecc71';
		LK.getSound('win').play();
		LK.setScore(LK.getScore() + 10);
	} else if (result === 'draw') {
		drawScore++;
		resultText.setText('It\'s a Draw!');
		resultText.fill = '#f39c12';
		LK.getSound('draw').play();
		LK.setScore(LK.getScore() + 5);
	}
	updateScoreText();
	showResult();
	// Auto restart after 3 seconds
	LK.setTimeout(function () {
		resetGame();
	}, 3000);
}
function showResult() {
	resultText.alpha = 1;
	resultText.y = 1800;
	tween(resultText, {
		y: 1600
	}, {
		duration: 500,
		easing: tween.easeOut
	});
}
function updateCurrentPlayerText() {
	if (currentPlayer === 'X') {
		currentPlayerText.setText('Player X\'s Turn');
		currentPlayerText.fill = '#e74c3c';
	} else {
		currentPlayerText.setText('Player O\'s Turn');
		currentPlayerText.fill = '#2ecc71';
	}
}
function updateScoreText() {
	scoreText.setText('X: ' + playerXScore + '  |  O: ' + playerOScore + '  |  Draws: ' + drawScore);
}
function resetGame() {
	gameState = 'playing';
	currentPlayer = 'X';
	// Clear all cells
	var cells = gameBoard.cells;
	for (var row = 0; row < 3; row++) {
		for (var col = 0; col < 3; col++) {
			var cell = cells[row][col];
			cell.state = 'empty';
			if (cell.mark) {
				cell.removeChild(cell.mark);
				cell.mark = null;
			}
		}
	}
	updateCurrentPlayerText();
	// Hide result text
	tween(resultText, {
		alpha: 0,
		y: 2000
	}, {
		duration: 300,
		easing: tween.easeIn
	});
}
// Touch anywhere to restart when game is over
game.down = function (x, y, obj) {
	if (gameState === 'gameOver') {
		resetGame();
	}
};
game.update = function () {
	// Game logic is handled through events
};