<div class='stream item'>
  <div class='content'>
    <div class='thumb'>
      <a
        href={{stream.channelHref}}
        data-tt_content={{tt_content}}
        data-tt_medium={{tt_medium}}
        data-tt_content_index={{plus-one tt_content_index}}
        {{action "handleStreamClick" position}}
        class="cap aspect"
        data-channel-link
      >
        <img class="aspect__fill" src={{stream.preview.medium}}>
      </a>
      {{#if stream.game}}
        <a
          href={{stream.gameUrl}}
          data-href={{stream.gameUrl}}
          title={{stream.game}}
          {{action "handleGameThumbnailClick"}}
          class='boxart'
          data-tt_content={{tt_content}}
          data-tt_medium={{tt_medium}}
          data-tt_content_index={{plus-one tt_content_index}}
        >
          <img src={{stream.gameBoxart}} data-placeholder={{stream.gameBoxart}}>
        </a>
      {{/if}}
    </div>
    <div class='meta'>
      <p class='title'>
        {{#if stream.channel.status}}
          <a
            href={{stream.channelHref}}
            title={{stream.channel.status}}
            data-tt_content={{tt_content}}
            data-tt_medium={{tt_medium}}
            data-tt_content_index={{plus-one tt_content_index}}
            {{action "handleStreamClick" position}} data-channel-link
          >
            {{stream.channel.status}}
          </a>
        {{else}}
          Untitled Broadcast
        {{/if}}
      </p>
      <p class='info'>
        {{#i18n-wrappers/single-replace
        translation=(t 'directory.streamPreview.info' numViewers=stream.viewers channelName='{channelName}')
        yieldKey='{channelName}'
        }}
          {{#link-to 'channel.videos' stream.channel.name
            class='js-channel-link'
            data-tt_content=tt_content
            data-tt_content_index=(plus-one tt_content_index)
            data-tt_medium=tt_medium
          }}
            {{format-display-name stream.channel.name stream.channel.display_name}}
          {{/link-to}}
        {{/i18n-wrappers/single-replace}}
      </p>
    </div>
  </div>
</div>
