- if @search_terms.present?
  - content_for(:title, t(".title_search", scope: :metas, terms: @search_terms))
- else
  - content_for(:title, t(".title", scope: :metas))

.dossiers-headers.sub-header
  .fr-container
    %h1.page-title.fr-h2= t('views.users.dossiers.index.dossiers')

    .fr-grid-row.fr-grid-row--gutters
      - if current_user.dossiers.count > 2 || current_user.dossiers_invites.count > 2
        .fr-col
          #search-2.fr-search-bar
            = form_tag dossiers_path, method: :get, :role => "search", class: "width-100 fr-mb-5w" do
              = hidden_field_tag :procedure_id, params[:procedure_id]
              = label_tag "q", t('views.users.dossiers.search.label'), class: 'fr-label fr-mb-1w'
              .flex
                = text_field_tag "q", "#{@search_terms if @search_terms.present?}", placeholder: t('views.users.dossiers.search.prompt'), class: "fr-input"
                %button.fr-btn.fr-btn--sm
                  = t('views.users.dossiers.search.label')
      - if @procedures_for_select.size > 1
        .fr-col
          = render Dossiers::UserProcedureFilterComponent.new(procedures_for_select: @procedures_for_select)

    - if @search_terms.blank?
      - cache([I18n.locale, current_user.id, @statut, current_user.dossiers, current_user.dossiers_invites], expires_in: 1.hour) do
        %nav.fr-tabs{ role: 'navigation', 'aria-label': t('views.users.dossiers.secondary_menu') }
          %ul.fr-tabs__list{ role: 'tablist' }
            - if @user_dossiers.present?
              = tab_item(t('pluralize.en_cours', count: @user_dossiers.count),
                dossiers_path(statut: 'en-cours', procedure_id: params[:procedure_id]),
                active: @statut == 'en-cours',
                badge: number_with_html_delimiter(@user_dossiers.count))
            - if @dossiers_traites.present?
              // TODO: when renaming this tab in "Terminé", update notify_near_deletion_to_user email wording accordingly.
              = tab_item(t('pluralize.traites', count: @dossiers_traites.count),
                dossiers_path(statut: 'traites', procedure_id: params[:procedure_id]),
                active: @statut == 'traites',
                badge: number_with_html_delimiter(@dossiers_traites.count))

            - if @dossiers_invites.present?
              = tab_item(t('pluralize.dossiers_invites', count: @dossiers_invites.count),
                dossiers_path(statut: 'dossiers-invites', procedure_id: params[:procedure_id]),
                active: @statut == 'dossiers-invites',
                badge: number_with_html_delimiter(@dossiers_invites.count))

            - if @dossiers_close_to_expiration.count > 0
              = tab_item(t('pluralize.dossiers_close_to_expiration', count: @dossiers_close_to_expiration.count),
                dossiers_path(statut: 'dossiers-expirant', procedure_id: params[:procedure_id]),
                active: @statut == 'dossiers-expirant',
                badge: number_with_html_delimiter(@dossiers_close_to_expiration.count))

            - if @dossiers_supprimes_recemment.present?
              = tab_item(t('pluralize.dossiers_supprimes_recemment', count: @dossiers_supprimes_recemment.count),
              dossiers_path(statut: 'dossiers-supprimes-recemment', procedure_id: params[:procedure_id]),
              active: @statut == 'dossiers-supprimes-recemment',
              badge: number_with_html_delimiter(@dossiers_supprimes_recemment.count))

            - if @dossiers_supprimes_definitivement.present?
              = tab_item(t('pluralize.dossiers_supprimes_definitivement', count: @dossiers_supprimes_definitivement.count),
              dossiers_path(statut: 'dossiers-supprimes-definitivement', procedure_id: params[:procedure_id]),
              active: @statut == 'dossiers-supprimes-definitivement',
              badge: number_with_html_delimiter(@dossiers_supprimes_definitivement.count))

            - if @dossier_transferes.present?
              = tab_item(t('pluralize.dossiers_transferes', count: @dossier_transferes.count),
                dossiers_path(statut: 'dossiers-transferes', procedure_id: params[:procedure_id]),
                active: @statut == 'dossiers-transferes',
                badge: number_with_html_delimiter(@dossier_transferes.count))

.fr-container
  .fr-grid-row.fr-grid-row--center
    .fr-col-xl-10
      - if @statut == "en-cours" && @search_terms.blank?
        - if @first_brouillon_recently_updated.present?
          = render Dsfr::CalloutComponent.new(title: t('users.dossiers.header.callout.first_brouillon_recently_updated_title'), heading_level: 'h2') do |c|
            - c.with_body do
              %p
                = t('users.dossiers.header.callout.first_brouillon_recently_updated_text', time_ago: time_ago_in_words(@first_brouillon_recently_updated.created_at), libelle: @first_brouillon_recently_updated.procedure.libelle  )
              = link_to t('users.dossiers.header.callout.first_brouillon_recently_updated_button'), url_for_dossier(@first_brouillon_recently_updated), class: 'fr-btn'

      - if @search_terms.present?
        %h2.page-title
          = t('views.users.dossiers.search.result_term_title', search_terms: @search_terms)
          - if @procedure_id.present?
            = t('views.users.dossiers.search.result_procedure_title', procedure_libelle: @procedures_for_select.rassoc(@procedure_id.to_i).first)
        = render partial: "dossiers_list", locals: { dossiers: @dossiers_visibles, filter: nil, search: true }

      - else
        = render Dossiers::UserFilterComponent.new(statut: @statut, filter: @filter, procedure_id: @procedure_id )

        - if @statut == "dossiers-supprimes-definitivement"
          -# /!\ in this context, @dossiers is a collection of DeletedDossier not Dossier
          = render partial: "deleted_dossiers_list", locals: { deleted_dossiers: @dossiers }
        - else
          = render partial: "dossiers_list", locals: { dossiers: @dossiers, filter: @filter, statut: @statut, search: false }