import QtQuick
import ".."
import "../../skin-bank.js" as SkinBank

/* Layout of EquipArea:
 *  |    Treasure   |
    |     Weapon    |
    |     Armor     |
    |   +1  |   -1  |
    +---------------+
 */

Column {
  height: 88
  width: 138
  property int itemHeight: Math.floor(height / 4)
  property var items: [treasureItem, weaponItem, armorItem, defensiveHorseItem, offensiveHorseItem]
  property var subtypes: ["treasure", "weapon", "armor", "defensive_horse", "offensive_horse"]
  property int length: area.length

  InvisibleCardArea {
    id: area
    anchors.centerIn: parent
    checkExisting: true
  }

  EquipItem {
    id: treasureItem
    width: parent.width
    height: itemHeight
    opacity: 0
  }

  EquipItem {
    id: weaponItem
    width: parent.width
    height: itemHeight
    opacity: 0
  }

  EquipItem {
    id: armorItem
    width: parent.width
    height: itemHeight
    opacity: 0
  }

  Row {
    width: parent.width
    height: itemHeight

    Item {
      width: Math.ceil(parent.width / 2)
      height: itemHeight

      EquipItem {
        id: defensiveHorseItem
        width: parent.width
        height: itemHeight
        icon: "horse"
        opacity: 0
      }
    }

    Item {
      width: Math.floor(parent.width / 2)
      height: itemHeight

      EquipItem {
        id: offensiveHorseItem
        width: parent.width
        height: itemHeight
        icon: "horse"
        opacity: 0
      }
    }
  }

  function add(inputs)
  {
    area.add(inputs);

    let card, item;
    if (inputs instanceof Array) {
      for (let i = 0; i < inputs.length; i++) {
        card = inputs[i];
        item = items[subtypes.indexOf(card.subtype)];
        item.setCard(card);
        item.show();
      }
    } else {
      card = inputs;
      item = items[subtypes.indexOf(card.subtype)];
      item.setCard(card);
      item.show();
    }
  }

  function remove(outputs)
  {
    let result = area.remove(outputs);
    for (let i = 0; i < result.length; i++) {
      let card = result[i];
      for (let j = 0; j < items.length; j++) {
        let item = items[j];
        if (item.cid === card.cid) {
          item.reset();
          item.hide();
        }
      }
    }

    return result;
  }

  function updateCardPosition(animated)
  {
    area.updateCardPosition(animated);
  }

  function getAllCards() {
    return area.cards;
  }
}