.dropdown
  -# Dropdown button title
  %button.button.primary.dropdown-button{ class: button_or_label_class(dossier) }
    = dossier_display_state dossier

  -# Dropdown content
  .dropdown-content.fade-in-down

    - if dossier.en_construction?
      -# ------------------------------------------------------
      -# EN CONSTRUCTION
      -# ------------------------------------------------------
      %ul.dropdown-items

        %li.selected
          %span.icon.edit
          .dropdown-description
            %h4 En construction
            Vous permettez à l'usager de modifier ses réponses au formulaire

        %li
          = link_to passer_en_instruction_instructeur_dossier_path(dossier.procedure, dossier), method: :post, data: { remote: true, confirm: "Confirmez-vous le passage en instruction de ce dossier ?" } do
            %span.icon.in-progress
            .dropdown-description
              %h4 Passer en instruction
              L'usager ne pourra plus modifier le formulaire

    - elsif dossier.en_instruction?
      -# ------------------------------------------------------
      -# EN INSTRUCTION
      -# ------------------------------------------------------
      %ul.dropdown-items

        %li
          = link_to repasser_en_construction_instructeur_dossier_path(dossier.procedure, dossier), method: :post, data: { remote:true, confirm: "Confirmez-vous le passage en construction de ce dossier ?" } do
            %span.icon.edit
            .dropdown-description
              %h4 Repasser en construction
              Vous permettrez à l'usager de modifier ses réponses au formulaire

        %li.selected
          %span.icon.in-progress
          .dropdown-description
            %h4 En instruction
            L'usager ne peut modifier son dossier pendant l'instruction

        %li
          %a{ href: '#', onclick: "DS.showMotivation(event, 'accept');" }
            %span.icon.accept
            .dropdown-description
              %h4 Accepter
              L'usager sera notifié que son dossier a été accepté

        %li
          %a{ href: '#', onclick: "DS.showMotivation(event, 'without-continuation');" }
            %span.icon.without-continuation
            .dropdown-description
              %h4 Classer sans suite
              L'usager sera notifié que son dossier a été classé sans suite

        %li
          %a{ href: '#', onclick: "DS.showMotivation(event, 'refuse');" }
            %span.icon.refuse
            .dropdown-description
              %h4 Refuser
              L'usager sera notifié que son dossier a été refusé

        = render partial: 'instructeurs/dossiers/state_button_motivation', locals: { dossier: dossier, popup_title: 'Accepter le dossier', placeholder: 'Expliquez au demandeur pourquoi ce dossier est accepté (facultatif)', popup_class: 'accept', process_action: 'accepter', title: 'Accepter', confirm: "Confirmez-vous l'acceptation ce dossier ?" }

        = render partial: 'instructeurs/dossiers/state_button_motivation', locals: { dossier: dossier, popup_title: 'Classer le dossier sans suite', placeholder: 'Expliquez au demandeur pourquoi ce dossier est classé sans suite (obligatoire)', popup_class: 'without-continuation', process_action: 'classer_sans_suite', title: 'Classer sans suite', confirm: 'Confirmez-vous le classement sans suite de ce dossier ?' }

        = render partial: 'instructeurs/dossiers/state_button_motivation', locals: { dossier: dossier, popup_title: 'Refuser le dossier', placeholder: 'Expliquez au demandeur pourquoi ce dossier est refusé (obligatoire)', popup_class: 'refuse', process_action: 'refuser', title: 'Refuser', confirm: 'Confirmez-vous le refus de ce dossier ?' }

    - elsif dossier.termine?
      -# ---------------------------------------------------
      -# TERMINÉ
      -# ---------------------------------------------------
      %ul.dropdown-items
        - if dossier.motivation.present?
          %li.inactive
            %span.icon.info
            .dropdown-description
              %h4 Motivation
              %p « #{dossier.motivation} »

        - if dossier.justificatif_motivation.attached?
          %li.inactive
            %span.icon.justificatif
            .dropdown-description
              %h4 Justificatif
              %p Ce justificatif joint par l’instructeur a été envoyé au demandeur.
              = render partial: 'users/dossiers/show/download_justificatif', locals: { dossier: dossier }

        - if dossier.attestation.present?
          %li
            = link_to attestation_instructeur_dossier_path(dossier.procedure, dossier), target: '_blank', rel: 'noopener' do
              %span.icon.preview
              .dropdown-description
                %h4 Voir l’attestation
                %p Cette attestation a été envoyée automatiquement au demandeur.

        %li
          = link_to repasser_en_instruction_instructeur_dossier_path(dossier.procedure, dossier), method: :post, data: { remote:true, confirm: "Voulez vous remettre le dossier #{dossier.id} en instruction ?" } do
            %span.icon.in-progress
            .dropdown-description
              %h4 Repasser en instruction
              L’usager sera notifié que son dossier est réexaminé.