{% include "fragments/menu.html" %}
<div class="flex justify-center">
  <div class="m-12 grow max-w-4xl text-center">
    {% include "fragments/tema/title.html" %}
    <div class="text-left">

      <!-- {% if tema.scores() %} -->
      <!-- temes -->
      <!-- <h4 class="text-xl text-beige">Tema</h4> -->
      <!-- <hr class="h-px mt-1 mb-3 bg-beige border-0"> -->
      <!-- {% for file in tema.files %} -->
      <!--   {% if file.type == FileType.PDF %} -->
      <!--     {% set pdf_url = file.path %} -->
      <!--     {% include "fragments/pdf_viewer.html" %} -->
      <!--   {% endif %} -->
      <!-- {% endfor %} -->
      <!-- {% endif %} -->

      {% include "fragments/tema/lyrics.html" %}
      {% include "fragments/tema/links.html" %}

      <!-- PROPERTIES -->
      {% if tema.properties %}
      <h4 class="text-xl mt-3 text-beige">Informació</h4>
      <hr class="h-px mt-1 mb-3 bg-beige border-0">
      {% for property in tema.properties %}
        <p>
          <i>{{ property.field.value.capitalize() }}</i>: {{ property.value }}
        </p>
      {% endfor %}
      {% endif %}
    </div>
  </div>
</div>
