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

/**** 
* Classes
****/ 
// NumberBubble: Represents a draggable number on the board
var NumberBubble = Container.expand(function () {
	var self = Container.call(this);
	// Attach a circular shape as the bubble
	var bubble = self.attachAsset('bubble', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Attach the number as text
	self.text = new Text2('', {
		size: 120,
		fill: 0xFFFFFF
	});
	self.text.anchor.set(0.5, 0.5);
	self.addChild(self.text);
	// Value of the bubble
	self.value = 0;
	// Is this bubble currently selected?
	self.selected = false;
	// Set value and update text
	self.setValue = function (v) {
		self.value = v;
		self.text.setText(v + '');
	};
	// Visual feedback for selection
	self.setSelected = function (isSelected) {
		self.selected = isSelected;
		if (isSelected) {
			tween(self, {
				scaleX: 1.2,
				scaleY: 1.2
			}, {
				duration: 150,
				easing: tween.easeOut
			});
		} else {
			tween(self, {
				scaleX: 1,
				scaleY: 1
			}, {
				duration: 150,
				easing: tween.easeOut
			});
		}
	};
	// Destroy bubble
	self.destroyBubble = function () {
		// Animate out
		tween(self, {
			alpha: 0,
			scaleX: 0.5,
			scaleY: 0.5
		}, {
			duration: 200,
			onFinish: function onFinish() {
				self.destroy();
			}
		});
	};
	return self;
});
// OperationButton: Represents an operation (+, -, ×, ÷) button
var OperationButton = Container.expand(function () {
	var self = Container.call(this);
	// Attach a box shape as the button
	var btn = self.attachAsset('opbtn', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Attach the operation symbol as text
	self.text = new Text2('', {
		size: 100,
		fill: 0x222222
	});
	self.text.anchor.set(0.5, 0.5);
	self.addChild(self.text);
	// Operation type: '+', '-', '×', '÷'
	self.op = '+';
	// Set operation and update text
	self.setOp = function (op) {
		self.op = op;
		self.text.setText(op);
	};
	// Visual feedback for selection
	self.setSelected = function (isSelected) {
		if (isSelected) {
			tween(self, {
				scaleX: 1.2,
				scaleY: 1.2
			}, {
				duration: 120,
				easing: tween.easeOut
			});
		} else {
			tween(self, {
				scaleX: 1,
				scaleY: 1
			}, {
				duration: 120,
				easing: tween.easeOut
			});
		}
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// --- Game parameters ---
var NUM_BUBBLES = 5;
var MIN_NUM = 1;
var MAX_NUM = 20;
var OPERATIONS = ['+', '-', '×', '÷'];
var MOVE_LIMIT = 8; // Number of allowed moves
var BUBBLE_RADIUS = 160;
var BUBBLE_SPACING = 340;
var BOARD_MARGIN = 200;
// --- State ---
var bubbles = [];
var opButtons = [];
var selectedBubbles = [];
var selectedOp = null;
var targetNumber = 0;
var moveCount = 0;
var moveLimit = MOVE_LIMIT;
var gameActive = true;
// --- UI Elements ---
var targetText, movesText, infoText;
// --- Asset Initialization ---
// --- Helper Functions ---
// Generate a random integer between min and max (inclusive)
function randInt(min, max) {
	return min + Math.floor(Math.random() * (max - min + 1));
}
// Shuffle an array in-place
function shuffle(arr) {
	for (var i = arr.length - 1; i > 0; i--) {
		var j = randInt(0, i);
		var t = arr[i];
		arr[i] = arr[j];
		arr[j] = t;
	}
}
// Generate a solvable puzzle: returns {numbers:[], target: number}
function generatePuzzle() {
	// Start with a random number as the "target"
	var numbers = [];
	var steps = NUM_BUBBLES - 1;
	var current = randInt(10, 50);
	var history = [current];
	for (var i = 0; i < steps; i++) {
		// Pick a random operation
		var op = OPERATIONS[randInt(0, OPERATIONS.length - 1)];
		// Pick a random operand
		var operand;
		if (op === '+') {
			operand = randInt(MIN_NUM, MAX_NUM);
			current = current - operand;
		} else if (op === '-') {
			operand = randInt(MIN_NUM, Math.min(current, MAX_NUM));
			current = current + operand;
		} else if (op === '×') {
			operand = randInt(2, 5);
			if (current % operand !== 0) {
				current = current * operand;
			}
			current = current / operand;
		} else if (op === '÷') {
			operand = randInt(2, 5);
			current = current * operand;
		}
		numbers.push(operand);
		history.push(current);
	}
	numbers.push(Math.round(current));
	shuffle(numbers);
	return {
		numbers: numbers.map(function (n) {
			return Math.round(n);
		}),
		target: Math.round(history[0])
	};
}
// Reset game state
function resetGame() {
	// Remove old bubbles
	for (var i = 0; i < bubbles.length; i++) {
		bubbles[i].destroy();
	}
	bubbles = [];
	selectedBubbles = [];
	selectedOp = null;
	moveCount = 0;
	gameActive = true;
	// Generate puzzle
	var puzzle = generatePuzzle();
	var nums = puzzle.numbers;
	targetNumber = puzzle.target;
	moveLimit = MOVE_LIMIT;
	// Place bubbles in a circle
	var centerX = 2048 / 2;
	var centerY = 1200;
	var angleStep = Math.PI * 2 / nums.length;
	for (var i = 0; i < nums.length; i++) {
		var nb = new NumberBubble();
		nb.setValue(nums[i]);
		nb.x = centerX + Math.cos(i * angleStep - Math.PI / 2) * BUBBLE_SPACING;
		nb.y = centerY + Math.sin(i * angleStep - Math.PI / 2) * BUBBLE_SPACING;
		nb.scaleX = nb.scaleY = 1;
		nb.alpha = 1;
		nb.index = i;
		nb.setSelected(false);
		game.addChild(nb);
		bubbles.push(nb);
	}
	// Update UI
	targetText.setText('Target: ' + targetNumber);
	movesText.setText('Moves: 0/' + moveLimit);
	infoText.setText('Select two numbers, pick an operation!');
}
// --- UI Setup ---
// Target number display
targetText = new Text2('Target: 0', {
	size: 120,
	fill: 0xFFBE0B
});
targetText.anchor.set(0.5, 0);
// Move the target text further down by setting its y position
targetText.y = 180;
LK.gui.top.addChild(targetText);
// Moves left display
movesText = new Text2('Moves: 0/' + MOVE_LIMIT, {
	size: 90,
	fill: 0xFFFFFF
});
movesText.anchor.set(0.5, 0);
LK.gui.top.addChild(movesText);
// Info text
infoText = new Text2('', {
	size: 80,
	fill: 0xFFFFFF
});
infoText.anchor.set(0.5, 0);
LK.gui.bottom.addChild(infoText);
// --- Operation Buttons ---
var opAreaY = 2100;
var opAreaX = 2048 / 2 - 2 * 220;
for (var i = 0; i < OPERATIONS.length; i++) {
	var opBtn = new OperationButton();
	opBtn.setOp(OPERATIONS[i]);
	opBtn.x = opAreaX + i * 220;
	opBtn.y = opAreaY;
	opBtn.scaleX = opBtn.scaleY = 1;
	opBtn.setSelected(false);
	game.addChild(opBtn);
	opButtons.push(opBtn);
}
// --- Input Handling ---
// Helper: get bubble at (x, y)
function getBubbleAt(x, y) {
	for (var i = 0; i < bubbles.length; i++) {
		var b = bubbles[i];
		var dx = x - b.x;
		var dy = y - b.y;
		var r = BUBBLE_RADIUS;
		if (dx * dx + dy * dy <= r * r) {
			return b;
		}
	}
	return null;
}
// Helper: get op button at (x, y)
function getOpButtonAt(x, y) {
	for (var i = 0; i < opButtons.length; i++) {
		var btn = opButtons[i];
		var bx = btn.x,
			by = btn.y;
		var w = 180,
			h = 180;
		if (x >= bx - w / 2 && x <= bx + w / 2 && y >= by - h / 2 && y <= by + h / 2) {
			return btn;
		}
	}
	return null;
}
// Main input handler
game.down = function (x, y, obj) {
	if (!gameActive) return;
	// Try to select a bubble
	var b = getBubbleAt(x, y);
	if (b && selectedBubbles.indexOf(b) === -1) {
		if (selectedBubbles.length < 2) {
			selectedBubbles.push(b);
			b.setSelected(true);
		}
		// Deselect if already selected
		else if (selectedBubbles.length === 2) {
			for (var i = 0; i < selectedBubbles.length; i++) {
				selectedBubbles[i].setSelected(false);
			}
			selectedBubbles = [b];
			b.setSelected(true);
		}
		infoText.setText(selectedBubbles.length === 2 ? 'Pick an operation!' : 'Select one more number!');
		return;
	}
	// Try to select an operation
	var opBtn = getOpButtonAt(x, y);
	if (opBtn && selectedBubbles.length === 2) {
		// Deselect previous op
		for (var i = 0; i < opButtons.length; i++) {
			opButtons[i].setSelected(false);
		}
		opBtn.setSelected(true);
		selectedOp = opBtn.op;
		// Apply operation
		applyOperation();
		return;
	}
};
// --- Operation Logic ---
function applyOperation() {
	if (!gameActive) return;
	if (selectedBubbles.length !== 2 || !selectedOp) return;
	var a = selectedBubbles[0];
	var b = selectedBubbles[1];
	var v1 = a.value,
		v2 = b.value;
	var result = 0;
	var valid = true;
	if (selectedOp === '+') {
		result = v1 + v2;
	} else if (selectedOp === '-') {
		result = v1 - v2;
		if (result < 0) valid = false;
	} else if (selectedOp === '×') {
		result = v1 * v2;
	} else if (selectedOp === '÷') {
		if (v2 === 0 || v1 % v2 !== 0) valid = false;else result = v1 / v2;
	}
	if (!valid) {
		infoText.setText('Invalid operation!');
		// Deselect
		for (var i = 0; i < selectedBubbles.length; i++) {
			selectedBubbles[i].setSelected(false);
		}
		selectedBubbles = [];
		for (var i = 0; i < opButtons.length; i++) {
			opButtons[i].setSelected(false);
		}
		selectedOp = null;
		return;
	}
	// Remove used bubbles
	a.destroyBubble();
	b.destroyBubble();
	var idxA = bubbles.indexOf(a);
	var idxB = bubbles.indexOf(b);
	if (idxA > -1) bubbles.splice(idxA, 1);
	if (idxB > -1 && idxB !== idxA) bubbles.splice(bubbles.indexOf(b), 1);
	// Add new bubble at average position
	var newBubble = new NumberBubble();
	newBubble.setValue(result);
	newBubble.x = (a.x + b.x) / 2;
	newBubble.y = (a.y + b.y) / 2;
	newBubble.scaleX = newBubble.scaleY = 0.5;
	newBubble.alpha = 0;
	newBubble.setSelected(false);
	game.addChild(newBubble);
	bubbles.push(newBubble);
	tween(newBubble, {
		scaleX: 1,
		scaleY: 1,
		alpha: 1
	}, {
		duration: 200,
		easing: tween.easeOut
	});
	// Deselect all
	for (var i = 0; i < opButtons.length; i++) {
		opButtons[i].setSelected(false);
	}
	selectedBubbles = [];
	selectedOp = null;
	// Update move count
	moveCount++;
	movesText.setText('Moves: ' + moveCount + '/' + moveLimit);
	// Check win/lose
	checkGameState();
}
// --- Game State Check ---
function checkGameState() {
	// Win: Only one bubble left and its value == target
	if (bubbles.length === 1 && bubbles[0].value === targetNumber) {
		infoText.setText('Congratulations! You reached the target!');
		LK.setScore(1);
		LK.showYouWin();
		gameActive = false;
		return;
	}
	// Lose: Out of moves or no more valid moves
	if (moveCount >= moveLimit) {
		infoText.setText('No moves left!');
		LK.setScore(0);
		LK.showGameOver();
		gameActive = false;
		return;
	}
	// If only one bubble left but not target
	if (bubbles.length === 1 && bubbles[0].value !== targetNumber) {
		infoText.setText('You did not reach the target!');
		LK.setScore(0);
		LK.showGameOver();
		gameActive = false;
		return;
	}
	// Otherwise, keep playing
	infoText.setText('Select two numbers, pick an operation!');
}
// --- Game Update Loop ---
game.update = function () {
	// No per-frame logic needed for now
};
// --- Start Game ---
resetGame();