{% 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>
  <button title="Afegeix un tema"
          class="text-beige m-2">
    <i class="fa fa-plus" aria-hidden="true"></i>
    Afegeix un tema
  </button>
  <input type="text" name="query" value=""
         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">
  <div class="flex justify-center">
    <div id="search-results"
         class="m-4 max-w-5xl
                flex flex-wrap items-center justify-center">
    </div>
  </div>
</div>