{{#modal-dialog action=onDismiss}}
  <div class='card'>
    <div class='text-content'>
      <div class='content-header'>
        <h4>{{i18n 'Delete Video'}}</h4>
        <div class='sub-text'>
          <p>{{i18n 'Are you sure you want to delete this video?'}}</p>
          <p>{{i18n 'This action cannot be undone.'}}</p>
        </div>
      </div>
      <div class='item'>
        <div class='video-preview'>
          <div class='video-preview-img'>
            <img src={{video.preview.medium}}>
          </div>
          <div class='video-preview-desc'>
            <div class='title'>
              {{video.title}}
            </div>
            <div class='date-time'>
              {{#if video.recordedDate}}
                {{format-date video.recordedDate 'MMM D, YYYY'}} &middot;
                {{length-as-clock video.length}}
              {{/if}}
            </div>
            <div class='views'>
              {{commatized video.views}} {{i18n 'Views'}}
            </div>
          </div>
        </div>
      </div>
      <div class='buttons'>
        <button onclick={{onDismiss}} class='button button--text'>
          {{t 'general.forms.cancel'}}
        </button>
        <button
          onclick={{action 'confirm' video}}
          disabled={{video.isSaving}}
          class='button button--alert'
          type='button'
          data-test-confirm>
          {{t 'general.forms.delete'}}
        </button>
      </div>
    </div>
  </div>
{{/modal-dialog}}
