isprambiente/medplan

#filters_col.quickview
  %header.quickview-header.has-shadow{style: 'min-height: 50px !important;'}
    %p.title.has-text-weight-bold Filtri la ricerca
    %span.delete{ data: { dismiss: "quickview", controller: 'menu', menu_id: 'filters_col', action: 'click->menu#close' } }
  .quickview-body.pt-4.px-4= render partial: 'users/filters'
.container
  %h2.title.is-2.has-text-centered= t('title', scope: 'user.index')
  .box
    = form_with scope: :filter, url: list_users_path, method: :get, data: { turbo_frame: 'users' } do |f|
      .level
        .level-left
          .level-item
            %label.label.mr-4.mb-5 Sede
            .select.mb-5= f.select :city, User.cities.map{|k,v| [t(k, scope: 'user.cities'),k] }, {prompt: 'Tutti'}, { data: {controller: 'form', action: "change->form#send"} }
        .level-right
          .level-item
            %p.control.has-icons-left
              = f.text_field :text, placeholder: 'Ricerca veloce', class: 'input', data: {controller: 'form', action: "keyup->form#delayedSend"}
              %span.icon.is-left
                %i.fas.fa-search{ aria: { hidden: 'true' } }
              %span.helper
                %a{data: {controller: 'menu', action: 'click->menu#open', menu_id: 'filters_col'}}
                  Ricerca avanzata
    %hr
    = turbo_frame_tag 'users', class: 'rows', src: list_users_path, alt: 'Nessuna riga trovata' do
      .loading.has-text-centered= fas_icon 'cog fa-pulse', text: 'Caricamento in corso'