.row-fluid
  .span4
    .tavern-pane
      table
        tr
          td
            .npc_daniel
          td
            .popover.static-popover.fade.right.in
              .arrow
              h3.popover-title
                a(target='_blank', href='http://www.kickstarter.com/profile/2014640723')=env.t('daniel')
              .popover-content
                =env.t('danielText')
                div
                  button.btn.btn-large.btn-success(ng-class='{active: user.preferences.sleep}', ng-click='User.user.ops.sleep({})')
                    span(ng-show='user.preferences.sleep')=env.t('innCheckOut')
                    span(ng-hide='user.preferences.sleep')=env.t('innCheckIn')
    .alert.alert-info(ng-show='user.preferences.sleep')
      =env.t('innText')

    // Resources
    .modal(style='position: relative;top: auto;left: auto;right: auto;margin: 0 auto 20px;z-index: 1;max-width: 100%;')
      .modal-header
        h3=env.t('ressources')
      .modal-body
        table.table.table-striped
          tr
            td
              a(target='_blank', href='http://habitrpg.wikia.com/wiki/Board:Looking_for_a_Group_(LFG)')=env.t('lfgPosts')
          tr
            td
              a(target='_blank', href='https://vimeo.com/57654086')=env.t('tutorial')
          tr
            td
              a(target='_blank', href='http://habitrpg.wikia.com/wiki/FAQ')=env.t('FAQ')
          tr
            td
              a(target='_blank', href='http://habitrpg.wikia.com/wiki/Glossary')=env.t('glossary')
          tr
            td
              a(target='_blank', href='https://github.com/HabitRPG/habitrpg/issues')=env.t('reportAP')
          tr
            td
              a(target='_blank', href='https://trello.com/c/8gzGlle8')=env.t('requestAF')
          tr
            td
              a(target='_blank', href='http://habitrpg.wikia.com/wiki/Special:Forum')=env.t('community')

    // Player Tiers
    .modal(style='position: relative;top: auto;left: auto;right: auto;margin: 0 auto 20px;z-index: 1;max-width: 100%;', popover=env.t('tierPop'), popover-trigger="mouseenter", popover-placement="right")
      .modal-header
        h3=env.t('playerTiers')
      .modal-body
        small.
          <a href='/#/options/groups/hall'>=env.t('visitHeroes')</a> <br />
          <a href='http://habitrpg.wikia.com/wiki/Contributor_Rewards' target='_blank'>=env.t('conLearn')</a> <br />
          <a href='http://habitrpg.wikia.com/wiki/Contributing_to_HabitRPG' target='_blank'>=env.t('conLearnHow')</a>
        table.table.table-striped
          tr
            td
              a.label.label-contributor-1(ng-click='toggleUserTier($event)')=env.t('friend1')
              div(style='display:none;')
                p.
                  <span class='achievement achievement-firefox'></span> =env.t('friendtext1') + '<strong>' + =env.t('friend1text1') + '</strong> =env.t('friends1text2') + '<strong>' + =env.t('2gems') + '</strong>'.
                hr
                p.
                  <span class='shop_armor_special_1 shop-sprite item-img'></span> When your <strong>second</strong> submission is deployed, the <strong>Crystal Armor</strong> will be available for purchase in the Rewards shop. As a bounty for your continued work, you will also receive <strong>2 Gems</strong>.
          tr
            td
              a.label.label-contributor-3(ng-click='toggleUserTier($event)') Elite (3-4)
              div(style='display:none;')
                p.
                 <span class='shop_head_special_1 shop-sprite item-img'></span> When your <strong>third</strong> submission is deployed, the <strong>Crystal Helmet</strong> will be available for purchase in the Rewards shop. As a bounty for your great work, you will also receive <strong>2 Gems</strong>.
                hr
                p.
                  <span class='shop_weapon_special_1 shop-sprite item-img'></span> When your <strong>fourth</strong> submission is deployed, the <strong>Crystal Sword</strong> will be available for purchase in the Rewards shop. You will once again receive a bounty of <strong>2 Gems</strong>.

          tr
            td
              a.label.label-contributor-5(ng-click='toggleUserTier($event)') Champion (5-6)
              div(style='display:none;')
                p.
                  <span class='shop_shield_special_1 shop-sprite item-img'></span> When your <em>fifth</em> submission is deployed, the <strong>Crystal Shield</strong> will be available for purchase in the Rewards shop. You will also receive <strong>2 Gems</strong>.
                hr
                p.
                 <div class='Pet-Dragon-Hydra pull-left'></div> When your <em>sixth</em> submission is deployed, you will receive a <strong>Hydra Pet</strong>. You will also receive <strong>2 Gems</strong>.
          tr
            td
              a.label.label-contributor-7(ng-click='toggleUserTier($event)') Legendary (7)
              div(style='display:none;')
                p.
                  When your <em>seventh</em> submission is deployed, you will receive <strong>2 Gems</strong> and become a member of the honored Contributor's Guild and be privy to the behind-the-scenes details of HabitRPG! Further contributions do not increase your level, but you may continue to earn Gem bounties and titles.
          tr
            td
              a.label.label-contributor-8(ng-click='toggleUserTier($event)') Heroic
              div(style='display:none;')
                p The Heroic level contains HabitRPG staff and staff-level contributors. If you have this title, you were appointed to it (or hired!).
          tr
            td
              a.label.label-npc(ng-click='toggleUserTier($event)') NPC
              div(style='display:none;')
                p NPCs backed HabitRPG's Kickstarter at the highest tier. You can find their avatars watching over site features!

    include ./challenge-box

  .span8(ng-controller='ChatCtrl')
    h3=env.t('taverntalk')
        include ./chat-box
        small(style='position: relative; top: -20px; left: 25px;')
            include ../../shared/formatting-help
        small(style='position: relative; top: 18px; left: 0px')
            alert.alert-info.
                =env.t('tavernalert1')+ '<a href='https://github.com/HabitRPG/habitrpg/issues' target='_blank'>' =env.t('tavernalert2') + '</a>'.
    ul.unstyled.tavern-chat
      include ./chat-message