.autosave.autosave-state-idle{ data: { controller: 'autosave-status' } }
  %p.autosave-explanation
    %span.autosave-explanation-text
      = t('views.users.dossiers.autosave.autosave_draft')
    = link_to t('views.users.dossiers.autosave.more_infos'), FAQ_AUTOSAVE_URL, target: '_blank', rel: 'noopener', class: 'autosave-more-infos'

  %p.autosave-status.succeeded
    %span.autosave-icon.icon.accept
    %span.autosave-label
      = t('views.users.dossiers.autosave.autosave_confirmation')
    = link_to t('views.users.dossiers.autosave.more_information'), FAQ_AUTOSAVE_URL, target: '_blank', rel: 'noopener', class: 'autosave-more-infos'

  %p.autosave-status.failed
    %span.autosave-icon ⚠️
    %span.autosave-label Impossible d’enregistrer le brouillon
    %button.button.small.autosave-retry{ type: :button, data: { action: 'autosave-status#onClickRetryButton', autosave_status_target: 'retryButton' } }
      %span.autosave-retry-label réessayer
      %span.autosave-retrying-label enregistrement en cours…