- content_for(:root_class, 'scroll-margins-for-sticky-footer')

= render partial: 'administrateurs/breadcrumbs',
  locals: { steps: [['Démarches', admin_procedures_path],
                    [@procedure.libelle.truncate_words(10), admin_procedure_path(@procedure)],
                    ['Fin de dépôt']] }

= form_for @dossier_submitted_message,
  url: url_for({ controller: 'administrateurs/dossier_submitted_messages', action: :update, id: @procedure.id }),
  html: { class: 'form' } do |f|

  .procedure-form
    .procedure-form__columns.container
      .procedure-form__column--form.fr-background-alt--blue-france.fr-pt-5w
        %h1.fr-h2
          Fin de dépôt
        %p.notice
          L'utilisateur se verra afficher ce message une fois le dossier envoyé

        = render partial: 'administrateurs/dossier_submitted_messages/informations', locals: { f: f }


      .procedure-form__column--preview
        %h3
          .procedure-form__preview-title
            Aperçu
            .notice
              Cet aperçu est mis à jour après chaque sauvegarde.

        .procedure-preview
          = render partial: 'users/dossiers/merci', locals: { procedure: @procedure, dossier: nil}

  = render Procedure::FixedFooterComponent.new(procedure: @procedure, form: f)