<div class='stream item cm-stream'>
  <div class='content'>
    <div class='thumb theme--dark'>
      <a href="{{channelHref}}" data-tt_content="{{tt_content}}" data-tt_medium="{{tt_medium}}" data-tt_content_index={{plus-one tt_content_index}} {{action "handleStreamClick" tt_content_index}} 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}}
      {{#if communities.permissions.ban}}
        <div class="cm-stream__actions {{if showActions 'show'}} balloon-wrapper pin-tr">
          {{#common/button-element iconOnly=true onClick=(action 'toggleActions')}}
            {{svg-icon path='svg/chat-risk-flag'}}
          {{/common/button-element}}
          <div class="balloon balloon--right balloon--down balloon--dropmenu mg-r-1 {{if showActions 'show' 'hide'}}">
            <ul class="balloon__list">
              <li><a href="#" {{action 'openInModal' 'ban'}} class="balloon__link">{{i18n 'Ban'}}</a></li>
              <li><a href="#" {{action 'openInModal' 'timeout'}} class="balloon__link">{{i18n 'Timeout'}}</a></li>
            </ul>
          </div>
        </div>
      {{/if}}
    </div>
    <div class='meta'>
      <p class='title'>
        {{#if stream.channel.status}}
          <a href="{{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" tt_content_index}} data-channel-link>
            {{stream.channel.status}}
          </a>
        {{else}}
          {{i18n 'Untitled Broadcast'}}
        {{/if}}
      </p>
      <p class='info'>
        {{commatized stream.viewers}}
        {{i18n "viewers on"}}
        {{#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}}
      </p>
    </div>
  </div>
</div>
