.sub-header
  .fr-container.flex

    .procedure-logo{ style: "background-image: url(#{@procedure.logo_url})",
      role: 'img', 'aria-label': "logo de la démarche #{@procedure.libelle}" }

    .procedure-header
      %h1.fr-h3= procedure_libelle @procedure

.container
  %h1.fr-h3
    = t('.title')

  = form_for @expert_procedure, url: update_notification_settings_expert_procedure_path(@procedure), html: { class: 'form' } do |form|
    = render Dsfr::AlertComponent.new(state: :info, size: :sm, extra_class_names: 'fr-mb-2w') do |c|
      - c.with_body do
        %p
          = t('.subtitle', procedure_libelle: @procedure.libelle)

    %fieldset.fr-fieldset
      %legend.fr-fieldset__legend
        = t(".for_each_avis_submitted.title")
        %span.fr-hint-text= t('.for_each_avis_submitted.notice_1')
        %span.fr-hint-text= t('.for_each_avis_submitted.notice_2')
      .fr-fieldset__element.fr-fieldset__element--inline
        .fr-radio-group
          = form.radio_button :notify_on_new_avis, true, id: 'notify_on_new_avis_true'
          %label.fr-label{ for: 'notify_on_new_avis_true' }
            = t('.utils.positive')


      .fr-fieldset__element.fr-fieldset__element--inline
        .fr-radio-group
          = form.radio_button :notify_on_new_avis, false, id: 'notify_on_new_avis_false'
          %label.fr-label{ for: 'notify_on_new_avis_false' }
            = t('.utils.negative')


    %fieldset.fr-fieldset
      %legend.fr-fieldset__legend
        = t(".for_each_message_submitted.title")
        %span.fr-hint-text= t('.for_each_message_submitted.notice_1')
        %span.fr-hint-text= t('.for_each_message_submitted.notice_2')
      .fr-fieldset__element.fr-fieldset__element--inline
        .fr-radio-group
          = form.radio_button :notify_on_new_message, true, id: 'notify_on_new_message_true'
          %label.fr-label{ for: 'notify_on_new_message_true' }
            = t('.utils.positive')


      .fr-fieldset__element.fr-fieldset__element--inline
        .fr-radio-group
          = form.radio_button :notify_on_new_message, false, id: 'notify_on_new_message_false'
          %label.fr-label{ for: 'notify_on_new_message_false' }
            = t('.utils.negative')

    .send-wrapper
      = link_to t('.buttons.back_to_procedure', procedure_id: @procedure.id), procedure_expert_avis_index_path(@procedure), class: 'fr-btn fr-btn--secondary fr-mr-2w'
      = form.submit t('.buttons.save'), class: "fr-btn"