<div class='stream item'>
  <div class='content'>
    <div class='thumb'>
      <a href={{stream.hostHref}} data-tt_content={{tt_content}} data-tt_medium={{tt_medium}} data-tt_content_index={{plus-one tt_content_index}} {{action (route-action "handleHostClick" stream position)}} class='cap' data-channel-link>
        <img src={{stream.target.preview}}>
      </a>
      {{#if stream.game}}
        <a href={{stream.gameUrl}} data-href={{stream.gameUrl}} title={{stream.game}} {{action (route-action "handleGameThumbnailClick" stream)}} class='boxart'>
          <img src={{stream.gameBoxart}} data-placeholder={{stream.gameBoxart}}>
        </a>
      {{/if}}
    </div>
    <div class='meta'>
      <p class='title'>
        <a href={{stream.hostHref}} data-tt_content={{tt_content}} data-tt_medium={{tt_medium}} data-tt_content_index={{plus-one tt_content_index}} {{action (route-action "handleHostClick" stream position)}} data-channel-link>
          {{format-display-name stream.name stream.display_name}}
          {{i18n 'hosting'}}
          {{format-display-name stream.target.channel.name stream.target.channel.display_name}}
        </a>
      </p>
      <p class='info'>
        {{commatized stream.target.viewers}}
        {{i18n "viewers on"}}
        {{#link-to 'channel.videos' stream.target.channel.name class='js-channel-link'}}
          {{format-display-name stream.target.channel.name stream.target.channel.display_name}}
        {{/link-to}}
      </p>
    </div>
  </div>
</div>
