<li id="tune-entry-{{ tema_entry.id }}"
    class="flex flex-row my-1">
  <div class="mx-1 text-center">
    {% if tema_entry.tema is none %}
      <i class="fa fa-question" aria-hidden="true"></i>
      <i>(Desconegut)</i>
    {% else %}
      <a href="/sessio/{{ session_id }}/set/{{ set_id }}">
       {{ tema_entry.tema.title }}
      </a>
    {% endif %}
  </div>
  {% if logged_in %}
    <button title="Edita el tema"
            class="text-beige mx-1"
            hx-get="/api/sessio/{{ session_id }}/set/{{ set_id }}/tema/{{ tema_entry.id }}/editor"
            hx-target="#tune-entry-{{ tema_entry.id }}"
            hx-swap="outerHTML">
      <i class="fa fa-pencil" aria-hidden="true"></i>
    </button>
    <button title="Esborra el tema"
            class="text-beige mx-1"
            hx-delete="/api/sessio/{{ session_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>
  {% endif %}
</li>
