script(type='text/ng-template', id='partials/options.inventory.inventory.html')
  .row-fluid(ng-controller='InventoryCtrl')
    .span6.border-right
      h2 Inventory
      p.well Click an egg to see usable potions highlighted in green. Click that egg again to deselect it, and instead click a potion first to have the usable eggs highlighted. You can also sell unwanted drops to Alexander the Merchant.
      menu.inventory-list(type='list')
        li.customize-menu
          menu.pets-menu(label='Eggs ({{userEggs.length}})')
            p(ng-show='userEggs.length < 1') You don't have any eggs yet.
            div(ng-repeat='egg in userEggs track by $index')
              button.customize-option(tooltip='{{egg.text}}', ng-click='chooseEgg(egg, $index)', class='Pet_Egg_{{egg.name}}', ng-class='selectableInventory(egg, selectedPotion.name, $index)')
              p {{egg.text}}
        li.customize-menu
          menu.hatchingPotion-menu(label='Hatching Potions ({{userHatchingPotions.length}})')
            p(ng-show='userHatchingPotions.length < 1') You don't have any hatching potions yet.
            div(ng-repeat='hatchingPotion in userHatchingPotions track by $index')
              button.customize-option(tooltip='{{hatchingPotion}}', ng-click='choosePotion(hatchingPotion, $index)', class='Pet_HatchingPotion_{{hatchingPotion}}', ng-class='selectableInventory(selectedEgg, hatchingPotion, $index)')
              p {{hatchingPotion}}

    .span6
      h2 Market
      .row-fluid(ng-controller='MarketCtrl')
        table.NPC-Alex-container
          tr
            td
              .NPC-Alex.pull-left
            td
              .popover.static-popover.fade.right.in
                .arrow
                h3.popover-title
                  a(target='_blank', href='http://www.kickstarter.com/profile/523661924') Alexander the Merchant
                .popover-content
                  p
                    | Welcome to the Market. Dying to get that particular pet you're after, but don't want to wait for it to drop? Buy it here! If you have unwanted drops, sell them to me.
                  p
                    button.btn.btn-primary(ng-show='selectedEgg', ng-click='sellInventory()')
                      | Sell {{selectedEgg.name}} for {{selectedEgg.value}} GP
                    button.btn.btn-primary(ng-show='selectedPotion', ng-click='sellInventory()')
                      | Sell {{selectedPotion.name}} for {{selectedPotion.value}} GP

        menu.inventory-list(type='list')
          li.customize-menu
            menu.pets-menu(label='Eggs')
              div(ng-repeat='egg in eggs track by $index')
                button.customize-option(tooltip='{{egg.text}} - {{egg.value}} Gem(s)', ng-click='buy("egg", egg)', class='Pet_Egg_{{egg.name}}')
                p {{egg.text}}

          li.customize-menu
            menu.pets-menu(label='Hatching Potions')
              div(ng-repeat='hatchingPotion in hatchingPotions track by $index')
                button.customize-option(tooltip='{{hatchingPotion.text}} - {{hatchingPotion.value}} Gem(s)', ng-click='buy("hatchingPotion", hatchingPotion)', class='Pet_HatchingPotion_{{hatchingPotion.name}}')
                p {{hatchingPotion.text}}