{{#if recommendedVodsToShow.length}}
  <div class='section_header'>
    <h3 class='title'>
      {{i18n 'Based On Your Viewing History'}}
    </h3>
  </div>
  <div class='js-streams streams'>
    {{#each recommendedVodsToShow as |video index|}}
      <div class='card card--row card--xs mg-b-1 flex'>
        <figure class='card__img'>
          <a href={{video.url}} {{action 'trackAndTransition' (hash video=video index=index totalVideos=totalVideos)}} class='flex'>
            <img src={{video.preview}}>
          </a>
        </figure>
        <div class='card__body'>
          <h3 class='card__title ellipsis'>
            {{#if video.title}}
              <a href={{video.url}} title={{video.title}} {{action 'trackAndTransition' (hash video=video index=index totalVideos=totalVideos)}}>
                {{video.title}}
              </a>
            {{else}}
              {{i18n 'Untitled Broadcast'}}
            {{/if}}
          </h3>
          <div class='card__info flex flex--nowrap flex--verticalCenter ellipsis'>
            <span>{{relative-time date=video.recordedDate}} &middot; {{video.channel.display_name}}</span>
          </div>
          <div class='card__info flex flex--nowrap flex--verticalCenter fill-grey-10'>
            {{partial 'svg/glyph-views'}}
            <span class='mg-r-1'>{{commatized video.views}}</span>
            {{partial 'svg/glyph-length'}}
            <span>{{length-as-clock video.length}}</span>
          </div>
        </div>
      </div>
    {{/each}}
  </div>
{{/if}}
