<div class="flex flex-row flex-wrap justify-center"
     id="tema-title">
  <h3 class="text-3xl text-center p-4">{{ tema.title }}</h3>
  {% if logged_in %}
  <button title="Canvia el títol"
          class="text-beige text-2xl mx-2"
          hx-get="/api/tema/{{ tema.id }}/editor/title"
          hx-target="#tema-title"
          hx-swap="outerHTML">
    <i class="fa fa-pencil" aria-hidden="true"></i>
  </button>
  {% include "fragments/tema/visibility.html" %}
  {% if not tema.stats %}
  <button title="Esborra el tema"
          class="text-beige text-2xl mx-2"
          hx-delete="/api/tema/{{ tema.id }}"
          hx-swap="outerHTML">
    <i class="fa fa-times" aria-hidden="true"></i>
  </button>
  {% endif %}
  {% endif %}
</div>
