{{#modal-dialog action=(route-action "closeModal")}}
  <div class='card' data-test-delete-video-modal>
    <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'>
              {{relative-time date=video.recordedDate}} &middot;
              {{length-as-clock video.length}}
            </div>
            <div class='views'>
              {{commatized video.views}} {{i18n 'Views'}}
            </div>
          </div>
        </div>
      </div>
      <div class='buttons'>
        <a {{action (route-action "closeModal") }} class='js-subwindow-close button button--text'>
          <span>{{t 'general.forms.cancel'}}</span>
        </a>
        <button disabled={{video.isDestroying}} {{action "handleUpdateVideoDelete" }} class='js-subwindow-submit button button--alert' type='submit'>
          <span>{{t 'general.forms.delete'}}</span>
        </button>
      </div>
    </div>
  </div>
{{/modal-dialog}}
