template(name="cardAttachmentsPopup")
  ul.pop-over-list
    li
      input.js-attach-file.hide(type="file" name="file" multiple)
      a.js-computer-upload {{_ 'computer'}}
    li
      a.js-upload-clipboard-image {{_ 'clipboard'}}

template(name="previewClipboardImagePopup")
  p <kbd>Ctrl</kbd>+<kbd>V</kbd> {{_ "paste-or-dragdrop"}}
  img.preview-clipboard-image()
  button.primary.js-upload-pasted-image {{_ 'upload'}}

template(name="previewAttachedImagePopup")
  img.preview-large-image.js-large-image-clicked(src="{{url}}")

template(name="attachmentDeletePopup")
  p {{_ "attachment-delete-pop"}}
  button.js-confirm.negate.full(type="submit") {{_ 'delete'}}

template(name="attachmentsGalery")
  .attachments-galery
    each attachments
      .attachment-item
        a.attachment-thumbnail.swipebox(href="{{url}}" title="{{name}}")
          if isUploaded
            if isImage
              img.attachment-thumbnail-img(src="{{url}}")
            else
              span.attachment-thumbnail-ext= extension
          else
            +spinner
        p.attachment-details
          = name
          span.attachment-details-actions
            a.js-download(href="{{url download=true}}")
              i.fa.fa-download
              | {{_ 'download'}}
            if currentUser.isBoardMember
              unless currentUser.isCommentOnly
                if isImage
                  a(class="{{#if $eq ../coverId _id}}js-remove-cover{{else}}js-add-cover{{/if}}")
                    i.fa.fa-thumb-tack
                    if($eq ../coverId _id)
                      | {{_ 'remove-cover'}}
                    else
                      | {{_ 'add-cover'}}
                a.js-confirm-delete
                  i.fa.fa-close
                  | {{_ 'delete'}}

    if currentUser.isBoardMember
      unless currentUser.isCommentOnly
        li.attachment-item.add-attachment
          a.js-add-attachment {{_ 'add-attachment' }}
