.container-fluid
  .stable.row(ng-if='user.purchased.plan.consecutive.trinkets <= 0'): .col-xs-12
    .npc_timetravelers.pull-left-sm.col-centered
    .popover.static-popover.fade.right.in.pull-left-sm.col-centered
      .arrow.hidden-xs
      h3.popover-title!=env.t('timeTravelersTitleNoSub', {linkStartTyler: "<a href='https://github.com/lefnire' target='_blank'>", linkStartVicky: "<a href='http://blog.habitrpg.com/who' target='_blank'>", linkEnd: "</a>"})
      .popover-content
        p!=env.t('timeTravelersPopoverNoSub', {linkStart: "<a href='https://habitica.com/#/options/settings/subscription' target='_blank'>", linkEnd: "</a>"})

  .stable.row(ng-if='user.purchased.plan.consecutive.trinkets > 0'): .col-xs-12
    .npc_timetravelers_active.pull-left-sm.col-centered
    .popover.static-popover.fade.right.in.pull-left-sm.col-centered
      .arrow.hidden-xs
      h3.popover-title=env.t('timeTravelersTitle')
      .popover-content
        .pull-right
          span.inventory_special_trinket.inline-gems
          b x{{user.purchased.plan.consecutive.trinkets}}
        p!=env.t('timeTravelersPopover', {linkStart: "<a href='http://habitrpg.wikia.com/wiki/Mystery_Item' target='_blank'>", linkEnd: "</a>"})

  .row: .col-md-12
    li.customize-menu.inventory-gear
      menu.pets-menu(label='{{::set.text}}', ng-repeat='set in Content.timeTravelerStore(user.items.gear.owned)')
        div(ng-repeat='item in set.items')
          button.customize-option(class='shop_{{::item.key}}',
            popover='{{::item.notes()}}', popover-title='{{::item.text()}}',
            popover-trigger='mouseenter', popover-placement='right',
            popover-append-to-body='true',
            ng-click='user.ops.buyMysterySet({params:{key:set.key}})')