#filter_by_procedure{style:'margin-left: 2%'}
  %b.text-info
    = t('dynamics.backoffice.filter_procedure.title')
  %select{onchange: 'location = this.value', style:'margin-top: 10px; margin-bottom: 10px', id: 'filter_by_procedure_select'}
    %option{value: backoffice_dossiers_path}
      = t('dynamics.backoffice.filter_procedure.first')
    - @dossiers_list_facade.gestionnaire_procedures_name_and_id_list.each do |procedure|
      %option{value: backoffice_dossiers_procedure_path(procedure[:id]), ('selected' if procedure[:id] == params[:id].to_i) => '' }
        = truncate(procedure[:libelle], {length: 50})

#onglets
  %ul.nav.nav-tabs
    -unless Features.opensimplif
      %li{ class: (@dossiers_list_facade.nouveaux_class)}
        %a{:href => "#{url_for @dossiers_list_facade.nouveaux_url}", 'data-toggle' => :tooltip, title: 'Les nouveaux dossiers non ouverts.'}
          %h5.text-info
            = "Nouveaux "
            .badge.progress-bar-info
              =@dossiers_list_facade.nouveaux_total

      %li{ class: (@dossiers_list_facade.a_traiter_class) }
        %a{:href => "#{url_for @dossiers_list_facade.a_traiter_url}", 'data-toggle' => :tooltip, title: 'Les dossiers qui requièrent une action de votre part.'}
          %h5.text-danger
            = "Action requise"
            .badge.progress-bar-danger
              =@dossiers_list_facade.a_traiter_total

      %li{ class: (@dossiers_list_facade.en_attente_class) }
        %a{:href => "#{url_for @dossiers_list_facade.en_attente_url}", 'data-toggle' => :tooltip, title: 'Les dossiers en attentes d\'une action de la part de l\'usager.'}
          %h5.text-default
            ="Attente usager "
            .badge.progress-bar-default
              =@dossiers_list_facade.en_attente_total

      %li{ class: (@dossiers_list_facade.deposes_class) }
        %a{:href => "#{url_for @dossiers_list_facade.deposes_url}", 'data-toggle' => :tooltip, title: 'Les dossiers qui ont été validés et déposés par les usager qui attendent une réponse de bonne réception avant examen.'}
          %h5.text-purple
            ="À réceptionner"
            .badge.progress-bar-purple
              =@dossiers_list_facade.deposes_total

      %li{ class: (@dossiers_list_facade.a_instruire_class) }
        %a{:href => "#{url_for @dossiers_list_facade.a_instruire_url}", 'data-toggle' => :tooltip, title: 'Les dossiers qui ont été notifiés comme bien réceptionnés et qui attendent un verdict final.'}
          %h5.text-warning
            = "À instruire"
            .badge.progress-bar-warning
              =@dossiers_list_facade.a_instruire_total

      %li{ class: (@dossiers_list_facade.termine_class) }
        %a{:href => "#{url_for @dossiers_list_facade.termine_url}",'data-toggle' => :tooltip, title: 'Tous les dossiers qui ont été traité avec un statut "Validé", "Refusé" ou "Sans suite "'}
          %h5.text-success
            = "Terminé"
            .badge.progress-bar-success
              =@dossiers_list_facade.termine_total

    %ul.nav.nav-tabs.navbar-right{style:'border-bottom: none;'}
      %li#search{ class: (@dossiers_list_facade.search_class) }
        %a
          = form_tag(backoffice_dossiers_search_url, method: :get) do
            .input-group{style:'width: 300px'}
              = text_field_tag('q', "#{@search_terms unless @search_terms.nil? }", id: 'q', placeholder: t('dynamics.backoffice.research.placeholder'), class:'form-control')
              %span.input-group-btn
                %button.btn.btn-default{ id:'search_button' }
                  %i.fa.fa-search

      - if @dossiers_search.nil?
        %li#pref_list
          %a.btn#pref_list_dossier_open_action{href: '#'}
            %i.fa.fa-columns

%br