- content_for(:title, "Pièces jointes")

= render partial: "header", locals: { dossier: @dossier }

.fr-container
  .gallery.gallery-pieces-jointes{ "data-controller": "lightbox" }
    - @champs_with_pieces_jointes.each do |champ|
      - champ.piece_justificative_file.with_all_variant_records.each do |attachment|
        .gallery-item
          - blob = attachment.blob
          - if displayable_pdf?(blob)
            = link_to blob.url, id: blob.id, data: { iframe: true, src: blob.url }, class: 'gallery-link', type: blob.content_type, title: "#{champ.libelle} -- #{blob.filename}" do
              .thumbnail
                = image_tag(preview_url_for(attachment), loading: :lazy)
                .fr-btn.fr-btn--tertiary.fr-btn--icon-left.fr-icon-eye{ role: :button }
                  Visualiser
            .champ-libelle
              = champ.libelle.truncate(25)
            = render Attachment::ShowComponent.new(attachment: attachment, truncate: true)

          - elsif displayable_image?(blob)
            = link_to image_url(blob_url(attachment)), title: "#{champ.libelle} -- #{blob.filename}", data: { src: blob.url }, class: 'gallery-link' do
              .thumbnail
                = image_tag(variant_url_for(attachment), loading: :lazy)
                .fr-btn.fr-btn--tertiary.fr-btn--icon-left.fr-icon-eye{ role: :button }
                  Visualiser
            .champ-libelle
              = champ.libelle.truncate(25)
            = render Attachment::ShowComponent.new(attachment: attachment, truncate: true)

          - else
            .thumbnail
              = image_tag('apercu-indisponible.png')
            .champ-libelle
              = champ.libelle.truncate(25)
            = render Attachment::ShowComponent.new(attachment: attachment, truncate: true)