{% include "fragments/menu.html" %}
<div class="p-12 text-center">
  <h3 class="text-3xl text-beige p-4">Calendari</h3>
  {% if logged_in %}
  <button title="Afegeix una sessió"
          class="text-beige m-2"
          hx-post="/api/sessions/editor/"
          hx-target="#{{ calendar_list_id }}"
          hx-swap="beforeend transition:true">
    <i class="fa fa-plus" aria-hidden="true"></i>
    Afegeix una sessió
  </button>
  {% endif %}
  <div hx-get="/api/sessions/upcoming"
       hx-trigger="load"
       hx-target="this"
       hx-swap="innerHTML">
  </div>
  <h3 class="text-3xl text-beige p-4">Historial</h3>
  <div hx-get="/api/sessions/history"
       hx-trigger="load"
       hx-target="this"
       hx-swap="innerHTML">
  </div>
</div>