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

/**** 
* Classes
****/ 
var CharacterSelectionButton = Container.expand(function (characterName, x, y) {
	var self = Container.call(this);
	var buttonGraphics = self.attachAsset('selectionButton', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	var buttonText = new Text2(characterName, {
		size: 40,
		fill: 0xFFFFFF
	});
	buttonText.anchor.set(0.5, 0.5);
	self.addChild(buttonText);
	self.x = x;
	self.y = y;
	self.characterName = characterName;
	self.isSelected = false;
	self.down = function (x, y, obj) {
		if (!gameStarted) {
			selectCharacter(self.characterName);
		}
	};
	self.setSelected = function (selected) {
		self.isSelected = selected;
		buttonGraphics.tint = selected ? 0xFFFF00 : 0x4CAF50;
	};
	return self;
});
var SoccerBall = Container.expand(function () {
	var self = Container.call(this);
	var ballGraphics = self.attachAsset('soccerBall', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.velocityX = 0;
	self.velocityY = 0;
	self.friction = 0.95;
	self.lastX = 0;
	self.lastY = 0;
	self.update = function () {
		self.lastX = self.x;
		self.lastY = self.y;
		self.x += self.velocityX;
		self.y += self.velocityY;
		self.velocityX *= self.friction;
		self.velocityY *= self.friction;
		// Stop very slow movement
		if (Math.abs(self.velocityX) < 0.1) self.velocityX = 0;
		if (Math.abs(self.velocityY) < 0.1) self.velocityY = 0;
		// Field boundaries
		if (self.x < 150) {
			self.x = 150;
			self.velocityX = 0;
		}
		if (self.x > 1900) {
			self.x = 1900;
			self.velocityX = 0;
		}
		if (self.y < 800) {
			self.y = 800;
			self.velocityY = 0;
		}
		if (self.y > 2000) {
			self.y = 2000;
			self.velocityY = 0;
		}
	};
	self.applyForce = function (forceX, forceY) {
		self.velocityX += forceX;
		self.velocityY += forceY;
	};
	return self;
});
var SoccerPlayer = Container.expand(function (characterName, playerColor) {
	var self = Container.call(this);
	var playerGraphics = self.attachAsset('player', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	if (playerColor) {
		playerGraphics.tint = playerColor;
	}
	self.characterName = characterName;
	self.isSelected = false;
	self.isDragging = false;
	self.speed = 3;
	self.kickPower = 15;
	self.select = function () {
		self.isSelected = true;
		playerGraphics.tint = 0xFFFF00; // Yellow when selected
	};
	self.deselect = function () {
		self.isSelected = false;
		playerGraphics.tint = playerColor || 0x2196F3;
	};
	self.kick = function (ballX, ballY) {
		var dx = ballX - self.x;
		var dy = ballY - self.y;
		var distance = Math.sqrt(dx * dx + dy * dy);
		if (distance < 100) {
			// Close enough to kick
			var force = self.kickPower / distance;
			return {
				x: dx * force,
				y: dy * force
			};
		}
		return null;
	};
	return self;
});

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

/**** 
* Game Code
****/ 
var gameStarted = false;
var selectionPhase = true;
var selectedCharacters = [];
var characterNames = ['Pando', 'Sula', 'Coco', 'Blossom', 'Bubbles', 'Buttercup'];
var selectionButtons = [];
var players = [];
var opponents = [];
var ball;
var selectedPlayer = null;
var draggedPlayer = null;
var goals = [];
var playerGoal;
var opponentGoal;
// Score tracking
var playerScore = 0;
var opponentScore = 0;
// UI Elements
var titleText = new Text2('Toca World Cup 2016', {
	size: 80,
	fill: 0xFFFFFF
});
titleText.anchor.set(0.5, 0.5);
titleText.x = 1024;
titleText.y = 200;
LK.gui.addChild(titleText);
var instructionText = new Text2('Select 3 characters for your team', {
	size: 50,
	fill: 0xFFFFFF
});
instructionText.anchor.set(0.5, 0.5);
instructionText.x = 1024;
instructionText.y = 300;
LK.gui.addChild(instructionText);
var scoreText = new Text2('0 - 0', {
	size: 60,
	fill: 0xFFFFFF
});
scoreText.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreText);
// Create character selection buttons
for (var i = 0; i < characterNames.length; i++) {
	var buttonX = 200 + i % 3 * 400;
	var buttonY = 600 + Math.floor(i / 3) * 150;
	var button = new CharacterSelectionButton(characterNames[i], buttonX, buttonY);
	selectionButtons.push(button);
	game.addChild(button);
}
var startButton = new CharacterSelectionButton('START GAME', 1024, 1000);
startButton.setSelected(false);
game.addChild(startButton);
function selectCharacter(characterName) {
	if (selectedCharacters.length < 3 && selectedCharacters.indexOf(characterName) === -1) {
		selectedCharacters.push(characterName);
		// Update button appearance
		for (var i = 0; i < selectionButtons.length; i++) {
			if (selectionButtons[i].characterName === characterName) {
				selectionButtons[i].setSelected(true);
				break;
			}
		}
		// Update instruction text
		if (selectedCharacters.length === 3) {
			instructionText.setText('Tap START GAME to begin!');
			startButton.setSelected(true);
		} else {
			instructionText.setText('Select ' + (3 - selectedCharacters.length) + ' more characters');
		}
	}
}
function startGame() {
	if (selectedCharacters.length !== 3) return;
	gameStarted = true;
	selectionPhase = false;
	// Hide selection UI
	for (var i = 0; i < selectionButtons.length; i++) {
		selectionButtons[i].visible = false;
	}
	startButton.visible = false;
	titleText.visible = false;
	instructionText.visible = false;
	// Create soccer field
	var field = game.attachAsset('soccerField', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1024,
		y: 1366
	});
	// Create field boundaries
	var topBoundary = game.attachAsset('fieldBoundary', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1024,
		y: 766
	});
	var bottomBoundary = game.attachAsset('fieldBoundary', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1024,
		y: 1966
	});
	// Create goals
	playerGoal = game.attachAsset('goalPost', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1024,
		y: 2000
	});
	opponentGoal = game.attachAsset('goalPost', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1024,
		y: 800
	});
	// Create ball
	ball = new SoccerBall();
	ball.x = 1024;
	ball.y = 1366;
	game.addChild(ball);
	// Create player team
	var playerColors = [0x2196F3, 0x1976D2, 0x0D47A1];
	for (var i = 0; i < 3; i++) {
		var player = new SoccerPlayer(selectedCharacters[i], playerColors[i]);
		player.x = 700 + i * 200;
		player.y = 1600;
		players.push(player);
		game.addChild(player);
	}
	// Create opponent team
	for (var i = 0; i < 3; i++) {
		var opponent = new SoccerPlayer('Opponent' + (i + 1), 0xF44336);
		opponent.x = 700 + i * 200;
		opponent.y = 1100;
		opponents.push(opponent);
		game.addChild(opponent);
	}
	// Update instruction text for gameplay
	instructionText.setText('Tap player to select, drag to move, tap again to kick!');
	instructionText.visible = true;
}
// Handle start button
startButton.down = function (x, y, obj) {
	if (selectedCharacters.length === 3) {
		startGame();
	}
};
function handlePlayerSelection(player) {
	// Deselect all players
	for (var i = 0; i < players.length; i++) {
		players[i].deselect();
	}
	// Select clicked player
	selectedPlayer = player;
	player.select();
}
function handlePlayerKick(player) {
	if (player === selectedPlayer) {
		var kickResult = player.kick(ball.x, ball.y);
		if (kickResult) {
			ball.applyForce(kickResult.x, kickResult.y);
			LK.getSound('kick').play();
		}
	}
}
// Game event handlers
game.down = function (x, y, obj) {
	if (!gameStarted || selectionPhase) return;
	// Check if clicking on a player
	for (var i = 0; i < players.length; i++) {
		var player = players[i];
		var dx = x - player.x;
		var dy = y - player.y;
		var distance = Math.sqrt(dx * dx + dy * dy);
		if (distance < 50) {
			if (selectedPlayer === player) {
				// Already selected - kick the ball
				handlePlayerKick(player);
			} else {
				// Select this player
				handlePlayerSelection(player);
				draggedPlayer = player;
			}
			return;
		}
	}
};
game.move = function (x, y, obj) {
	if (!gameStarted || selectionPhase) return;
	if (draggedPlayer) {
		// Keep player within field bounds
		draggedPlayer.x = Math.max(150, Math.min(1900, x));
		draggedPlayer.y = Math.max(800, Math.min(2000, y));
	}
};
game.up = function (x, y, obj) {
	draggedPlayer = null;
};
// Simple AI for opponents
var aiTimer = 0;
function updateOpponentAI() {
	aiTimer++;
	if (aiTimer % 60 === 0) {
		// Update AI every second
		for (var i = 0; i < opponents.length; i++) {
			var opponent = opponents[i];
			var dx = ball.x - opponent.x;
			var dy = ball.y - opponent.y;
			var distance = Math.sqrt(dx * dx + dy * dy);
			// Move towards ball if close enough
			if (distance < 300) {
				var moveSpeed = 2;
				opponent.x += dx / distance * moveSpeed;
				opponent.y += dy / distance * moveSpeed;
				// Keep within bounds
				opponent.x = Math.max(150, Math.min(1900, opponent.x));
				opponent.y = Math.max(800, Math.min(1600, opponent.y));
				// Kick ball towards player goal if close
				if (distance < 100 && Math.random() < 0.3) {
					var kickForceX = (playerGoal.x - ball.x) * 0.3;
					var kickForceY = (playerGoal.y - ball.y) * 0.3;
					ball.applyForce(kickForceX, kickForceY);
				}
			}
		}
	}
}
function checkGoals() {
	if (!ball) return;
	var ballInPlayerGoal = ball.intersects(playerGoal);
	var ballInOpponentGoal = ball.intersects(opponentGoal);
	if (ballInPlayerGoal && !ball.lastInPlayerGoal) {
		// Opponent scored
		opponentScore++;
		LK.getSound('goal').play();
		resetBallPosition();
		updateScore();
	}
	if (ballInOpponentGoal && !ball.lastInOpponentGoal) {
		// Player scored
		playerScore++;
		LK.setScore(playerScore);
		LK.getSound('goal').play();
		resetBallPosition();
		updateScore();
		if (playerScore >= 3) {
			LK.showYouWin();
		}
	}
	ball.lastInPlayerGoal = ballInPlayerGoal;
	ball.lastInOpponentGoal = ballInOpponentGoal;
}
function resetBallPosition() {
	ball.x = 1024;
	ball.y = 1366;
	ball.velocityX = 0;
	ball.velocityY = 0;
}
function updateScore() {
	scoreText.setText(playerScore + ' - ' + opponentScore);
}
game.update = function () {
	if (!gameStarted || selectionPhase) return;
	updateOpponentAI();
	checkGoals();
	if (opponentScore >= 3) {
		LK.showGameOver();
	}
};