{% include "fragments/menu.html" %}
<div class="flex justify-center">
  <div class="m-12 grow max-w-4xl">
    <h3 class="text-center text-3xl p-4">
        {% set dn = date_names(session.date) %}
        {{ dn.day_name }} {{ dn.day }} {{ dn.month_name }} de {{ dn.year }}
        {% if logged_in %}
          {% if session.is_live %}
            {% include "fragments/sessio/live/stop.html" %}
          {% else %}
            {% include "fragments/sessio/live/start.html" %}
          {% endif %}
        {% endif %}
    </h3>
    {% include "fragments/sessio/cartell.html" %}
    <div class="text-left">
      <h4 class="pt-4 text-xl text-beige">Horari i lloc</h4>
        De {{ session.start_time.strftime("%H:%M") }}
        a {{ session.end_time.strftime("%H:%M") }}
        {% if session.venue.name %}
          a
          {% if session.venue.url %}
          <a href="{{ session.venue.url }}"
            class="text-beige"
            target="_blank">
            {{ session.venue.name }}
          </a>
          {% else %}
            {{ session.venue.name }}
          {% endif %}
        {% endif %}
    </div>
    {% if logged_in or session.notes %}
    <div class="text-left">
      <h4 class="py-4 text-xl text-beige">Notes</h4>
      {% if session.notes %}{{ session.notes }}{% endif %}
    </div>
    {% endif %}
    {% if logged_in or False %}
    <div class="text-left">
      <h4 class="py-4 text-xl text-beige">Slow Jam</h4>
    </div>
    {% endif %}
    {% if logged_in or playlist.sets %}
    <div class="text-left">
      <h4 class="py-4 text-xl text-beige mt-2">Temes tocats</h4>
      {% include "fragments/sessio/playlist.html" %}
    </div>
    {% endif %}
  </div>
</div>