/**** 
* Plugins
****/ 
var tween = LK.import("@upit/tween.v1");
var storage = LK.import("@upit/storage.v1", {
	worlds: {},
	currentWorld: "default",
	avatarColor: 3447003
});

/**** 
* Classes
****/ 
var Avatar = Container.expand(function () {
	var self = Container.call(this);
	var avatarGraphics = self.attachAsset('avatar', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.vx = 0;
	self.vy = 0;
	self.onGround = false;
	self.jumpPower = -15;
	self.moveSpeed = 5;
	self.gravity = 0.6;
	self.updateColor = function (color) {
		avatarGraphics.tint = color;
	};
	self.jump = function () {
		if (self.onGround) {
			self.vy = self.jumpPower;
			self.onGround = false;
			LK.getSound('jump').play();
		}
	};
	self.update = function () {
		// Apply gravity
		self.vy += self.gravity;
		// Apply movement
		self.x += self.vx;
		self.y += self.vy;
		// Detect collisions with blocks
		self.onGround = false;
		for (var i = 0; i < blocks.length; i++) {
			if (self.intersects(blocks[i])) {
				// Calculate collision sides
				var dx = self.x - blocks[i].x;
				var dy = self.y - blocks[i].y;
				var combinedHalfWidths = (avatarGraphics.width + blocks[i].width) / 2;
				var combinedHalfHeights = (avatarGraphics.height + blocks[i].height) / 2;
				var overlapX = combinedHalfWidths - Math.abs(dx);
				var overlapY = combinedHalfHeights - Math.abs(dy);
				// Resolve collision (simple AABB resolution)
				if (overlapX < overlapY) {
					if (dx > 0) {
						self.x += overlapX;
						self.vx = 0;
					} else {
						self.x -= overlapX;
						self.vx = 0;
					}
				} else {
					if (dy > 0) {
						self.y += overlapY;
						self.vy = 0;
					} else {
						self.y -= overlapY;
						self.vy = 0;
						self.onGround = true;
					}
				}
			}
		}
		// Keep avatar within bounds
		if (self.x < 0) {
			self.x = 0;
		}
		if (self.x > 2048) {
			self.x = 2048;
		}
		if (self.y < 0) {
			self.y = 0;
		}
		if (self.y > 2732) {
			self.y = 2732;
		}
	};
	return self;
});
var Block = Container.expand(function () {
	var self = Container.call(this);
	self.blockType = 'normal';
	self.blockColor = 0x888888;
	var blockGraphics = self.attachAsset('block', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.setType = function (type, color) {
		self.blockType = type || 'normal';
		self.blockColor = color || 0x888888;
		blockGraphics.tint = self.blockColor;
	};
	self.down = function (x, y, obj) {
		if (currentTool === 'delete') {
			self.shouldDelete = true;
		}
	};
	return self;
});
var Button = Container.expand(function (label, callback) {
	var self = Container.call(this);
	var buttonGraphics = self.attachAsset('button', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	var labelText = new Text2(label, {
		size: 32,
		fill: 0xFFFFFF
	});
	labelText.anchor.set(0.5, 0.5);
	self.addChild(labelText);
	self.callback = callback;
	self.down = function (x, y, obj) {
		buttonGraphics.tint = 0x2980b9;
	};
	self.up = function (x, y, obj) {
		buttonGraphics.tint = 0x3498db;
		if (self.callback) {
			self.callback();
		}
		LK.getSound('select').play();
	};
	return self;
});
var ColorSwatch = Container.expand(function (color) {
	var self = Container.call(this);
	self.color = color;
	var swatchGraphics = self.attachAsset('colorSwatch', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	swatchGraphics.tint = color;
	self.down = function (x, y, obj) {
		currentColor = self.color;
		colorPalette.visible = false;
		LK.getSound('select').play();
	};
	return self;
});
var Tool = Container.expand(function (type, iconColor) {
	var self = Container.call(this);
	self.toolType = type;
	var toolGraphics = self.attachAsset('toolSelector', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	var iconGraphics = self.attachAsset('block', {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 0.6,
		scaleY: 0.6
	});
	iconGraphics.tint = iconColor || 0xffffff;
	self.setSelected = function (selected) {
		if (selected) {
			toolGraphics.tint = 0xffcc00;
		} else {
			toolGraphics.tint = 0xffffff;
		}
	};
	self.down = function (x, y, obj) {
		currentTool = self.toolType;
		updateToolSelection();
		LK.getSound('select').play();
	};
	return self;
});
var WorldThumbnail = Container.expand(function (worldName, worldData) {
	var self = Container.call(this);
	self.worldName = worldName;
	var thumbnailGraphics = self.attachAsset('worldThumbnail', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	var nameText = new Text2(worldName, {
		size: 24,
		fill: 0x333333
	});
	nameText.anchor.set(0.5, 0.5);
	nameText.y = thumbnailGraphics.height / 2 + 20;
	self.addChild(nameText);
	self.down = function (x, y, obj) {
		thumbnailGraphics.tint = 0xbbbbbb;
	};
	self.up = function (x, y, obj) {
		thumbnailGraphics.tint = 0xffffff;
		loadWorld(self.worldName);
		worldsMenu.visible = false;
		LK.getSound('select').play();
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Game state variables
var isBuilderMode = true;
var currentTool = 'block';
var currentColor = 0x888888;
var blocks = [];
var avatar;
var colorPalette;
var toolsContainer;
var worldsMenu;
var menuButton;
var colorPickerButton;
var dragStartX, dragStartY;
var isAvatarDragging = false;
var isJumping = false;
var isMovingLeft = false;
var isMovingRight = false;
// Colors for the palette
var paletteColors = [0xff0000, 0xff9900, 0xffff00, 0x00ff00, 0x00ffff, 0x0000ff, 0x9900ff, 0xff00ff, 0xffffff, 0xcccccc, 0x888888, 0x444444, 0x000000, 0x996633, 0x663300, 0x336600];
// Initialize UI
function initUI() {
	// Tools container
	toolsContainer = new Container();
	toolsContainer.x = 120;
	toolsContainer.y = 80;
	game.addChild(toolsContainer);
	// Add tools
	var blockTool = new Tool('block', 0x888888);
	blockTool.x = 0;
	blockTool.y = 0;
	toolsContainer.addChild(blockTool);
	var deleteTool = new Tool('delete', 0xff0000);
	deleteTool.x = 0;
	deleteTool.y = 80;
	toolsContainer.addChild(deleteTool);
	var avatarTool = new Tool('avatar', 0x3498db);
	avatarTool.x = 0;
	avatarTool.y = 160;
	toolsContainer.addChild(avatarTool);
	var playTool = new Tool('play', 0x2ecc71);
	playTool.x = 0;
	playTool.y = 240;
	toolsContainer.addChild(playTool);
	// Color palette
	colorPalette = new Container();
	var paletteBackground = LK.getAsset('palette', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	colorPalette.addChild(paletteBackground);
	var paletteTitle = new Text2("Select Color", {
		size: 30,
		fill: 0x333333
	});
	paletteTitle.anchor.set(0.5, 0);
	paletteTitle.x = 0;
	paletteTitle.y = -120;
	colorPalette.addChild(paletteTitle);
	// Add color swatches
	for (var i = 0; i < paletteColors.length; i++) {
		var swatch = new ColorSwatch(paletteColors[i]);
		swatch.x = i % 4 * 60 - 90;
		swatch.y = Math.floor(i / 4) * 60 - 60;
		colorPalette.addChild(swatch);
	}
	colorPalette.x = 2048 / 2;
	colorPalette.y = 2732 / 2;
	colorPalette.visible = false;
	game.addChild(colorPalette);
	// Color picker button
	colorPickerButton = new Button("Colors", function () {
		colorPalette.visible = true;
	});
	colorPickerButton.x = 120;
	colorPickerButton.y = 400;
	game.addChild(colorPickerButton);
	// Menu button
	menuButton = new Button("Menu", function () {
		showWorldsMenu();
	});
	menuButton.x = 120;
	menuButton.y = 500;
	game.addChild(menuButton);
	// Worlds menu
	worldsMenu = new Container();
	var menuBackground = LK.getAsset('menuBackground', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	worldsMenu.addChild(menuBackground);
	var menuTitle = new Text2("Worlds", {
		size: 40,
		fill: 0x333333
	});
	menuTitle.anchor.set(0.5, 0);
	menuTitle.x = 0;
	menuTitle.y = -250;
	worldsMenu.addChild(menuTitle);
	var newWorldButton = new Button("New World", function () {
		createNewWorld();
	});
	newWorldButton.x = 0;
	newWorldButton.y = 200;
	worldsMenu.addChild(newWorldButton);
	var closeButton = new Button("Close", function () {
		worldsMenu.visible = false;
	});
	closeButton.x = 0;
	closeButton.y = 250;
	worldsMenu.addChild(closeButton);
	worldsMenu.x = 2048 / 2;
	worldsMenu.y = 2732 / 2;
	worldsMenu.visible = false;
	game.addChild(worldsMenu);
	// Instructions text
	var instructionsText = new Text2("Tap to place blocks\nDrag avatar to move\nUse tools on the left", {
		size: 30,
		fill: 0x333333
	});
	instructionsText.anchor.set(0.5, 0);
	instructionsText.x = 2048 / 2;
	instructionsText.y = 40;
	game.addChild(instructionsText);
}
function updateToolSelection() {
	for (var i = 0; i < toolsContainer.children.length; i++) {
		var tool = toolsContainer.children[i];
		if (tool.toolType === currentTool) {
			tool.setSelected(true);
		} else {
			tool.setSelected(false);
		}
	}
	// Toggle builder/play mode
	if (currentTool === 'play') {
		isBuilderMode = false;
		startPlayMode();
	} else {
		isBuilderMode = true;
		endPlayMode();
	}
}
function startPlayMode() {
	if (!avatar) {
		// Create default avatar if none exists
		avatar = new Avatar();
		avatar.x = 2048 / 2;
		avatar.y = 2732 / 2;
		avatar.updateColor(storage.avatarColor);
		game.addChild(avatar);
	}
	toolsContainer.visible = false;
	colorPickerButton.visible = false;
	menuButton.visible = false;
	// Alert player
	var playingText = new Text2("PLAYING MODE", {
		size: 60,
		fill: 0xFF0000
	});
	playingText.anchor.set(0.5, 0.5);
	playingText.x = 2048 / 2;
	playingText.y = 2732 / 2;
	game.addChild(playingText);
	LK.setTimeout(function () {
		game.removeChild(playingText);
	}, 1500);
}
function endPlayMode() {
	toolsContainer.visible = true;
	colorPickerButton.visible = true;
	menuButton.visible = true;
}
function placeBlock(x, y) {
	var block = new Block();
	block.x = Math.floor(x / 64) * 64 + 32;
	block.y = Math.floor(y / 64) * 64 + 32;
	block.setType('normal', currentColor);
	// Check if block already exists at this position
	for (var i = 0; i < blocks.length; i++) {
		if (Math.abs(blocks[i].x - block.x) < 5 && Math.abs(blocks[i].y - block.y) < 5) {
			return; // Block already exists here
		}
	}
	game.addChild(block);
	blocks.push(block);
	LK.getSound('place').play();
}
function createAvatar(x, y) {
	// Remove existing avatar if present
	if (avatar) {
		game.removeChild(avatar);
	}
	avatar = new Avatar();
	avatar.x = x;
	avatar.y = y;
	avatar.updateColor(currentColor);
	storage.avatarColor = currentColor;
	game.addChild(avatar);
}
function showWorldsMenu() {
	// Clear previous world thumbnails
	for (var i = worldsMenu.children.length - 1; i >= 0; i--) {
		if (worldsMenu.children[i] instanceof WorldThumbnail) {
			worldsMenu.removeChild(worldsMenu.children[i]);
		}
	}
	// Add world thumbnails
	var worldNames = Object.keys(storage.worlds);
	var yPos = -150;
	for (var i = 0; i < worldNames.length; i++) {
		var thumbnail = new WorldThumbnail(worldNames[i], storage.worlds[worldNames[i]]);
		thumbnail.x = 0;
		thumbnail.y = yPos;
		worldsMenu.addChild(thumbnail);
		yPos += 150;
	}
	worldsMenu.visible = true;
}
function saveCurrentWorld() {
	var worldData = {
		blocks: [],
		avatarPosition: avatar ? {
			x: avatar.x,
			y: avatar.y
		} : null,
		avatarColor: storage.avatarColor
	};
	// Save block data
	for (var i = 0; i < blocks.length; i++) {
		worldData.blocks.push({
			x: blocks[i].x,
			y: blocks[i].y,
			color: blocks[i].blockColor,
			type: blocks[i].blockType
		});
	}
	storage.worlds[storage.currentWorld] = worldData;
}
function loadWorld(worldName) {
	saveCurrentWorld(); // Save current world first
	// Clear existing blocks
	for (var i = blocks.length - 1; i >= 0; i--) {
		game.removeChild(blocks[i]);
	}
	blocks = [];
	// Remove existing avatar
	if (avatar) {
		game.removeChild(avatar);
		avatar = null;
	}
	// Set current world
	storage.currentWorld = worldName;
	// Load world data
	var worldData = storage.worlds[worldName];
	if (!worldData) {
		// Create empty world if it doesn't exist
		return;
	}
	// Load blocks
	for (var i = 0; i < worldData.blocks.length; i++) {
		var blockData = worldData.blocks[i];
		var block = new Block();
		block.x = blockData.x;
		block.y = blockData.y;
		block.setType(blockData.type, blockData.color);
		game.addChild(block);
		blocks.push(block);
	}
	// Load avatar
	if (worldData.avatarPosition) {
		avatar = new Avatar();
		avatar.x = worldData.avatarPosition.x;
		avatar.y = worldData.avatarPosition.y;
		avatar.updateColor(worldData.avatarColor || 0x3498db);
		storage.avatarColor = worldData.avatarColor || 0x3498db;
		game.addChild(avatar);
	}
}
function createNewWorld() {
	var worldName = "World" + Math.floor(Math.random() * 1000);
	// Save current world
	saveCurrentWorld();
	// Initialize new world
	storage.worlds[worldName] = {
		blocks: [],
		avatarPosition: null,
		avatarColor: 0x3498db
	};
	// Load the new empty world
	loadWorld(worldName);
	worldsMenu.visible = false;
}
// Initialize game
initUI();
// Check if we have any worlds, if not create a default one
if (Object.keys(storage.worlds).length === 0) {
	// Create default world with platform
	storage.worlds['default'] = {
		blocks: [],
		avatarPosition: null,
		avatarColor: 0x3498db
	};
	// Add some blocks to the default world
	for (var i = 0; i < 20; i++) {
		storage.worlds['default'].blocks.push({
			x: 400 + i * 64,
			y: 1500,
			color: 0x888888,
			type: 'normal'
		});
	}
}
// Load the current world
loadWorld(storage.currentWorld);
// Start background music
LK.playMusic('bgmusic');
// Game update logic
game.update = function () {
	// Handle block deletion
	for (var i = blocks.length - 1; i >= 0; i--) {
		if (blocks[i].shouldDelete) {
			game.removeChild(blocks[i]);
			blocks.splice(i, 1);
		}
	}
	// Update avatar in play mode
	if (!isBuilderMode && avatar) {
		// Handle input for avatar movement
		if (isMovingLeft) {
			avatar.vx = -avatar.moveSpeed;
		} else if (isMovingRight) {
			avatar.vx = avatar.moveSpeed;
		} else {
			avatar.vx = 0;
		}
		if (isJumping) {
			avatar.jump();
			isJumping = false;
		}
		// Update avatar physics
		avatar.update();
	}
};
// Game input handlers
game.down = function (x, y, obj) {
	// Store drag start position
	dragStartX = x;
	dragStartY = y;
	// Skip if color palette or worlds menu is open
	if (colorPalette.visible || worldsMenu.visible) {
		return;
	}
	// Handle building/deleting in builder mode
	if (isBuilderMode) {
		if (currentTool === 'block') {
			placeBlock(x, y);
		} else if (currentTool === 'avatar') {
			createAvatar(x, y);
		}
	} else {
		// Play mode controls
		if (avatar) {
			// Check if clicking on avatar (for dragging)
			var localPoint = avatar.toLocal({
				x: x,
				y: y
			});
			if (Math.abs(localPoint.x) < avatar.width / 2 && Math.abs(localPoint.y) < avatar.height / 2) {
				isAvatarDragging = true;
			} else {
				// Check for movement controls (left side = left, right side = right, top = jump)
				if (y < 2732 / 3) {
					isJumping = true;
				} else if (x < 2048 / 2) {
					isMovingLeft = true;
				} else {
					isMovingRight = true;
				}
			}
		}
	}
};
game.move = function (x, y, obj) {
	// Skip if color palette or worlds menu is open
	if (colorPalette.visible || worldsMenu.visible) {
		return;
	}
	// Handle avatar dragging in play mode
	if (!isBuilderMode && isAvatarDragging && avatar) {
		avatar.x = x;
		avatar.y = y;
		avatar.vx = 0;
		avatar.vy = 0;
	}
};
game.up = function (x, y, obj) {
	// Reset movement flags
	isAvatarDragging = false;
	isMovingLeft = false;
	isMovingRight = false;
	// Save world when interaction ends
	saveCurrentWorld();
};