<div class="card">
  <div class="card__layout">
    <figure class="card__img">
      <a href={{channelHref}} title={{stream.channel.status}}
        {{action "handleStreamClick" position}}
        data-tt_content={{tt_content}}
        data-tt_medium={{tt_medium}}
        data-tt_content_index={{plus-one tt_content_index}}>
        <img src="{{stream.preview.medium}}">
      </a>
      {{#if stream.game}}
        <a href={{stream.gameUrl}} title={{stream.game}} class="card__boxpin"
          {{action "handleGameThumbnailClick"}}
          data-tt_content={{tt_content}}
          data-tt_medium={{tt_medium}}
          data-tt_content_index={{plus-one tt_content_index}}>
          <img src={{stream.gameBoxart}} alt={{stream.game}}>
        </a>
      {{/if}}
    </figure>
    <div class="card__body">
      <h3 class="card__title ellipsis">
        {{#if stream.channel.status}}
          <a href={{channelHref}} title={{stream.channel.status}}
            {{action "handleStreamClick" position}}
            data-tt_content={{tt_content}}
            data-tt_medium={{tt_medium}}
            data-tt_content_index={{plus-one tt_content_index}}>
            {{stream.channel.status}}
          </a>
        {{else}}
          {{i18n 'Untitled Broadcast'}}
        {{/if}}
      </h3>
      <p class="card__info">
        {{commatized stream.viewers}}
        {{i18n 'viewers on'}}
        {{#if stream.channel.displayName}}
          {{#link-to 'channel.index' stream.channel.name
            class='js-channel-link'
            data-tt_content=tt_content
            data-tt_medium=tt_medium
            data-tt_content_index=(plus-one tt_content_index)
          }}
            {{~format-display-name stream.channel.name stream.channel.display_name~}}
          {{/link-to}}
        {{else}}
          {{t 'general.Twitch.unknown'}}
        {{/if}}
      </p>
    </div>
  </div>
</div>
