{% if logged_in or tema.links %}
<h4 class="text-xl text-beige">Enllaços</h4>
<hr class="h-px mt-1 mb-3 bg-beige border-0">
{% endif %}

{% if tema.links %}
{% for link in tema.links %}
  <ul class="flex flex-col justify-center"
      id="new-link-target">
  {% set link_idx = loop.index0 %}
  {% include "fragments/tema/link.html" %}
  </ul>
{% endfor %}
{% endif %}

{% if logged_in %}
<div class="flex flex-row my-2 justify-end">
  <button title="Afegeix una lletra"
          class="text-sm text-beige text-right"
          hx-post="/api/tema/{{ tema.id }}/link"
          hx-target="#new-link-target"
          hx-swap="beforebegin">
    <i class="fa fa-plus" aria-hidden="true"></i>
    Afegeix un enllaç
  </button>
</div>
{% endif %}