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

/**** 
* Classes
****/ 
var Ball = Container.expand(function () {
	var self = Container.call(this);
	var ballGraphics = self.attachAsset('ball', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.velocityX = 0;
	self.velocityY = 0;
	self.speed = 8;
	self.maxSpeed = 15;
	self.lastX = 0;
	self.lastY = 0;
	self.update = function () {
		// Store last position for collision detection
		self.lastX = self.x;
		self.lastY = self.y;
		self.x += self.velocityX;
		self.y += self.velocityY;
		// Bounce off left and right walls
		if (self.x <= 40 || self.x >= 2048 - 40) {
			self.velocityX = -self.velocityX;
			self.x = self.x <= 40 ? 40 : 2048 - 40;
		}
		// Bounce off top and bottom walls (but not in goal areas)
		if (self.y <= 40 && (self.x < 824 || self.x > 1224) || self.y >= 2732 - 40 && (self.x < 824 || self.x > 1224)) {
			self.velocityY = -self.velocityY;
			self.y = self.y <= 40 ? 40 : 2732 - 40;
		}
	};
	self.reset = function () {
		self.x = 1024;
		self.y = 1366;
		self.velocityX = 0;
		self.velocityY = 0;
	};
	return self;
});
var MenuButton = Container.expand(function (text, onClick) {
	var self = Container.call(this);
	var buttonGraphics = self.attachAsset('menuButton', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	var buttonText = new Text2(text, {
		size: 60,
		fill: 0xFFFFFF
	});
	buttonText.anchor.set(0.5, 0.5);
	self.addChild(buttonText);
	self.onClick = onClick;
	self.down = function (x, y, obj) {
		if (self.onClick) {
			self.onClick();
		}
	};
	return self;
});
var Paddle = Container.expand(function (isPlayer) {
	var self = Container.call(this);
	var paddleGraphics = self.attachAsset(isPlayer ? 'playerPaddle' : 'aiPaddle', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.isPlayer = isPlayer;
	self.lastX = 0;
	self.lastY = 0;
	self.update = function () {
		self.lastX = self.x;
		self.lastY = self.y;
		// Keep paddle in bounds
		if (self.x < 80) self.x = 80;
		if (self.x > 2048 - 80) self.x = 2048 - 80;
		if (self.isPlayer) {
			// Player paddle stays in bottom half
			if (self.y < 1366 + 100) self.y = 1366 + 100;
			if (self.y > 2732 - 80) self.y = 2732 - 80;
		} else {
			// AI paddle can move in top 2/3 of field for better positioning
			if (self.y < 80) self.y = 80;
			if (self.y > 1800) self.y = 1800; // Allow more forward movement
		}
	};
	return self;
});

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

/**** 
* Game Code
****/ 
var gameMode = '1vs1'; // '1vs1' or '2vs2'
var gameState = 'menu'; // 'menu', 'playing'
// Game variables
var level = 1;
var playerScore = 0;
var aiScore = 0;
var goalsToWin = 3;
// Game objects (declared globally but created in game modes)
var ball;
var playerPaddle;
var aiPaddle;
var aiTeammate1; // For 2vs2 mode
var aiTeammate2; // For 2vs2 mode
var fieldElements = [];
var menuButtons = [];
var dragPaddle = null;
// UI elements
var levelText;
var scoreText;
var menuTitle;
// Show main menu
function showMainMenu() {
	// Clear any existing field elements
	clearField();
	// Create game preview image at top
	var gamePreview = game.addChild(LK.getAsset('gamePreview', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1024,
		y: 600
	}));
	// Add mini soccer field elements to preview
	var previewBall = game.addChild(LK.getAsset('soccerBall', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1024,
		y: 600,
		scaleX: 0.8,
		scaleY: 0.8
	}));
	var previewPlayer = game.addChild(LK.getAsset('playerPaddle', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1024,
		y: 720,
		scaleX: 0.6,
		scaleY: 0.6
	}));
	var previewAI = game.addChild(LK.getAsset('aiPaddle', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1024,
		y: 480,
		scaleX: 0.6,
		scaleY: 0.6
	}));
	// Create menu title
	menuTitle = new Text2('SOCCER GAME', {
		size: 120,
		fill: 0xFFFFFF
	});
	menuTitle.anchor.set(0.5, 0.5);
	menuTitle.x = 1024;
	menuTitle.y = 300;
	game.addChild(menuTitle);
	// Create 1vs1 button - larger and positioned lower
	var button1vs1 = game.addChild(new MenuButton('1 vs 1', function () {
		startGame('1vs1');
	}));
	button1vs1.x = 1024;
	button1vs1.y = 1800;
	menuButtons.push(button1vs1);
	// Create 2vs2 button - larger and positioned lower
	var button2vs2 = game.addChild(new MenuButton('2 vs 2', function () {
		startGame('2vs2');
	}));
	button2vs2.x = 1024;
	button2vs2.y = 2000;
	menuButtons.push(button2vs2);
	gameState = 'menu';
}
function clearField() {
	// Remove all field elements
	for (var i = fieldElements.length - 1; i >= 0; i--) {
		fieldElements[i].destroy();
	}
	fieldElements = [];
	// Remove menu buttons
	for (var i = menuButtons.length - 1; i >= 0; i--) {
		menuButtons[i].destroy();
	}
	menuButtons = [];
	// Remove menu title
	if (menuTitle) {
		menuTitle.destroy();
		menuTitle = null;
	}
}
function createField() {
	// Create checkered grass field background covering entire field
	for (var row = 0; row < 43; row++) {
		for (var col = 0; col < 32; col++) {
			var isLight = (row + col) % 2 === 0;
			var grassSquare = game.addChild(LK.getAsset(isLight ? 'grassSquareLight' : 'grassSquareDark', {
				anchorX: 0,
				anchorY: 0,
				x: col * 64,
				y: row * 64,
				scaleX: 1.0,
				scaleY: 1.0
			}));
			fieldElements.push(grassSquare);
		}
	}
	// Create center circle line using multiple small white boxes in a circle (soccer field style)
	var centerCircleRadius = 150;
	var circleSegments = 60;
	for (var i = 0; i < circleSegments; i++) {
		var angle = i / circleSegments * Math.PI * 2;
		var lineX = 1024 + Math.cos(angle) * centerCircleRadius;
		var lineY = 1366 + Math.sin(angle) * centerCircleRadius;
		var circleSegment = game.addChild(LK.getAsset('fieldLine', {
			anchorX: 0.5,
			anchorY: 0.5,
			x: lineX,
			y: lineY,
			scaleX: 0.01,
			scaleY: 0.8,
			rotation: angle + Math.PI / 2
		}));
		fieldElements.push(circleSegment);
	}
	// Create center dot
	var centerDot = game.addChild(LK.getAsset('ball', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1024,
		y: 1366,
		scaleX: 0.2,
		scaleY: 0.2
	}));
	fieldElements.push(centerDot);
	// Create field elements
	var centerLine = game.addChild(LK.getAsset('fieldLine', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1024,
		y: 1366
	}));
	fieldElements.push(centerLine);
	// Create top goal (AI goal)
	var topGoalPost = game.addChild(LK.getAsset('goalPost', {
		anchorX: 0.5,
		anchorY: 1.0,
		x: 1024,
		y: 80
	}));
	fieldElements.push(topGoalPost);
	// Create top goal net with grid pattern - more visible
	for (var i = 0; i < 9; i++) {
		var netLineVertical = game.addChild(LK.getAsset('fieldLine', {
			anchorX: 0.5,
			anchorY: 0.0,
			x: 824 + i * 44,
			y: 10,
			scaleX: 0.15,
			scaleY: 20
		}));
		fieldElements.push(netLineVertical);
	}
	for (var j = 0; j < 5; j++) {
		var netLineHorizontal = game.addChild(LK.getAsset('fieldLine', {
			anchorX: 0.5,
			anchorY: 0.5,
			x: 1024,
			y: 10 + j * 18,
			scaleX: 0.25,
			scaleY: 4
		}));
		fieldElements.push(netLineHorizontal);
	}
	// Create bottom goal (Player goal)
	var bottomGoalPost = game.addChild(LK.getAsset('goalPost', {
		anchorX: 0.5,
		anchorY: 0.0,
		x: 1024,
		y: 2652
	}));
	fieldElements.push(bottomGoalPost);
	// Create bottom goal net with grid pattern - more visible
	for (var i = 0; i < 9; i++) {
		var netLineVertical = game.addChild(LK.getAsset('fieldLine', {
			anchorX: 0.5,
			anchorY: 1.0,
			x: 824 + i * 44,
			y: 2722,
			scaleX: 0.15,
			scaleY: 20
		}));
		fieldElements.push(netLineVertical);
	}
	for (var j = 0; j < 5; j++) {
		var netLineHorizontal = game.addChild(LK.getAsset('fieldLine', {
			anchorX: 0.5,
			anchorY: 0.5,
			x: 1024,
			y: 2722 - j * 18,
			scaleX: 0.25,
			scaleY: 4
		}));
		fieldElements.push(netLineHorizontal);
	}
}
function startGame(mode) {
	gameMode = mode;
	clearField();
	createField();
	// Create game objects
	ball = game.addChild(new Ball());
	playerPaddle = game.addChild(new Paddle(true));
	aiPaddle = game.addChild(new Paddle(false));
	if (gameMode === '2vs2') {
		// Create AI teammates - one red opponent and one green teammate
		aiTeammate1 = game.addChild(new Paddle(false)); // Red opponent 1
		aiTeammate2 = game.addChild(new Paddle(true)); // Green teammate (player's ally)
		// Position teammates
		aiTeammate1.x = 700; // Left side AI opponent
		aiTeammate1.y = 800;
		aiTeammate2.x = 1348; // Right side AI opponent
		aiTeammate2.y = 800;
	}
	// Reset game state
	level = 1;
	playerScore = 0;
	aiScore = 0;
	// Position initial objects
	ball.reset();
	playerPaddle.x = 1024;
	playerPaddle.y = 2200;
	aiPaddle.x = 1024;
	aiPaddle.y = 532;
	// Create UI
	levelText = new Text2('Level ' + level + ' (' + gameMode + ')', {
		size: 80,
		fill: 0xFFFFFF
	});
	levelText.anchor.set(0.5, 0);
	LK.gui.top.addChild(levelText);
	scoreText = new Text2('You: ' + playerScore + ' - AI: ' + aiScore, {
		size: 60,
		fill: 0xFFFFFF
	});
	scoreText.anchor.set(0.5, 0);
	scoreText.y = 100;
	LK.gui.top.addChild(scoreText);
	gameState = 'playing';
}
// Touch controls
game.down = function (x, y, obj) {
	if (gameState !== 'playing') return;
	var distance = Math.sqrt(Math.pow(x - playerPaddle.x, 2) + Math.pow(y - playerPaddle.y, 2));
	if (distance < 120) {
		dragPaddle = playerPaddle;
	}
};
game.move = function (x, y, obj) {
	if (dragPaddle && gameState === 'playing') {
		dragPaddle.x = x;
		dragPaddle.y = y;
	}
};
game.up = function (x, y, obj) {
	dragPaddle = null;
};
function updateAI(paddle, isTeammate, position) {
	var aiSpeed = 3 + (level - 1) * 0.5;
	var ballTargetX = ball.x + ball.velocityX * 10;
	var ballTargetY = ball.y + ball.velocityY * 5;
	// Horizontal movement
	if (paddle.x < ballTargetX - 20) {
		paddle.x += aiSpeed;
	} else if (paddle.x > ballTargetX + 20) {
		paddle.x -= aiSpeed;
	}
	// Vertical movement based on position
	if (position === 'defender') {
		// Defensive AI behavior
		if (ball.velocityY < 0 && ball.y < 1000) {
			if (paddle.y > ballTargetY - 50 && paddle.y > 200) {
				paddle.y -= aiSpeed * 0.7;
			}
		} else {
			if (paddle.y < 400) {
				paddle.y += aiSpeed * 0.5;
			}
		}
	} else if (position === 'midfielder') {
		// Midfielder AI behavior
		if (paddle.y < ballTargetY - 30) {
			paddle.y += aiSpeed * 0.6;
		} else if (paddle.y > ballTargetY + 30) {
			paddle.y -= aiSpeed * 0.6;
		}
		// Keep in middle area
		if (paddle.y < 600) paddle.y = 600;
		if (paddle.y > 1400) paddle.y = 1400;
	} else if (position === 'support') {
		// Support player AI behavior
		if (paddle.y > ballTargetY + 30) {
			paddle.y -= aiSpeed * 0.6;
		} else if (paddle.y < ballTargetY - 30) {
			paddle.y += aiSpeed * 0.6;
		}
		// Keep in player area
		if (paddle.y < 1500) paddle.y = 1500;
		if (paddle.y > 2500) paddle.y = 2500;
	}
}
function handleBallCollision(paddle) {
	var ballPaddleDistance = Math.sqrt(Math.pow(ball.x - paddle.x, 2) + Math.pow(ball.y - paddle.y, 2));
	var lastBallPaddleDistance = Math.sqrt(Math.pow(ball.lastX - paddle.lastX, 2) + Math.pow(ball.lastY - paddle.lastY, 2));
	var collisionRadius = 120;
	if (ballPaddleDistance <= collisionRadius && lastBallPaddleDistance > collisionRadius || ball.intersects(paddle)) {
		var dx = ball.x - paddle.x;
		var dy = ball.y - paddle.y;
		var distance = Math.sqrt(dx * dx + dy * dy);
		if (distance > 0) {
			var pushDistance = collisionRadius + 10;
			var newBallX = paddle.x + dx / distance * pushDistance;
			var newBallY = paddle.y + dy / distance * pushDistance;
			newBallX = Math.max(40, Math.min(2048 - 40, newBallX));
			newBallY = Math.max(40, Math.min(2732 - 40, newBallY));
			ball.x = newBallX;
			ball.y = newBallY;
			var minVelocity = 3;
			// Check if this is an AI paddle (not player)
			if (!paddle.isPlayer) {
				// AI always hits ball towards player goal (bottom of screen)
				ball.velocityX = dx / distance * ball.speed;
				ball.velocityY = Math.abs(dy / distance * ball.speed); // Always positive Y (towards bottom)
			} else {
				// Player paddle uses normal physics
				ball.velocityX = Math.max(Math.abs(dx / distance * ball.speed), minVelocity) * (dx > 0 ? 1 : -1);
				ball.velocityY = Math.max(Math.abs(dy / distance * ball.speed), minVelocity) * (dy > 0 ? 1 : -1);
				var paddleSpeedX = paddle.x - paddle.lastX;
				var paddleSpeedY = paddle.y - paddle.lastY;
				ball.velocityX += paddleSpeedX * 0.3;
				ball.velocityY += paddleSpeedY * 0.3;
			}
			if (ball.x <= 80) ball.velocityX = Math.abs(ball.velocityX);
			if (ball.x >= 2048 - 80) ball.velocityX = -Math.abs(ball.velocityX);
			if (ball.y <= 80) ball.velocityY = Math.abs(ball.velocityY);
			if (ball.y >= 2732 - 80) ball.velocityY = -Math.abs(ball.velocityY);
			LK.getSound('hit').play();
		}
	}
}
game.update = function () {
	if (gameState === 'menu') {
		return;
	}
	if (gameState !== 'playing') return;
	// AI Logic
	updateAI(aiPaddle, false, 'defender');
	if (gameMode === '2vs2') {
		updateAI(aiTeammate1, true, 'midfielder');
		updateAI(aiTeammate2, true, 'support');
	}
	// Ball collision detection
	handleBallCollision(playerPaddle);
	handleBallCollision(aiPaddle);
	if (gameMode === '2vs2') {
		handleBallCollision(aiTeammate1);
		handleBallCollision(aiTeammate2);
	}
	// Goal detection
	if (ball.y <= 20 && ball.x >= 824 && ball.x <= 1224) {
		// Player scores
		playerScore++;
		LK.getSound('goal').play();
		tween(ball, {
			scaleX: 1.5,
			scaleY: 1.5
		}, {
			duration: 200,
			onFinish: function onFinish() {
				tween(ball, {
					scaleX: 1,
					scaleY: 1
				}, {
					duration: 200
				});
			}
		});
		checkWinCondition();
	} else if (ball.y >= 2712 && ball.x >= 824 && ball.x <= 1224) {
		// AI scores
		aiScore++;
		LK.getSound('goal').play();
		tween(ball, {
			scaleX: 1.5,
			scaleY: 1.5
		}, {
			duration: 200,
			onFinish: function onFinish() {
				tween(ball, {
					scaleX: 1,
					scaleY: 1
				}, {
					duration: 200
				});
			}
		});
		checkWinCondition();
	}
	// Emergency unstuck mechanism
	var ballCurrentSpeed = Math.sqrt(ball.velocityX * ball.velocityX + ball.velocityY * ball.velocityY);
	var isNearWall = ball.x <= 100 || ball.x >= 2048 - 100 || ball.y <= 100 || ball.y >= 2732 - 100;
	var paddleDistances = [Math.sqrt(Math.pow(ball.x - playerPaddle.x, 2) + Math.pow(ball.y - playerPaddle.y, 2)), Math.sqrt(Math.pow(ball.x - aiPaddle.x, 2) + Math.pow(ball.y - aiPaddle.y, 2))];
	if (gameMode === '2vs2') {
		paddleDistances.push(Math.sqrt(Math.pow(ball.x - aiTeammate1.x, 2) + Math.pow(ball.y - aiTeammate1.y, 2)));
		paddleDistances.push(Math.sqrt(Math.pow(ball.x - aiTeammate2.x, 2) + Math.pow(ball.y - aiTeammate2.y, 2)));
	}
	var isNearPaddle = false;
	for (var i = 0; i < paddleDistances.length; i++) {
		if (paddleDistances[i] <= 140) {
			isNearPaddle = true;
			break;
		}
	}
	if (ballCurrentSpeed < 2 || isNearWall && ballCurrentSpeed < 4 || isNearPaddle && ballCurrentSpeed < 3) {
		var pushX = 0;
		var pushY = 0;
		if (ball.x <= 100) pushX = 6;
		if (ball.x >= 2048 - 100) pushX = -6;
		if (ball.y <= 100) pushY = 6;
		if (ball.y >= 2732 - 100) pushY = -6;
		// Push away from all paddles
		var allPaddles = [playerPaddle, aiPaddle];
		if (gameMode === '2vs2') {
			allPaddles.push(aiTeammate1, aiTeammate2);
		}
		for (var i = 0; i < allPaddles.length; i++) {
			var paddle = allPaddles[i];
			var distance = Math.sqrt(Math.pow(ball.x - paddle.x, 2) + Math.pow(ball.y - paddle.y, 2));
			if (distance <= 140 && distance > 0) {
				pushX += (ball.x - paddle.x) / distance * 5;
				pushY += (ball.y - paddle.y) / distance * 5;
			}
		}
		if (pushX === 0 && pushY === 0) {
			pushX = Math.random() > 0.5 ? 5 : -5;
			pushY = Math.random() > 0.5 ? 5 : -5;
		}
		ball.velocityX = pushX;
		ball.velocityY = pushY;
		ball.x += pushX * 2;
		ball.y += pushY * 2;
		ball.x = Math.max(40, Math.min(2048 - 40, ball.x));
		ball.y = Math.max(40, Math.min(2732 - 40, ball.y));
	}
	// Increase ball speed over time in current level
	ball.speed = Math.min(ball.maxSpeed, 8 + (level - 1) * 1.5);
	// Update score display
	scoreText.setText('You: ' + playerScore + ' - AI: ' + aiScore);
};
function checkWinCondition() {
	if (playerScore >= goalsToWin) {
		// Player wins level
		level++;
		playerScore = 0;
		aiScore = 0;
		levelText.setText('Level ' + level + ' (' + gameMode + ')');
		// Flash screen green for level completion
		LK.effects.flashScreen(0x00ff00, 1000);
		// Reset positions
		ball.reset();
		playerPaddle.x = 1024;
		playerPaddle.y = 2200;
		aiPaddle.x = 1024;
		aiPaddle.y = 532;
		if (gameMode === '2vs2') {
			aiTeammate1.x = 700;
			aiTeammate1.y = 800;
			aiTeammate2.x = 1348;
			aiTeammate2.y = 1900;
		}
		// Check for game completion
		if (level > 10) {
			LK.showYouWin();
		}
	} else if (aiScore >= goalsToWin) {
		// AI wins - game over
		LK.effects.flashScreen(0xff0000, 1000);
		LK.showGameOver();
	} else {
		// Continue playing - reset ball
		LK.setTimeout(function () {
			ball.reset();
		}, 1000);
	}
}
// Initialize game with menu
showMainMenu();