<ol id="{{ session_list_id }}"
    class="flex flex-col items-center justify-center">
{% for session in sessions %}
    {% include "fragments/sessions/session_row.html" %}
{% endfor %}
{% if more_sessions or less_sessions %}
    <li>
      {% if more_sessions %}
        <button title="Mostra més sessions"
                class="text-beige mx-2"
                hx-get="{{ get_sessions_url }}?limit={{ more_sessions }}"
                hx-target="#{{ session_list_id }}"
                hx-swap="outerHTML">
          <i class="fa fa-caret-down" aria-hidden="true"></i>
        </button>
      {% endif %}
      {% if less_sessions %}
        <button title="Mostra menys sessions"
                class="text-beige mx-2"
                hx-get="{{ get_sessions_url }}?limit={{ less_sessions }}"
                hx-target="#{{ session_list_id }}"
                hx-swap="outerHTML">
          <i class="fa fa-caret-up" aria-hidden="true"></i>
        </button>
      {% endif %}
    </li>
{% endif %}
</ol>
