.row-fluid(ng-controller='InventoryCtrl')
  div(ng-class='{span6: hatching}')
    menu.inventory-list(type='list')
      li.customize-menu
        menu.pets-menu(label='Eggs')
          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)', class='Pet_Egg_{{egg.name}}')
            p {{egg.text}}
      li.customize-menu
        menu.hatchingPotion-menu(label='Hatching Potions')
          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}}', class='Pet_HatchingPotion_{{hatchingPotion}}')
            p {{hatchingPotion}}
  .span6(ng-show='hatching')
    h3 Hatch Your Egg
    p(ng-show='userHatchingPotions.length < 1') You don't have any hatching potions yet.
    div(ng-show='userHatchingPotions.length >= 1')
      p.
        Which hatching potion will you pour on your <b>{{selectedEgg.text}}</b> egg?
      select(ng-options='hatchingPotion for hatchingPotion in userHatchingPotions', ng-model="selectedPotion")
      button(ng-click="pour()") Pour