.container
  = render partial: "shared/dossiers/submit_is_over", locals: { dossier: dossier }

  - if apercu
    - form_options = { url: '', method: :get, html: { class: 'form', multipart: true } }
  - else
    - form_options = { url: modifier_dossier_url(dossier), method: :patch, html: { class: 'form', multipart: true, novalidate: dossier.brouillon? } }

  = form_for dossier, form_options do |f|

    .prologue
      .mandatory-explanation
        Les champs avec un astérisque (
        %span.mandatory> *
        ) sont obligatoires.

      - if notice_url(dossier.procedure).present?
        = link_to notice_url(dossier.procedure), class: 'button notice', title: "Pour vous aider à remplir votre dossier, vous pouvez consulter le guide de cette démarche." do
          %span.icon.info>
          Guide de la démarche

    %hr

    = f.fields_for :champs, dossier.champs do |champ_form|
      - champ = champ_form.object
      = render partial: "shared/dossiers/editable_champs/editable_champ",
        locals: { champ: champ, form: champ_form }

    - tpjs = dossier.types_de_piece_justificative.order('order_place ASC')
    - if tpjs.present?
      .card.featured
        .card-title
          Pièces jointes

        - tpjs.each do |tpj|
          .pj-input
            %label{ for: "piece_justificative_#{tpj.id}" }
              = tpj.libelle
              - if tpj.mandatory?
                %span.mandatory *

            %p.piece-description= tpj.description

            - if tpj.lien_demarche.present?
              %p.piece-description
                Récupérer le formulaire vierge pour mon dossier :
                = link_to "Télécharger", tpj.lien_demarche, target: :blank

            - if dossier.was_piece_justificative_uploaded_for_type_id?(tpj.id)
              - pj = dossier.retrieve_last_piece_justificative_by_type(tpj.id)
              %p
                Pièce jointe déjà importée :
                = link_to pj.original_filename, pj.content_url, target: :blank

            = file_field_tag "piece_justificative_#{tpj.id}",
              accept: PieceJustificative.accept_format,
              max_file_size: 6.megabytes,
              required: (tpj.mandatory? && !dossier.was_piece_justificative_uploaded_for_type_id?(tpj.id))

    - if !apercu
      .send-wrapper
        = hidden_field_tag 'submit_action', 'draft'

        - if dossier.brouillon?
          - if current_user.owns?(dossier)
            = link_to ask_deletion_dossier_path(dossier),
              method: :post,
              class: 'button danger',
              data: { confirm: "En continuant, vous allez supprimer ce dossier ainsi que les informations qu’il contient. Toute suppression entraine l’annulation de la démarche en cours.\n\nConfirmer la suppression ?" } do
              Supprimer le brouillon

          = f.button 'Enregistrer le brouillon',
            formnovalidate: true,
            class: 'button send secondary',
            data: { action: 'draft', disable_with: 'Envoi...' }

          - if dossier.can_transition_to_en_construction?
            = f.button 'Soumettre le dossier',
              class: 'button send primary',
              disabled: !current_user.owns?(dossier),
              data: { action: 'submit', disable_with: 'Envoi...' }

        - else
          = f.button 'Enregistrer les modifications du dossier',
            class: 'button send primary',
            data: { action: 'submit', disable_with: 'Envoi...' }

      - if dossier.brouillon? && !current_user.owns?(dossier)
        .send-notice.invite-cannot-submit
          En tant qu’invité, vous pouvez remplir ce formulaire – mais le titulaire du dossier doit le soumettre lui-même.

      = render partial: "shared/dossiers/submit_is_over", locals: { dossier: dossier }