<ul id="tune-entry-{{ entry_id }}-search-results"
    class="flex flex-wrap items-center justify-center">
  {% for tema in results %}
  <li>
    <button class="bg-beige text-brown rounded
                   m-1 px-2"
            hx-put="/api/llista/{{ playlist_id }}/set/{{ set_id }}/tema/{{ entry_id }}"
            hx-vals='{"tema_id": "{{ tema.id }}"}'
            hx-target="#tune-entry-{{ entry_id }}"
            hx-swap="outerHTML">
      {{ tema.title }}
    </button>
  </li>
  {% endfor %}
  <li>
    <button class="border border-beige text-beige rounded
                   m-1 px-2"
            hx-put="/api/llista/{{ playlist_id }}/set/{{ set_id }}/tema/{{ entry_id }}/unknown"
            hx-target="#tune-entry-{{ entry_id }}"
            hx-swap="outerHTML">
      <i class="fa fa-question" aria-hidden="true"></i>
      <i>(Desconegut)</i>
    </button>
  </li>
  <li>
    <button class="border border-beige text-beige rounded
                   m-1 px-2"
            hx-post="/api/llista/{{ playlist_id }}/set/{{ set_id }}/tema/{{ entry_id }}"
            hx-vals='{"title": "{{ query }}"}'
            hx-target="#tune-entry-{{ entry_id }}"
            hx-swap="outerHTML">
      <i class="fa fa-plus" aria-hidden="true"></i>
      <i>{{ query }}</i>
    </button>
  </li>
</ul>
