/****
* Classes
****/
var ShopItem = Container.expand(function (id, price) {
  var self = Container.call(this);
  self.id = id;
  self.price = price;
  self.affordable = true;
  self.updateAffordability = function (playerCoins) {
    self.affordable = playerCoins >= self.price;
    self.assetId = self.affordable ? 'itemAffordable' : 'itemExpensive';
    self.refreshAsset();
  };
  self.refreshAsset = function () {
    if (self.asset) {
      self.removeChild(self.asset);
    }
    self.asset = self.attachAsset(self.assetId, {
      anchorX: 0.5,
      anchorY: 0.5
    });
  };
  self.refreshAsset();
});
var ShopMenu = Container.expand(function () {
  var self = Container.call(this);
  self.visible = false;
  self.items = [];
  self.toggleVisibility = function () {
    self.visible = !self.visible;
  };
  self.addItem = function (item) {
    self.items.push(item);
    self.addChild(item);
  };
  self.updateItemsAffordability = function (playerCoins) {
    self.items.forEach(function (item) {
      item.updateAffordability(playerCoins);
    });
  };
});

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

/****
* Game Code
****/
var shopButton = game.addChild(LK.getAsset('shopIcon', {
  anchorX: 1,
  anchorY: 0,
  x: 2048,
  y: 0
}));
var shopMenu = game.addChild(new ShopMenu());
shopMenu.x = 1024; // Center of the screen
shopMenu.y = 1366; // Middle of the screen
// Sample items for the shop
shopMenu.addItem(new ShopItem('item1', 100));
shopMenu.addItem(new ShopItem('item2', 200));
shopMenu.addItem(new ShopItem('item3', 300));
// Position shop items
var itemOffsetY = 200;
shopMenu.items.forEach(function (item, index) {
  item.x = 0;
  item.y = index * itemOffsetY - shopMenu.items.length * itemOffsetY / 2;
});
// Player's coins
var playerCoins = 150; // Example starting coins
// Shop button event listener
shopButton.on('down', function () {
  shopMenu.toggleVisibility();
  shopMenu.updateItemsAffordability(playerCoins);
});
// Main game loop
LK.on('tick', function () {
  // Game logic goes here
  // For example, earning coins or spending them in the shop
  // This is just a placeholder for the actual game logic
});
// Hide the shop menu initially
shopMenu.visible = false;
// Update the shop menu's visibility based on the shop button
game.on('tick', function () {
  shopMenu.visible = shopMenu.visible;
});