{{#link-to 'videos' video.id}}
  <figure class="card__img">
    <img data-test-thumbnail src={{video.preview.medium}}>
    {{#if video.isPublished}}
      <figure class="card__meta card__meta--left" data-test-views>
        {{partial 'svg/glyph-views'}} {{commatized video.views}}
      </figure>
      {{#if video.isMuted}}
        {{svg-icon iconModifier='card__meta card__meta--alert card__meta--right' path='svg/muted' testSelector='data-test-mute'}}
      {{/if}}
    {{else if video.isUnpublished}}
      <figure class="card__meta card__meta--left" data-test-views>
        {{partial 'svg/glyph-views'}} {{commatized video.views}}
      </figure>

      <figure class="card__meta card__meta--right" data-test-badge>
        {{partial 'svg/lock'}} {{i18n 'Unpublished'}}
      </figure>

      {{#if video.isMuted}}
        {{svg-icon iconModifier='card__meta card__meta--alert card__meta--below card__meta--right' path='svg/muted' testSelector='data-test-mute'}}
      {{/if}}
    {{else if video.isScheduled}}
      <div class="card__overlay card__overlay--theme-purple" data-test-scheduled-overlay>
        {{#if video.isMuted}}
          {{svg-icon iconModifier='card__meta card__meta--alert card__meta--right' path='svg/muted' testSelector='data-test-mute'}}
        {{/if}}
        <div class="card__body">
          <h3 class="card__title ellipsis ">
            <span class="inline-caution">{{i18n 'Scheduled for Publish'}}</span>
          </h3>
          <p class="card__info">
            {{i18n 'on'}} {{format-date video.viewableAt 'MMM D, YYYY'}} {{i18n 'at'}} {{format-date video.viewableAt 'h:mma'}} {{current-timezone format='z'}}
          </p>
          <div class="progress-bar progress-bar--sm progress-bar--caution mg-t-1"></div>
        </div>
      </div>
    {{/if}}
  </figure>
{{/link-to}}
