{{!-- TODO: add acceptance tests --}}
<div id='directory-list'>
  <div class='tickets-grid items-grid'>
    <div class='directory_header'>
      <h2 class='title'>
        {{t 'general.Twitch.subscriptions'}}
      </h2>
    </div>
    {{#if login.isLoggedIn}}
      {{#unless content.isLoading}}
        {{#unless content}}
          <div class='section_header'>
            <h3 class='center-title'>
              {{i18n "No subscriptions to manage. Directly support broadcasters by subscribing to their channels."}}
            </h3>
          </div>
        {{/unless}}
      {{/unless}}
      {{#if content.isLoading}}
        {{loading-more-spinner}}
      {{/if}}
      <div class='js-tickets tickets'>
        {{#each filteredTickets as |ticket|}}
          {{backpack/ticket-subscription ticket=ticket}}
        {{/each}}
      </div>
      {{#if content}}
        {{#unless content.hideMore}}
          {{partial 'shared/load-more'}}
        {{/unless}}
      {{/if}}
    {{/if}}
  </div>
  {{#unless login.isLoggedIn}}
    {{i18n "You must be logged in to see your subscriptions."}}
  {{/unless}}
</div>
