.backoffice-header
  .container
    .flex.justify-between
      %ul.breadcrumbs
        %li
          = link_to dossier.procedure.libelle.truncate_words(10), procedure_path(dossier.procedure), title: dossier.procedure.libelle
        %li
          = "Dossier nº #{dossier.id}"
      %div
        = render partial: "new_gestionnaire/procedures/dossier_actions", locals: { procedure: dossier.procedure, dossier: dossier, dossier_is_followed: current_gestionnaire&.follow?(dossier) }
        = render partial: "state_button", locals: { dossier: dossier }
    %ul.tabs
      - notifications_summary = dossier.notifications_summary
      %li{ class: current_page?(dossier_path(dossier.procedure, dossier)) ? 'active' : nil }
        - if notifications_summary[:demande]
          %span.notifications{ 'aria-label': 'notifications' }
        = link_to "Demande", dossier_path(dossier.procedure, dossier)
      %li{ class: current_page?(annotations_privees_dossier_path(dossier.procedure, dossier)) ? 'active' : nil }
        - if notifications_summary[:annotations_privees]
          %span.notifications{ 'aria-label': 'notifications' }
        = link_to "Annotations privées", annotations_privees_dossier_path(dossier.procedure, dossier)
      %li{ class: current_page?(avis_dossier_path(dossier.procedure, dossier)) ? 'active' : nil }
        - if notifications_summary[:avis]
          %span.notifications{ 'aria-label': 'notifications' }
        = link_to "Avis externes", avis_dossier_path(dossier.procedure, dossier)
      %li{ class: current_page?(messagerie_dossier_path(dossier.procedure, dossier)) ? 'active' : nil }
        - if notifications_summary[:messagerie]
          %span.notifications{ 'aria-label': 'notifications' }
        = link_to "Messagerie", messagerie_dossier_path(dossier.procedure, dossier)