mixin mountList(source)
  menu.pets(type='list')
    each egg in source
      -if(!egg.noMount) {
        li.customize-menu
          menu
            each potion in env.Content.hatchingPotions
              - mount = egg.key+"-"+potion.key
              div(popover-trigger='mouseenter', popover=env.t('mountName', {potion: potion.text(env.language.code), mount: egg.mountText(env.language.code)}), popover-placement='bottom')
                button(class="pet-button Mount_Head_#{mount}", ng-show='user.items.mounts["#{mount}"]', ng-class='{active: user.items.currentMount == "#{mount}"}', ng-click='chooseMount("#{egg.key}", "#{potion.key}")')
                  //div(class='Mount_Head_{{mount}}')
                button(class="pet-button mount-not-owned", ng-hide='user.items.mounts["#{mount}"]')
                  .PixelPaw
      -}

.container-fluid
  .stable.row: .col-xs-12
    .pull-left-sm.col-centered(class="#{env.worldDmg.stables ? 'npc_matt_broken' : 'npc_matt'}")
    .popover.static-popover.fade.right.in.pull-left-sm.col-centered
      .arrow.hidden-xs
      h3.popover-title
        a(target='_blank', href='http://www.kickstarter.com/profile/mattboch')=env.t('mattBoch')
      .popover-content
        p=env.t('mattShall', {name: "{{user.profile.name}}"})
        h4= env.t('mountMasterProgress') + ': {{mountCount}} / {{totalMounts}} ' + env.t('mountsTamed')
  .row.col-md-12
    +mountList(env.Content.dropEggs)
  .row.col-md-12
    h4=env.t('questMounts')
    +mountList(env.Content.questEggs)
  .row.col-md-12
    h4=env.t('rareMounts')
    menu
      div
        each t,k in env.Content.specialMounts
          - var animal = k.split('-')[0], color = k.split('-')[1]
          button(ng-if='user.items.mounts["#{animal}-#{color}"]', class="pet-button Mount_Head_#{animal}-#{color}", ng-class='{active: user.items.currentMount == "#{animal}-#{color}"}', ng-click='chooseMount("#{animal}", "#{color}")', popover=env.t(t), popover-trigger='mouseenter', popover-placement='bottom')