{{outlet "localizedContent"}}

{{#if isBrowseExperimentEnabled}}
  <div class="mixed-header">
    <div class="mixed-header__layout">
      <div class="mixed-header__body">
        <h4 class="mixed-header__title">
          {{i18n 'All Channels'}}
        </h4>
      </div>
    </div>
  </div>
{{else}}
  <div class="section_header first">
    <h3 class="title">
      {{t 'general.Twitch.liveChannels'}}
    </h3>
  </div>
{{/if}}

{{#filter-list itemWidth=214}}
  <li>
    {{#link-to "directory.csgo.channels.index" (query-params sortBy=sortBy) classNames="filter-item" }}
      <span>{{i18n "All Maps"}}</span>
      <img src='/images/xarth/all-maps.png'>
    {{/link-to}}
  </li>

  {{#each model as |map|}}
    <li>
      {{#link-to "directory.csgo.channels.filtered" map.map (query-params sortBy=sortBy) classNames="filter-item"}}
        <span>{{map.map_name}}</span>
        <img src={{map.map_img}}>
      {{/link-to}}
    </li>
  {{/each}}
{{/filter-list}}

{{#sort-control selected=sortHeader}}
  <li>
    {{#link-to (query-params sortBy="channel_count")}}{{t 'general.Twitch.viewers'}}{{/link-to}}
  </li>
  <li>
    {{#link-to (query-params sortBy="skill")}}{{i18n "Skill"}}{{/link-to}}
  </li>
{{/sort-control}}

{{outlet}}
