.hyphens{ lang: site.default_locale }
  %h1= site.title
  %p.lead= site.description
  %form.mb-3{ action: site_posts_path }
    - filter_params.each do |param, values|
      - next if param == :q

      - [values].flatten.each do |value|
        %input{ type: 'hidden',
                name: values.is_a?(Array) ? "#{param}[]" : param,
                value: value }
    .form-group.flex-grow-0.m-0
      %label.h3{ for: 'q' }= t('posts.index.search')
      .input-group
        %input.form-control.border.border-magenta.border-right-0#q{ type: 'search',
                                                                    name: 'q',
                                                                    value: filter_params[:q] }
        .input-group-append
          %span.input-group-text.background-white.magenta.border.border-magenta.border-top.border-left-0.border-right.border-bottom
            %i.fa.fa-fw.fa-search
      %input.sr-only{ type: 'submit' }
    - filter_params.each do |param, values|
      - [values].flatten.each do |value|
        = link_to site_posts_path(site, **filter_params_by(filter_params, param, value)),
                  class: 'btn btn-secondary btn-sm',
                  title: t('posts.remove_filter_help', filter: value),
                  aria: { labelledby: "help-filter-#{param}" } do
          - if param == :layout
            = site.layouts[value.to_sym].humanized_name
          - else
            = value
          ×