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

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

  = form_for dossier, form_options do |f|

    .prologue
      %p.mandatory-explanation
        Les champs avec un astérisque (
        %span.mandatory> *
        ) sont obligatoires.
      %p.mandatory-explanation
        Pour enregistrer votre dossier et le reprendre plus tard, cliquez sur le bouton « Enregistrer le brouillon » en bas à gauche du formulaire.

      - if notice_url(dossier.procedure).present?
        = link_to notice_url(dossier.procedure), target: '_blank', rel: 'noopener', 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

        .warning
          - if tpjs.many?
            Pour éviter toute erreur, nous vous conseillons de limiter la taille de chaque pièce jointe à 20 Mo, et de les ajouter une par une, en enregistrant votre
            = dossier.brouillon? ? "brouillon" : "dossier"
            après chaque ajout.
          - else
            Pour éviter toute erreur, nous vous conseillons de limiter la taille de votre pièce jointe à 20 Mo.

        - 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, rel: :noopener

            - 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, rel: :noopener

            = 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
        - if dossier.brouillon?
          = f.button 'Enregistrer le brouillon',
            formnovalidate: true,
            name: :save_draft,
            value: true,
            class: 'button send secondary',
            data: { 'disable-with': "Envoi en cours…" }

          - if dossier.can_transition_to_en_construction?
            = f.button 'Déposer le dossier',
              class: 'button send primary',
              disabled: !current_user.owns?(dossier),
              data: { 'disable-with': "Envoi en cours…" }

        - else
          = f.button 'Enregistrer les modifications du dossier',
            class: 'button send primary',
            data: { 'disable-with': "Envoi en cours…" }

      - 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 déposer lui-même.

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