<li id="tune-entry-{{ tema_entry.id }}"
    class="flex flex-col items-center my-1 w-full">
  <div class="flex flex-row">
  <input
    name="query"
    {% if tema_entry.tema %}
    value="{{ tema_entry.tema.title }}"
    {% else %}
    value=""
    {% endif %}
    placeholder="Busca un tema..."
    class="border border-beige focus:outline-none
           rounded text-center text-black
           p-1 m-1"
hx-get="/api/llista/{{ playlist_id }}/set/{{ set_id }}/tema/{{ tema_entry.id }}/busca"
     hx-trigger="revealed, keyup delay:500ms changed"
     hx-target="#tune-entry-{{ tema_entry.id }}-search-results"
     hx-swap="outerHTML"/>
    <button title="Descarta els canvis"
            class="text-beige mx-1"
            hx-get="/api/llista/{{ playlist_id }}/set/{{ set_id }}/tema/{{ tema_entry.id }}"
            hx-target="#tune-entry-{{ tema_entry.id }}"
            hx-swap="outerHTML">
      <i class="fa fa-times" aria-hidden="true"></i>
    </button>
  </div>
  <ul id="tune-entry-{{ tema_entry.id }}-search-results"
      class="flex flex-wrap">
  </ul>
</li>
