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

= render partial: 'administrateurs/breadcrumbs',
  locals: { steps: [['Démarches', admin_procedures_back_path(@procedure)],
                    [@procedure.libelle.truncate_words(10), admin_procedure_path(@procedure)],
                    ['Description']] }
.procedure-form
  .procedure-form__columns.container
    = form_for @procedure,
      url: url_for({ controller: 'administrateurs/procedures', action: :update, id: @procedure.id }),
      html: { class: 'form procedure-form__column--form',
              multipart: true } do |f|

      %h1.page-title Description

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

      .procedure-form__actions.sticky--bottom
        .actions-right
          = link_to 'Annuler', admin_procedure_path(id: @procedure), class: 'fr-btn fr-btn--secondary fr-mr-2w', data: { confirm: 'Êtes-vous sûr de vouloir annuler les modifications effectuées ?'}
          = f.button 'Enregistrer', class: 'fr-btn'

    .procedure-form__column--preview
      .procedure-form__preview.sticky--top
        %h3.procedure-form__preview-title Aperçu
        .procedure-preview
          = render partial: 'shared/procedure_description', locals: { procedure: @procedure }