---
url:
  type: 'string'
placeholder:
  type: 'hash'
  default:
    es: 'Buscar'
    en: 'Search'
    pt_BR: 'Pesquisar'
categories:
  type: 'array'
tags:
  type: 'array'
sort:
  type: 'array'
---
<form
  class="w-100 mr-4"
  action="{{ url | component_escape }}"
  method="get"
  data-pagefind-target="form"
  data-action="pagefind#search:prevent"
>
<div class="row row-cols-1 row-cols-lg-5">
  <div class="col mb-3">
  {% render 'forms/select.html', id: 'categories', items: categories %}
  </div>
  <div class="col mb-3">
  {% render 'forms/select.html', id: 'tags', items: tags %}
  </div>

  <div class="col mb-3">
  <input type="search" class="form-control w-100" placeholder="{{ placeholder[locale] | escape_once }}" name="q">
  </div>

  <div class="col mb-3">
  {% render 'forms/select.html', id: 'sort', items: sort %}
  </div>

  <div class="col mb-3">
  <input type="submit" class="btn btn-primary" value="{{ placeholder[locale] | escape_once }}">
  </div>
</form>