page fin de depot

app/views/administrateurs/dossier_submitted_messages/edit.html.haml

@@ -3,24 +3,22 @@
 = render partial: 'administrateurs/breadcrumbs',
   locals: { steps: [['Démarches', admin_procedures_path],
                     [@procedure.libelle.truncate_words(10), admin_procedure_path(@procedure)],
-                    ['Fin de dépot']] }
+                    ['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
-    = form_for @dossier_submitted_message,
-      url: url_for({ controller: 'administrateurs/dossier_submitted_messages', action: :update, id: @procedure.id }),
-      html: { class: 'form procedure-form__column--form fr-background-alt--blue-france' } do |f|
-
-      %h1.page-title
-        Fin du dépot
+      .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__actions
-        .actions-left
-          = f.submit 'Enregistrer', class: 'fr-btn send'
 
       .procedure-form__column--preview
         %h3
@@ -31,3 +29,12 @@
 
         .procedure-preview
           = render partial: 'users/dossiers/merci', locals: { procedure: @procedure, dossier: nil}
+
+  .padded-fixed-footer
+    .fixed-footer
+      .fr-container
+        %ul.fr-btns-group.fr-btns-group--inline-md
+          %li
+            = link_to "Annuler et revenir à l'écran de gestion", admin_procedure_path(id: @procedure), class: 'fr-btn fr-btn--secondary', data: { confirm: 'Êtes-vous sûr de vouloir annuler les modifications effectuées ?'}
+          %li
+            = f.button 'Enregistrer', class: 'fr-btn'