{% include "fragments/menu.html" %}
<div class="p-12 text-center flex flex-col items-center justify-center">
  <h3 class="text-3xl text-beige p-4">Temes</h3>
  {% set hx_vars = build_hx_vars({"properties": properties_str}, order_params_dict) %}
  <input id="query-input"
         type="text" name="query" value="{{ query }}"
         placeholder="Busca una tema..."
         class="rounded
                text-yellow-50 bg-brown
                border border-yellow-50
                p-2 m-2"
         hx-get="/api/temes/busca"
         hx-trigger="revealed, keyup delay:500ms changed"
         hx-target="#search-results"
         hx-vars="{{ hx_vars }}"
         hx-swap="outerHTML">
  <div id="search-results" class="flex-col"></div>
</div>
