/**** 
* Classes
****/ 
// Class for the Tic Tac Toe board
var Board = Container.expand(function () {
	var self = Container.call(this);
	self.grid = [[new Piece(), new Piece(), new Piece()], [new Piece(), new Piece(), new Piece()], [new Piece(), new Piece(), new Piece()]];
	for (var i = 0; i < 3; i++) {
		for (var j = 0; j < 3; j++) {
			self.addChild(self.grid[i][j]);
			self.grid[i][j].x = i * 2048 / 3 + 2048 / 6;
			self.grid[i][j].y = j * 2732 / 3 + 2732 / 6;
		}
	}
	self.currentPlayer = 'X';
	// Create the board with two horizontal and two vertical white lines
	line1 = self.attachAsset('line1', {
		x: 0,
		y: 2732 / 3
	});
	line2 = self.attachAsset('line2', {
		x: 0,
		y: 2 * 2732 / 3
	});
	line3 = self.attachAsset('line3', {
		x: 2048 / 3,
		y: 0
	});
	line4 = self.attachAsset('line4', {
		x: 2 * 2048 / 3,
		y: 0
	});
	// Method to check for a win or draw
	self.checkGameOver = function () {
		// Check rows, columns, and diagonals for a win
		for (var i = 0; i < 3; i++) {
			if (self.grid[i][0].player === self.grid[i][1].player && self.grid[i][1].player === self.grid[i][2].player && self.grid[i][0].player !== '') {
				return self.grid[i][0].player;
			}
			if (self.grid[0][i].player === self.grid[1][i].player && self.grid[1][i].player === self.grid[2][i].player && self.grid[0][i].player !== '') {
				return self.grid[0][i].player;
			}
		}
		if (self.grid[0][0].player === self.grid[1][1].player && self.grid[1][1].player === self.grid[2][2].player && self.grid[0][0].player !== '') {
			return self.grid[0][0].player;
		}
		if (self.grid[0][2].player === self.grid[1][1].player && self.grid[1][1].player === self.grid[2][0].player && self.grid[0][2].player !== '') {
			return self.grid[0][2].player;
		}
		// Check for draw
		for (var i = 0; i < 3; i++) {
			for (var j = 0; j < 3; j++) {
				if (self.grid[i][j] === '') {
					return null;
				}
			}
		}
		return 'Draw';
	};
	// Method to reset the board
	self.resetBoard = function () {
		// Reset the grid
		for (var i = 0; i < 3; i++) {
			for (var j = 0; j < 3; j++) {
				self.grid[i][j].setPlayer('');
			}
		}
		// Reset the current player
		self.currentPlayer = 'X';
	};
	// Method to handle a move
	self.makeMove = function (x, y) {
		if (self.grid[x][y].player === '') {
			self.grid[x][y].setPlayer(self.currentPlayer);
			var result = self.checkGameOver();
			if (result) {
				if (result === 'Draw') {
					statusText.setText('Draw!');
				} else {
					statusText.setText(result + ' Wins!');
					LK.showGameOver();
				}
			} else {
				if (self.currentPlayer === 'X') {
					self.currentPlayer = 'O';
				} else {
					self.currentPlayer = 'X';
				}
			}
		}
	};
});
// Red color for X-player
//<Assets used in the game will automatically appear here>
//<Write imports for supported plugins here>
// Class for the X and O pieces
var Piece = Container.expand(function () {
	var self = Container.call(this);
	self.player = '';
	self.setPlayer = function (player) {
		self.player = player;
		if (player === 'X') {
			self.attachAsset('X-player', {
				anchorX: 0.5,
				anchorY: 0.5
			});
		} else if (player === 'O') {
			self.attachAsset('O-player', {
				anchorX: 0.5,
				anchorY: 0.5
			});
		}
	};
});
// Class for the restart button
var RestartButton = Container.expand(function () {
	var self = Container.call(this);
	self.attachAsset('restartButton', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.down = function (x, y, obj) {
		// Reset the board
		board.resetBoard();
		// Reset the pieces
		for (var i = 0; i < 3; i++) {
			for (var j = 0; j < 3; j++) {
				board.grid[i][j].setPlayer('');
			}
		}
		// Update the game status
		updateStatus();
	};
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x000000 //Init game with black background
});

/**** 
* Game Code
****/ 
// Blue color for O-player
// Initialize the board
var board = new Board();
game.addChild(board);
// Create a text object to display the game status
var statusText = new Text2('', {
	size: 100,
	fill: 0xFFFFFF
});
statusText.anchor.set(0.5, 0);
LK.gui.top.addChild(statusText);
// Function to update the game status
function updateStatus() {
	var result = board.checkGameOver();
	if (result) {
		if (result === 'Draw') {
			statusText.setText('Draw!');
		} else {
			statusText.setText(result + ' Wins!');
		}
	} else {
		statusText.setText('Current Player: ' + board.currentPlayer);
	}
}
// Handle touch events to make moves
game.down = function (x, y, obj) {
	var gridX = Math.floor(x / (2048 / 3));
	var gridY = Math.floor(y / (2732 / 3));
	board.makeMove(gridX, gridY);
	updateStatus();
};
// Initialize the restart button
var restartButton = new RestartButton();
restartButton.x = 2048 / 2;
restartButton.y = 2732 - 200;
game.addChild(restartButton);