{% include "fragments/menu.html" %}
<div class="flex flex-col justify-center">
  <div class="mt-8">
    {% include "fragments/tema/title.html" %}
  </div>
  <div class="p-12 text-left">
      <!-- <div id="tema-{{ tema.id }}-score" -->
      <!--     hx-get="/api/tema/{{ tema.id }}/score" -->
      <!--     hx-trigger="load, reload-tema-{{ tema.id }}-score from:body" -->
      <!--     hx-swap="innerHTML" -->
      <!--     > -->
      <!-- </div> -->
      {% include "fragments/tema/scores.html" %}
      {% include "fragments/tema/lyrics.html" %}
      {% include "fragments/tema/links.html" %}
      {% include "fragments/tema/properties.html" %}
      {% include "fragments/tema/stats.html" %}
  </div>
</div>
