= render partial: 'administrateurs/breadcrumbs',
  locals: { steps: [['Démarches', admin_procedures_back_path(@procedure)],
                    [@procedure.libelle.truncate_words(10), admin_procedure_path(@procedure)],
                    ['Champs du formulaire']], preview: @procedure.draft_revision.valid? }

.fr-container
  .flex.justify-between.align-center.fr-mb-3w
    %h1.fr-h2 Champs du formulaire
    - if @procedure.revised?
      = link_to "Voir l'historique des modifications du formulaire", modifications_admin_procedure_path(@procedure), class: 'fr-link'

  = render NestedForms::FormOwnerComponent.new
  .fr-grid-row
    = render TypesDeChampEditor::HeaderSectionsSummaryComponent.new(procedure: @procedure, is_private: false)
    .fr-col
      = render TypesDeChampEditor::EditorComponent.new(revision: @procedure.draft_revision, is_annotation: false)

.padded-fixed-footer
  .fixed-footer
    .fr-container
      .flex
        %ul.fr-btns-group.fr-btns-group--inline-md.fr-ml-0
          %li
            = link_to admin_procedure_path(id: @procedure), class: 'fr-link fr-icon-arrow-left-line fr-link--icon-left fr-mb-2w fr-mr-2w' do
              Revenir à l'écran de gestion
          - if @procedure.draft_revision.revision_types_de_champ_public.count > 0
            %li
              = link_to t('preview', scope: [:layouts, :breadcrumb]), apercu_admin_procedure_path(@procedure), target: "_blank", rel: "noopener", class: 'fr-link fr-mb-2w'
        .fr-ml-auto
          #autosave-notice.hidden
          = render TypesDeChampEditor::EstimatedFillDurationComponent.new(revision: @procedure.draft_revision, is_annotation: false)