<div class='ad_leader' id='dfp-directory-banner'></div>

<div class='no-boxart' id='directory-list'>
  {{persistent-banners}}
  <div class='streams-grid items-grid'>
    <div class='directory_header'>
      <h2 class='title'>
        {{model.name}}
        {{game-follow-button game=model}}
        {{#if isIRL}}
          <span style='font-size: 1.4rem'>
            {{i18n "New to IRL? "}}
            <a target='_blank' href='http://link.twitch.tv/irldirectorytooltip' rel="noopener noreferrer">{{t 'general.common.learnMore'}}</a>.
          </span>
        {{/if}}
      </h2>
      {{#common/tab-container class='js-nav'}}
        {{#common/tab-item}}
          {{#if isCsgo}}
            {{#link-to "directory.csgo.channels"}}{{t 'general.Twitch.liveChannels'}}{{/link-to}}
          {{else}}
            {{#link-to "directory.game.index"}}{{t 'general.Twitch.liveChannels'}}{{/link-to}}
          {{/if}}
        {{/common/tab-item}}
        {{#common/tab-item}}
          {{#link-to "directory.game.videos"}}{{t 'general.Twitch.videos'}}{{/link-to}}
        {{/common/tab-item}}
        {{#if clips.isClipsTabOnGameDirEnabled}}
          {{#common/tab-item}}
            {{#link-to "directory.game.clips"}}{{t 'channel.clips.featureName'}}{{/link-to}}
            {{#if clips.shouldShowGameUpsell}}
              {{clips/clips-directory-nav-hotspot dismiss=(route-action 'dismissClipsGameUpsell')}}
            {{/if}}
          {{/common/tab-item}}
        {{/if}}
        {{#if isFlGame}}
          {{#common/tab-item}}
            {{#link-to "directory.game-details" model.name data-tt_content="game_directory_page" data-tt_medium="show_detail_tab"}}{{i18n 'Game Details'}}{{/link-to}}
          {{/common/tab-item}}
        {{/if}}
      {{/common/tab-container}}
    </div>
    {{outlet}}
  </div>
</div>
