{{#if model.isVerified}}
  {{#manager/video-manager channelName=model.channelName videos=model.videos as |videoManager|}}
    <div class="videos uploads tower tower--bleed tower--240 tower--gutter-sm" data-test-videos-in-progress>

      {{#manager/video-card-placeholder}}
        {{#file-drop-zone
          onFileDrop=(route-action 'showSchedulingModal')
          class='video item drop-zone'
          accept=videoManager.mimeType}}

          <div class="drop-zone__border drop-zone__border--portrait flex flex--verticalCenter">
            <div class="full-width">
              <h4 class="pd-t-0">{{i18n 'Drag & Drop'}}</h4>
              <p class="mg-b-2">
                {{i18n 'or select a single file for upload.'}}
              </p>
              <p class="mg-b-0">
                {{i18n 'Supports MP4, MOV, AVI and FLV encoded in H.264 up to 20 GB.'}}
              </p>
            </div>
          </div>
          <div class="drop-zone__plus"></div>

        {{/file-drop-zone}}
      {{/manager/video-card-placeholder}}
      {{#each videoManager.inProgressVideos as |inProgressVideo|}}
        {{videoManager.videoCard
          video=inProgressVideo
          editAction=(action videoManager.startEditingVideo inProgressVideo)
        }}
      {{/each}}
      {{tower-placeholder}}
    </div>

    <h3 class="upcase sub-text" style="font-size: inherit">{{i18n 'Uploaded Videos'}}</h3>

    {{#if model.error}}
      <div class="cl-red" data-test-fetch-videos-error-message>
        {{i18n 'There is a temporary problem loading your uploads. Please try again a little later.'}}
      </div>
    {{else}}
      {{#if videoManager.publishedVideos}}
        {{#infinite-scroll loadMore=(route-action 'loadMoreProcessedVideos' videoManager.publishedVideos.length)
          contentLength=videoManager.publishedVideos.length as |isLoading|}}
          <div class="videos uploads tower tower--bleed tower--240 tower--gutter-sm" data-test-videos-published>
            {{#each videoManager.publishedVideos as |publishedVideo|}}
              {{videoManager.videoCard
                editAction=(action videoManager.startEditingVideo publishedVideo)
                video=publishedVideo
                moreDelete=true
                moreStats=true
              }}
            {{/each}}
            {{tower-placeholder}}
          </div>

          {{#if isLoading}}
            {{loading-more-spinner}}
          {{/if}}
        {{/infinite-scroll}}
      {{else}}
        <p class="empty-grid">{{i18n 'No Uploaded Videos'}}</p>
      {{/if}}
    {{/if}}

    {{#common/modal-dialog
      showModal=(or videoManager.currentEditorVideo videoManager.videoStagedForDeletion)
      defaultShowModal=false
      size='container-md'}}
      <div>
        {{#if videoManager.currentEditorVideo}}
          {{#modal-dialog action=videoManager.stopEditingVideo size="containerMd" as |modal|}}
            {{manager/video-uploads/form
              video=videoManager.currentEditorVideo
              onComplete=modal.close}}
          {{/modal-dialog}}
        {{/if}}

        {{#if videoManager.videoStagedForDeletion}}
          {{manager/confirm-delete-video
            video=videoManager.videoStagedForDeletion
            onConfirm=videoManager.deleteVideo
            onDismiss=videoManager.clearVideoStagedForDeletion}}
        {{/if}}
      </div>
    {{/common/modal-dialog}}
  {{/manager/video-manager}}
{{else}}
  <div class="brick brick--pd-lg brick--marked" data-test-must-verify-email-notice>
    {{! Styled as an H4. Come back to this when type size helpers are available}}
    <h3 style="font-size: 16px; line-height: 1.25" class="pd-t-0">
      {{i18n 'You need to verify your account before uploading.'}}
    </h3>

    {{manager/verify-email-instructions}}
  </div>
{{/if}}
