/**** 
* Classes
****/ 
// Ball class
var Ball = Container.expand(function () {
	var self = Container.call(this);
	var gfx = self.attachAsset('ball', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.radius = gfx.width * 0.5;
	self.vx = 0;
	self.vy = 0;
	self.update = function () {
		// Ball moves down by default
		if (self.vy === 0) {
			self.vy = 8;
		}
		self.x += self.vx;
		self.y += self.vy;
		// Friction
		self.vx *= 0.96;
		self.vy *= 0.96;
		// Clamp to field
		if (self.x < 100 + self.radius) {
			self.x = 100 + self.radius;
		}
		if (self.x > 2048 - 100 - self.radius) {
			self.x = 2048 - 100 - self.radius;
		}
		if (self.y < 200 + self.radius) {
			self.y = 200 + self.radius;
		}
		if (self.y > 2732 - 200 - self.radius) {
			self.y = 2732 - 200 - self.radius;
		}
	};
	return self;
});
// --- UI: Joystick and Buttons --- 
// Joystick
// --- FOOTBALL GAME MAIN OBJECTS --- 
// Footballer class
var Footballer = Container.expand(function () {
	var self = Container.call(this);
	var gfx = self.attachAsset('footballer', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.radius = gfx.width * 0.5;
	self.hasBall = true;
	self.update = function () {};
	return self;
});
// Soccer Goal class
var SoccerGoal = Container.expand(function () {
	var self = Container.call(this);
	// width: 400px, height: 40px, color: white, box
	var gfx = self.attachAsset('centerCircle', {
		width: 400,
		height: 40,
		color: 0xffffff,
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.width = 400;
	self.height = 40;
	return self;
});

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

/**** 
* Game Code
****/ 
// --- FOOTBALL FIELD MAP ---
// Draw green field background
var fieldBg = LK.getAsset('centerCircle', {
	width: 2048 - 200,
	height: 2732 - 400,
	color: 0x2e8b57,
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2,
	y: 2732 / 2
});
game.addChildAt(fieldBg, 0);
// Draw center line
var centerLine = LK.getAsset('centerCircle', {
	width: 2048 - 200,
	height: 16,
	color: 0xffffff,
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2,
	y: 2732 / 2
});
game.addChild(centerLine);
// Draw center circle
var centerCircle = LK.getAsset('centerCircle', {
	width: 400,
	height: 400,
	color: 0xffffff,
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2,
	y: 2732 / 2
});
centerCircle.alpha = 0.25;
game.addChild(centerCircle);
// Draw penalty boxes (top and bottom)
var penaltyBoxTop = LK.getAsset('centerCircle', {
	width: 800,
	height: 180,
	color: 0xffffff,
	anchorX: 0.5,
	anchorY: 0,
	x: 2048 / 2,
	y: 120
});
penaltyBoxTop.alpha = 0.18;
game.addChild(penaltyBoxTop);
var penaltyBoxBottom = LK.getAsset('centerCircle', {
	width: 800,
	height: 180,
	color: 0xffffff,
	anchorX: 0.5,
	anchorY: 1,
	x: 2048 / 2,
	y: 2732 - 120
});
penaltyBoxBottom.alpha = 0.18;
game.addChild(penaltyBoxBottom);
// --- UI: Joystick and Buttons --- 
// Joystick
var joystick = LK.gui.bottomLeft.addChild(LK.getAsset('joystick_base', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 220,
	y: -220,
	scaleX: 2,
	scaleY: 2
}));
var joystickKnob = LK.gui.bottomLeft.addChild(LK.getAsset('joystick_knob', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 220,
	y: -220,
	scaleX: 1.2,
	scaleY: 1.2
}));
var joystickActive = false;
var joystickStart = {
	x: 0,
	y: 0
};
var joystickDir = {
	x: 0,
	y: 0
};
// Pass Button
var passBtn = LK.gui.bottomRight.addChild(LK.getAsset('pass_btn', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: -220,
	y: -320,
	scaleX: 2,
	scaleY: 2
}));
// Shoot Button
var shootBtn = LK.gui.bottomRight.addChild(LK.getAsset('shoot_btn', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: -220,
	y: -120,
	scaleX: 2,
	scaleY: 2
}));
// --- GAME OBJECTS ---
// Left Goal (bottom)
var leftGoal = new SoccerGoal();
leftGoal.x = 2048 / 2;
leftGoal.y = 2732 - 120;
game.addChild(leftGoal);
// Right Goal (top)
var rightGoal = new SoccerGoal();
rightGoal.x = 2048 / 2;
rightGoal.y = 120;
game.addChild(rightGoal);
var footballer = new Footballer();
footballer.x = 2048 / 2;
footballer.y = 2732 - 500;
game.addChild(footballer);
var ball = new Ball();
ball.x = footballer.x;
ball.y = footballer.y - footballer.radius - 40;
game.addChild(ball);
// --- GAME STATE ---
var canShoot = true;
var canPass = true;
// --- SCOREBOARD ---
var leftScore = 0;
var rightScore = 0;
// Create a group container for the scoreboard and goals text
var scoreboardGroup = new Container();
// Scoreboard asset (background)
var scoreboardBg = LK.getAsset('centerCircle', {
	width: 600,
	height: 180,
	color: 0x222222,
	anchorX: 0.5,
	anchorY: 0,
	alpha: 0.7
});
scoreboardBg.x = 0;
scoreboardBg.y = 0;
scoreboardGroup.addChild(scoreboardBg);
// Goals text label
var goalsLabel = new Text2('GOALS', {
	size: 60,
	fill: 0xFFD700
});
goalsLabel.anchor.set(0.5, 0);
goalsLabel.x = 0;
goalsLabel.y = 10;
scoreboardGroup.addChild(goalsLabel);
// Score text on top of scoreboard asset
var scoreTxt = new Text2('0 : 0', {
	size: 120,
	fill: 0xFFFFFF
});
scoreTxt.anchor.set(0.5, 0);
scoreTxt.x = 0;
scoreTxt.y = 70;
scoreboardGroup.addChild(scoreTxt);
// Add the group to the GUI top center
LK.gui.top.addChild(scoreboardGroup);
// Position the group at top center
scoreboardGroup.x = 0;
scoreboardGroup.y = 0;
function updateScoreboard() {
	scoreTxt.setText(leftScore + " : " + rightScore);
}
updateScoreboard();
// --- JOYSTICK EVENTS --- 
joystickKnob.down = function (x, y, obj) {
	joystickActive = true;
	joystickStart.x = x;
	joystickStart.y = y;
};
joystickKnob.up = function (x, y, obj) {
	joystickActive = false;
	joystickKnob.x = joystick.x;
	joystickKnob.y = joystick.y;
	joystickDir.x = 0;
	joystickDir.y = 0;
};
joystickKnob.move = function (x, y, obj) {
	if (!joystickActive) {
		return;
	}
	var dx = x - joystick.x;
	var dy = y - joystick.y;
	var dist = Math.sqrt(dx * dx + dy * dy);
	var maxDist = 120;
	if (dist > maxDist) {
		dx = dx * maxDist / dist;
		dy = dy * maxDist / dist;
	}
	joystickKnob.x = joystick.x + dx;
	joystickKnob.y = joystick.y + dy;
	joystickDir.x = dx / maxDist;
	joystickDir.y = dy / maxDist;
};
// --- BUTTON EVENTS --- 
passBtn.down = function (x, y, obj) {
	if (footballer.hasBall && canPass) {
		// Pass: direction depends on joystick
		var passSpeed = 40;
		var dirY = joystickDir.y;
		// If joystick is pushed down, pass down, else pass up
		if (dirY > 0.5) {
			ball.vx = 0;
			ball.vy = passSpeed;
		} else {
			ball.vx = 0;
			ball.vy = -passSpeed;
		}
		footballer.hasBall = false;
		canPass = false;
		LK.setTimeout(function () {
			canPass = true;
		}, 400);
	}
};
shootBtn.down = function (x, y, obj) {
	if (footballer.hasBall && canShoot) {
		// Shoot: direction depends on joystick
		var shootSpeed = 80;
		var dirY = joystickDir.y;
		// If joystick is pushed down, shoot down, else shoot up
		if (dirY > 0.5) {
			ball.vx = 0;
			ball.vy = shootSpeed;
		} else if (dirY < -0.5) {
			ball.vx = 0;
			ball.vy = -shootSpeed;
		} else {
			// If joystick is not pushed up or down, shoot forward (up by default)
			ball.vx = 0;
			ball.vy = -shootSpeed;
		}
		footballer.hasBall = false;
		canShoot = false;
		LK.setTimeout(function () {
			canShoot = true;
		}, 800);
	}
};
// --- GAME MOVE HANDLER ---
game.move = function (x, y, obj) {
	// Track last move position for touch detection
	game.lastMoveX = x;
	game.lastMoveY = y;
	// Forward joystick events
	if (joystickActive) {
		joystickKnob.move(x, y, obj);
	}
};
// --- GAME UPDATE --- 
game.update = function () {
	// Move footballer with joystick
	if (joystickDir.x !== 0 || joystickDir.y !== 0) {
		var speed = 18;
		footballer.x += joystickDir.x * speed;
		footballer.y += joystickDir.y * speed;
		// Clamp to field
		if (footballer.x < 100 + footballer.radius) {
			footballer.x = 100 + footballer.radius;
		}
		if (footballer.x > 2048 - 100 - footballer.radius) {
			footballer.x = 2048 - 100 - footballer.radius;
		}
		if (footballer.y < 200 + footballer.radius) {
			footballer.y = 200 + footballer.radius;
		}
		if (footballer.y > 2732 - 200 - footballer.radius) {
			footballer.y = 2732 - 200 - footballer.radius;
		}
	}
	// Ball always moves independently
	// If footballer does NOT have the ball, ball moves by its own update
	if (!footballer.hasBall) {
		ball.update();
	} else {
		// If footballer has the ball, allow left/right and up/down movement of the ball with joystick
		// Ball can move in front of or below the footballer, depending on joystick direction
		var offsetX = joystickDir.x * 80; // max 80px left/right
		var offsetY;
		if (joystickDir.y > 0.5) {
			// If joystick is pushed down, let the ball go below the footballer
			offsetY = -(footballer.radius + 40 + joystickDir.y * 80);
			ball.x = footballer.x + offsetX;
			ball.y = footballer.y - offsetY;
		} else {
			// Default: ball in front of footballer, allow up/down movement
			offsetY = footballer.radius + 40 - joystickDir.y * 80;
			ball.x = footballer.x + offsetX;
			ball.y = footballer.y - offsetY;
		}
		// Ball velocity is zero while attached
		ball.vx = 0;
		ball.vy = 0;
	}
	// Regain possession if close
	var dx = footballer.x - ball.x;
	var dy = footballer.y - ball.y;
	var dist = Math.sqrt(dx * dx + dy * dy);
	if (dist < footballer.radius + ball.radius + 20 && !footballer.hasBall) {
		footballer.hasBall = true;
	} else if (dist < footballer.radius + ball.radius + 20 && footballer.hasBall === false) {
		// This block is for clarity, but will never be reached since hasBall is set above.
	}
	// --- BALL TOUCH DETECTION (not by footballer) ---
	if (ball.lastWasTouched === undefined) ball.lastWasTouched = false;
	var isTouched = false;
	// Defensive: ignore, as we don't get here from a down event
	if (!footballer.hasBall) {
		// Check if the ball is being touched (by a finger, not by footballer)
		// We use LK.gui or game.move events for touch, but since we don't have a direct event, let's check if the ball is under the last move position
		// We'll use the last known move position if available
		if (typeof game.lastMoveX !== "undefined" && typeof game.lastMoveY !== "undefined") {
			var bx = ball.x,
				by = ball.y,
				br = ball.radius;
			var mx = game.lastMoveX,
				my = game.lastMoveY;
			var distTouch = Math.sqrt((bx - mx) * (bx - mx) + (by - my) * (by - my));
			if (distTouch < br) {
				isTouched = true;
			}
		}
	}
	if (!ball.lastWasTouched && isTouched) {
		// Only add point if footballer does NOT have the ball
		rightScore += 1;
		updateScoreboard();
	}
	ball.lastWasTouched = isTouched;
	// --- GOAL DETECTION ---
	// Add 1 point to right scoreboard when ball touches the up side goal (top edge)
	if (ball.lastY !== undefined && (
	// Ball enters rightGoal (top) from below
	ball.lastY > rightGoal.y && ball.y <= rightGoal.y ||
	// Ball touches the top edge of the field
	ball.lastY >= 200 + ball.radius && ball.y < 200 + ball.radius) && Math.abs(ball.x - rightGoal.x) < rightGoal.width * 0.5 && footballer.hasBall === false) {
		rightScore += 1;
		updateScoreboard();
		// Reset ball and footballer
		footballer.x = 2048 / 2;
		footballer.y = 2732 - 500;
		ball.x = footballer.x;
		ball.y = footballer.y - footballer.radius - 40;
		footballer.hasBall = true;
		ball.vx = 0;
		ball.vy = 0;
	}
	// Add 1 point to left scoreboard when ball touches the bottom goal net (bottom edge)
	if (ball.lastY !== undefined && (
	// Ball enters leftGoal (bottom) from above
	ball.lastY < leftGoal.y && ball.y >= leftGoal.y ||
	// Ball touches the bottom edge of the field
	ball.lastY <= 2732 - 200 - ball.radius && ball.y > 2732 - 200 - ball.radius) && Math.abs(ball.x - leftGoal.x) < leftGoal.width * 0.5 && footballer.hasBall === false) {
		leftScore += 1;
		updateScoreboard();
		// Reset ball and footballer
		footballer.x = 2048 / 2;
		footballer.y = 2732 - 500;
		ball.x = footballer.x;
		ball.y = footballer.y - footballer.radius - 40;
		footballer.hasBall = true;
		ball.vx = 0;
		ball.vy = 0;
	}
	ball.lastY = ball.y;
};