{% if logged_in or tema.properties %}
  <h4 class="pt-4 text-xl mt-3 text-beige">Informació</h4>
  <hr class="h-px mt-1 mb-3 bg-beige border-0">

  <ul class="flex flex-col"
      id="new-property-target">
    {% for property in tema.properties %}
      {% include "fragments/tema/property.html" %}
    {% endfor %}
  </ul>
{% endif %}

{% if logged_in %}
<div class="flex flex-row my-2 justify-end">
  <button title="Afegeix informació"
          class="text-sm text-beige text-right"
          hx-post="/api/tema/{{ tema.id }}/property"
          hx-target="#new-property-target"
          hx-swap="beforeend transition:true">
    <i class="fa fa-plus" aria-hidden="true"></i>
    Afegeix informació
  </button>
</div>
{% endif %}