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

/**** 
* Classes
****/ 
var BuyPanel = Container.expand(function () {
	var self = Container.call(this);
	var panelBg = self.attachAsset('shopPanel', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	var titleText = new Text2('COMPRAR SEMILLAS', {
		size: 80,
		fill: 0x000000
	});
	titleText.anchor.set(0.5, 0.5);
	titleText.x = 0;
	titleText.y = -600;
	self.addChild(titleText);
	var closeBtn = self.addChild(LK.getAsset('closeButton', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 800,
		y: -600
	}));
	var closeBtnText = new Text2('X', {
		size: 40,
		fill: 0xFFFFFF
	});
	closeBtnText.anchor.set(0.5, 0.5);
	closeBtn.addChild(closeBtnText);
	// Switch to sell panel button
	var sellPanelBtn = self.addChild(LK.getAsset('sellButton', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: -650,
		y: -600
	}));
	var sellPanelBtnText = new Text2('VENDER', {
		size: 30,
		fill: 0xFFFFFF
	});
	sellPanelBtnText.anchor.set(0.5, 0.5);
	sellPanelBtn.addChild(sellPanelBtnText);
	// Seed shop items
	var seedItems = [{
		name: 'Semillas de Lechuga',
		type: 'crop1',
		price: 5
	}, {
		name: 'Semillas de Tomate',
		type: 'crop2',
		price: 10
	}, {
		name: 'Semillas de Maíz',
		type: 'crop3',
		price: 20
	}];
	var buyItems = [];
	seedItems.forEach(function (item, index) {
		var shopItem = new ShopItem(item.type, item.price, false);
		shopItem.x = -200 + index * 200;
		shopItem.y = -100;
		self.addChild(shopItem);
		buyItems.push(shopItem);
		shopItem.button.down = function (x, y, obj) {
			if (coins >= item.price) {
				coins -= item.price;
				if (!seeds[item.type]) {
					seeds[item.type] = 0;
				}
				seeds[item.type] += 5;
				LK.getSound('purchase').play();
				updateUI();
			}
		};
	});
	sellPanelBtn.down = function (x, y, obj) {
		self.visible = false;
		sellPanel.visible = true;
		sellPanel.updateSellSection();
	};
	closeBtn.down = function (x, y, obj) {
		self.visible = false;
		isBuyPanelOpen = false;
	};
	return self;
});
var FarmPlot = Container.expand(function () {
	var self = Container.call(this);
	var plotGraphics = self.attachAsset('farmPlot', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.cropType = null;
	self.plantTime = 0;
	self.growthStage = 0;
	self.currentCrop = null;
	self.isEmpty = true;
	self.isReady = false;
	self.plantCrop = function (cropType) {
		if (!self.isEmpty) return false;
		self.cropType = cropType;
		self.plantTime = LK.ticks;
		self.growthStage = 0;
		self.isEmpty = false;
		self.isReady = false;
		// Create seedling
		self.currentCrop = self.addChild(LK.getAsset('seedling', {
			anchorX: 0.5,
			anchorY: 0.5,
			y: -20
		}));
		LK.getSound('plant').play();
		return true;
	};
	self.harvestCrop = function () {
		if (!self.isReady) return null;
		var harvestedCrop = {
			type: self.cropType,
			value: cropData[self.cropType].value
		};
		// Remove crop visual
		if (self.currentCrop) {
			self.currentCrop.destroy();
			self.currentCrop = null;
		}
		// Reset plot
		self.cropType = null;
		self.plantTime = 0;
		self.growthStage = 0;
		self.isEmpty = true;
		self.isReady = false;
		LK.getSound('harvest').play();
		return harvestedCrop;
	};
	self.update = function () {
		if (self.isEmpty || !self.cropType) return;
		var elapsed = LK.ticks - self.plantTime;
		var growthTime = cropData[self.cropType].growthTime;
		if (elapsed >= growthTime && !self.isReady) {
			// Crop is ready
			self.isReady = true;
			if (self.currentCrop) {
				self.currentCrop.destroy();
			}
			self.currentCrop = self.addChild(LK.getAsset(self.cropType, {
				anchorX: 0.5,
				anchorY: 0.5,
				y: -20
			}));
			// Add glow effect for ready crops
			tween(self.currentCrop, {
				alpha: 0.7
			}, {
				duration: 500,
				easing: tween.easeInOut
			});
			tween(self.currentCrop, {
				alpha: 1.0
			}, {
				duration: 500,
				easing: tween.easeInOut,
				onFinish: function onFinish() {
					if (self.currentCrop && self.isReady) {
						tween(self.currentCrop, {
							alpha: 0.7
						}, {
							duration: 500,
							easing: tween.easeInOut
						});
						tween(self.currentCrop, {
							alpha: 1.0
						}, {
							duration: 500,
							easing: tween.easeInOut,
							onFinish: function onFinish() {
								if (self.currentCrop && self.isReady) {
									self.update();
								}
							}
						});
					}
				}
			});
		} else if (elapsed < growthTime && elapsed > growthTime * 0.5 && self.growthStage === 0) {
			// Half grown
			self.growthStage = 1;
			if (self.currentCrop) {
				tween(self.currentCrop, {
					scaleX: 1.2,
					scaleY: 1.2
				}, {
					duration: 300
				});
			}
		}
	};
	self.down = function (x, y, obj) {
		if (self.isReady) {
			var harvest = self.harvestCrop();
			if (harvest) {
				// Add to inventory
				if (!inventory[harvest.type]) {
					inventory[harvest.type] = 0;
				}
				inventory[harvest.type]++;
				coins += harvest.value;
				updateUI();
			}
		} else if (self.isEmpty && selectedSeed && seeds[selectedSeed] > 0) {
			if (self.plantCrop(selectedSeed)) {
				seeds[selectedSeed]--;
				updateUI();
			}
		}
	};
	return self;
});
var HotbarSlot = Container.expand(function (seedType, index) {
	var self = Container.call(this);
	self.seedType = seedType;
	self.index = index;
	self.isSelected = false;
	var slotBg = self.attachAsset('hotbarSlot', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.selectedBg = self.addChild(LK.getAsset('hotbarSlotSelected', {
		anchorX: 0.5,
		anchorY: 0.5
	}));
	self.selectedBg.visible = false;
	// Add seed visual
	if (seedType) {
		var seedVisual = self.addChild(LK.getAsset(seedType, {
			anchorX: 0.5,
			anchorY: 0.5,
			scaleX: 0.8,
			scaleY: 0.8
		}));
	}
	// Add count text
	self.countText = new Text2('0', {
		size: 30,
		fill: 0xFFFFFF
	});
	self.countText.anchor.set(0.5, 0.5);
	self.countText.x = 0;
	self.countText.y = 40;
	self.addChild(self.countText);
	self.updateCount = function (count) {
		self.countText.setText(count.toString());
		self.alpha = count > 0 ? 1.0 : 0.5;
	};
	self.setSelected = function (selected) {
		self.isSelected = selected;
		self.selectedBg.visible = selected;
		if (selected) {
			tween(self, {
				scaleX: 1.1,
				scaleY: 1.1
			}, {
				duration: 200,
				easing: tween.easeInOut
			});
		} else {
			tween(self, {
				scaleX: 1.0,
				scaleY: 1.0
			}, {
				duration: 200,
				easing: tween.easeInOut
			});
		}
	};
	self.down = function (x, y, obj) {
		if (seeds[self.seedType] > 0) {
			selectedSeed = self.seedType;
			updateHotbar();
		}
	};
	return self;
});
var InventoryItem = Container.expand(function (itemType, count, isHarvested) {
	var self = Container.call(this);
	// Background slot
	var slotBg = self.attachAsset('hotbarSlot', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Item icon
	var itemIcon = self.addChild(LK.getAsset(itemType, {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 0.8,
		scaleY: 0.8
	}));
	// Count text
	self.countText = new Text2(count.toString(), {
		size: 30,
		fill: 0xFFFFFF
	});
	self.countText.anchor.set(0.5, 0.5);
	self.countText.x = 0;
	self.countText.y = 40;
	self.addChild(self.countText);
	// Type label (seeds vs crops)
	var typeLabel = new Text2(isHarvested ? 'Cultivo' : 'Semillas', {
		size: 20,
		fill: 0x000000
	});
	typeLabel.anchor.set(0.5, 0.5);
	typeLabel.x = 0;
	typeLabel.y = -50;
	self.addChild(typeLabel);
	self.updateCount = function (newCount) {
		self.countText.setText(newCount.toString());
		self.alpha = newCount > 0 ? 1.0 : 0.5;
	};
	return self;
});
var InventoryPanel = Container.expand(function () {
	var self = Container.call(this);
	var panelBg = self.attachAsset('inventoryPanel', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	var titleText = new Text2('INVENTARIO', {
		size: 80,
		fill: 0x000000
	});
	titleText.anchor.set(0.5, 0.5);
	titleText.x = 0;
	titleText.y = -600;
	self.addChild(titleText);
	var closeBtn = self.addChild(LK.getAsset('closeButton', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 800,
		y: -600
	}));
	var closeBtnText = new Text2('X', {
		size: 40,
		fill: 0xFFFFFF
	});
	closeBtnText.anchor.set(0.5, 0.5);
	closeBtn.addChild(closeBtnText);
	self.inventoryTexts = [];
	self.updateInventory = function () {
		// Clear existing items
		self.inventoryTexts.forEach(function (item) {
			item.destroy();
		});
		self.inventoryTexts = [];
		// Create grid layout
		var itemsPerRow = 4;
		var itemSpacing = 180;
		var currentRow = 0;
		var currentCol = 0;
		var startX = -300;
		var startY = -300;
		// Show seeds
		Object.keys(seeds).forEach(function (seedType) {
			if (seeds[seedType] > 0) {
				var item = new InventoryItem(seedType, seeds[seedType], false);
				item.x = startX + currentCol * itemSpacing;
				item.y = startY + currentRow * itemSpacing;
				self.addChild(item);
				self.inventoryTexts.push(item);
				currentCol++;
				if (currentCol >= itemsPerRow) {
					currentCol = 0;
					currentRow++;
				}
			}
		});
		// Show harvested crops
		Object.keys(inventory).forEach(function (cropType) {
			if (inventory[cropType] > 0) {
				var item = new InventoryItem(cropType, inventory[cropType], true);
				item.x = startX + currentCol * itemSpacing;
				item.y = startY + currentRow * itemSpacing;
				self.addChild(item);
				self.inventoryTexts.push(item);
				currentCol++;
				if (currentCol >= itemsPerRow) {
					currentCol = 0;
					currentRow++;
				}
			}
		});
	};
	closeBtn.down = function (x, y, obj) {
		self.visible = false;
		isInventoryOpen = false;
	};
	return self;
});
var SellPanel = Container.expand(function () {
	var self = Container.call(this);
	var panelBg = self.attachAsset('shopPanel', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	var titleText = new Text2('VENDER CULTIVOS', {
		size: 80,
		fill: 0x000000
	});
	titleText.anchor.set(0.5, 0.5);
	titleText.x = 0;
	titleText.y = -600;
	self.addChild(titleText);
	var closeBtn = self.addChild(LK.getAsset('closeButton', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 800,
		y: -600
	}));
	var closeBtnText = new Text2('X', {
		size: 40,
		fill: 0xFFFFFF
	});
	closeBtnText.anchor.set(0.5, 0.5);
	closeBtn.addChild(closeBtnText);
	// Switch to buy panel button
	var buyPanelBtn = self.addChild(LK.getAsset('buyButton', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: -650,
		y: -600
	}));
	var buyPanelBtnText = new Text2('COMPRAR', {
		size: 30,
		fill: 0xFFFFFF
	});
	buyPanelBtnText.anchor.set(0.5, 0.5);
	buyPanelBtn.addChild(buyPanelBtnText);
	// Sell all button
	var sellAllBtn = self.addChild(LK.getAsset('sellAllButton', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 0,
		y: -500
	}));
	var sellAllBtnText = new Text2('VENDER TODO', {
		size: 35,
		fill: 0xFFFFFF
	});
	sellAllBtnText.anchor.set(0.5, 0.5);
	sellAllBtn.addChild(sellAllBtnText);
	// Initialize sell texts array
	self.sellTexts = [];
	self.updateSellSection = function () {
		// Clear existing sell items
		self.sellTexts.forEach(function (item) {
			item.destroy();
		});
		self.sellTexts = [];
		// Create grid layout for sell items
		var itemsPerRow = 4;
		var itemSpacing = 180;
		var currentRow = 0;
		var currentCol = 0;
		var startX = -300;
		var startY = -300;
		// Show harvested crops for selling
		Object.keys(inventory).forEach(function (cropType) {
			if (inventory[cropType] > 0) {
				var sellPrice = Math.floor(cropData[cropType].value * 0.8); // 80% of original value
				var sellItem = new ShopItem(cropType, sellPrice, true, inventory[cropType]);
				sellItem.x = startX + currentCol * itemSpacing;
				sellItem.y = startY + currentRow * itemSpacing;
				self.addChild(sellItem);
				self.sellTexts.push(sellItem);
				sellItem.button.down = function (x, y, obj) {
					if (inventory[cropType] > 0) {
						inventory[cropType]--;
						coins += sellPrice;
						LK.getSound('purchase').play();
						updateUI();
						self.updateSellSection();
					}
				};
				currentCol++;
				if (currentCol >= itemsPerRow) {
					currentCol = 0;
					currentRow++;
				}
			}
		});
	};
	sellAllBtn.down = function (x, y, obj) {
		var totalEarnings = 0;
		Object.keys(inventory).forEach(function (cropType) {
			if (inventory[cropType] > 0) {
				var sellPrice = Math.floor(cropData[cropType].value * 0.8);
				totalEarnings += sellPrice * inventory[cropType];
				inventory[cropType] = 0;
			}
		});
		if (totalEarnings > 0) {
			coins += totalEarnings;
			LK.getSound('purchase').play();
			updateUI();
			self.updateSellSection();
		}
	};
	buyPanelBtn.down = function (x, y, obj) {
		self.visible = false;
		buyPanel.visible = true;
	};
	closeBtn.down = function (x, y, obj) {
		self.visible = false;
		isSellPanelOpen = false;
	};
	return self;
});
var ShopItem = Container.expand(function (itemType, price, isSellItem, count) {
	var self = Container.call(this);
	// Background slot
	var slotBg = self.attachAsset('hotbarSlot', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Item icon
	var itemIcon = self.addChild(LK.getAsset(itemType, {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 0.8,
		scaleY: 0.8
	}));
	// Buy price text (above item)
	var buyPrice = cropData[itemType] ? Math.floor(cropData[itemType].value * 2.5) : price;
	var buyPriceText = new Text2('C: ' + buyPrice, {
		size: 20,
		fill: 0x00AA00
	});
	buyPriceText.anchor.set(0.5, 0.5);
	buyPriceText.x = -30;
	buyPriceText.y = -70;
	self.addChild(buyPriceText);
	// Sell price text (above item)
	var sellPrice = cropData[itemType] ? Math.floor(cropData[itemType].value * 0.8) : Math.floor(price * 0.8);
	var sellPriceText = new Text2('V: ' + sellPrice, {
		size: 20,
		fill: 0xAA0000
	});
	sellPriceText.anchor.set(0.5, 0.5);
	sellPriceText.x = 30;
	sellPriceText.y = -70;
	self.addChild(sellPriceText);
	// Price text
	var priceText = new Text2(price + ' monedas', {
		size: 25,
		fill: 0x000000
	});
	priceText.anchor.set(0.5, 0.5);
	priceText.x = 0;
	priceText.y = 50;
	self.addChild(priceText);
	// Count text (for sell items)
	if (isSellItem && count > 0) {
		self.countText = new Text2('x' + count, {
			size: 20,
			fill: 0xFFFFFF
		});
		self.countText.anchor.set(0.5, 0.5);
		self.countText.x = 0;
		self.countText.y = -40;
		self.addChild(self.countText);
	}
	// Button
	var buttonAsset = isSellItem ? 'sellButton' : 'buyButton';
	var button = self.addChild(LK.getAsset(buttonAsset, {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 0,
		y: 80
	}));
	var buttonText = new Text2(isSellItem ? 'VENDER' : 'COMPRAR', {
		size: 20,
		fill: 0xFFFFFF
	});
	buttonText.anchor.set(0.5, 0.5);
	button.addChild(buttonText);
	self.button = button;
	self.itemType = itemType;
	self.price = price;
	self.isSellItem = isSellItem;
	self.updateCount = function (newCount) {
		if (self.countText) {
			self.countText.setText('x' + newCount);
		}
		self.alpha = newCount > 0 ? 1.0 : 0.3;
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Game data
var cropData = {
	'crop1': {
		name: 'Lechuga',
		growthTime: 300,
		value: 8
	},
	// 5 seconds
	'crop2': {
		name: 'Tomate',
		growthTime: 600,
		value: 18
	},
	// 10 seconds
	'crop3': {
		name: 'Maíz',
		growthTime: 900,
		value: 35
	} // 15 seconds
};
// Game state
var coins = storage.coins || 50;
var seeds = storage.seeds || {
	'crop1': 5,
	'crop2': 2,
	'crop3': 1
};
var inventory = storage.inventory || {};
var selectedSeed = 'crop1';
var isBuyPanelOpen = false;
var isSellPanelOpen = false;
var isInventoryOpen = false;
// UI elements
var coinsText = new Text2('Monedas: ' + coins, {
	size: 60,
	fill: 0xFFD700,
	fontStyle: 'italic'
});
coinsText.anchor.set(0.5, 1);
coinsText.x = 1024;
coinsText.y = 2500;
game.addChild(coinsText);
// Shop button
var shopBtn = LK.getAsset('shopButton', {
	anchorX: 0.5,
	anchorY: 0.5
});
var shopBtnText = new Text2('TIENDA', {
	size: 40,
	fill: 0xFFFFFF
});
shopBtnText.anchor.set(0.5, 0.5);
shopBtn.addChild(shopBtnText);
shopBtn.x = 100;
shopBtn.y = 50;
LK.gui.top.addChild(shopBtn);
// Inventory button
var invBtn = LK.getAsset('inventoryButton', {
	anchorX: 0.5,
	anchorY: 0.5
});
var invBtnText = new Text2('INVENTARIO', {
	size: 35,
	fill: 0xFFFFFF
});
invBtnText.anchor.set(0.5, 0.5);
invBtn.addChild(invBtnText);
invBtn.x = -100;
invBtn.y = 50;
LK.gui.top.addChild(invBtn);
// Create farm plots in isometric grid
var farmPlots = [];
var plotsPerRow = 4;
var plotsPerCol = 6;
var plotSpacingX = 140;
var plotSpacingY = 100;
// Calculate proper centering
var totalWidth = (plotsPerRow - 1) * plotSpacingX + (plotsPerCol - 1) * 30;
var totalHeight = (plotsPerCol - 1) * plotSpacingY;
var startX = (2048 - totalWidth) / 2;
var startY = (2732 - totalHeight) / 2;
for (var row = 0; row < plotsPerCol; row++) {
	for (var col = 0; col < plotsPerRow; col++) {
		var plot = new FarmPlot();
		plot.x = startX + col * plotSpacingX - row * 30;
		plot.y = startY + row * plotSpacingY;
		game.addChild(plot);
		farmPlots.push(plot);
	}
}
// Buy and sell panels
var buyPanel = new BuyPanel();
buyPanel.x = 1024;
buyPanel.y = 1366;
buyPanel.visible = false;
game.addChild(buyPanel);
var sellPanel = new SellPanel();
sellPanel.x = 1024;
sellPanel.y = 1366;
sellPanel.visible = false;
game.addChild(sellPanel);
var inventoryPanel = new InventoryPanel();
inventoryPanel.x = 1024;
inventoryPanel.y = 1366;
inventoryPanel.visible = false;
game.addChild(inventoryPanel);
// Button event handlers
shopBtn.down = function (x, y, obj) {
	if (!isInventoryOpen && !isSellPanelOpen) {
		buyPanel.visible = true;
		isBuyPanelOpen = true;
	}
};
invBtn.down = function (x, y, obj) {
	if (!isBuyPanelOpen && !isSellPanelOpen) {
		inventoryPanel.visible = true;
		inventoryPanel.updateInventory();
		isInventoryOpen = true;
	}
};
// Create hotbar
var hotbarSlots = [];
var hotbarContainer = new Container();
hotbarContainer.x = 1024;
hotbarContainer.y = 2600;
game.addChild(hotbarContainer);
// Create hotbar slots for each seed type
var seedTypes = ['crop1', 'crop2', 'crop3'];
seedTypes.forEach(function (seedType, index) {
	var slot = new HotbarSlot(seedType, index);
	slot.x = (index - 1) * 180;
	slot.y = 0;
	hotbarContainer.addChild(slot);
	hotbarSlots.push(slot);
});
function updateHotbar() {
	hotbarSlots.forEach(function (slot) {
		var count = seeds[slot.seedType] || 0;
		slot.updateCount(count);
		slot.setSelected(slot.seedType === selectedSeed);
	});
}
// Initialize hotbar
updateHotbar();
// Remove old seed selection behavior - hotbar handles it now
game.down = function (x, y, obj) {
	// Hotbar slots handle their own clicks now
};
function updateUI() {
	coinsText.setText('Monedas: ' + coins);
	updateHotbar();
	// Save progress
	storage.coins = coins;
	storage.seeds = seeds;
	storage.inventory = inventory;
}
game.update = function () {
	// Update all farm plots
	farmPlots.forEach(function (plot) {
		// Plot update is called automatically
	});
};

===================================================================
--- original.js
+++ change.js
@@ -533,8 +533,28 @@
 		anchorY: 0.5,
 		scaleX: 0.8,
 		scaleY: 0.8
 	}));
+	// Buy price text (above item)
+	var buyPrice = cropData[itemType] ? Math.floor(cropData[itemType].value * 2.5) : price;
+	var buyPriceText = new Text2('C: ' + buyPrice, {
+		size: 20,
+		fill: 0x00AA00
+	});
+	buyPriceText.anchor.set(0.5, 0.5);
+	buyPriceText.x = -30;
+	buyPriceText.y = -70;
+	self.addChild(buyPriceText);
+	// Sell price text (above item)
+	var sellPrice = cropData[itemType] ? Math.floor(cropData[itemType].value * 0.8) : Math.floor(price * 0.8);
+	var sellPriceText = new Text2('V: ' + sellPrice, {
+		size: 20,
+		fill: 0xAA0000
+	});
+	sellPriceText.anchor.set(0.5, 0.5);
+	sellPriceText.x = 30;
+	sellPriceText.y = -70;
+	self.addChild(sellPriceText);
 	// Price text
 	var priceText = new Text2(price + ' monedas', {
 		size: 25,
 		fill: 0x000000
@@ -720,9 +740,9 @@
 // Create hotbar slots for each seed type
 var seedTypes = ['crop1', 'crop2', 'crop3'];
 seedTypes.forEach(function (seedType, index) {
 	var slot = new HotbarSlot(seedType, index);
-	slot.x = (index - 1) * 140;
+	slot.x = (index - 1) * 180;
 	slot.y = 0;
 	hotbarContainer.addChild(slot);
 	hotbarSlots.push(slot);
 });