{% include "fragments/menu.html" %}
<div class="flex justify-center">
  <div class="m-12 grow max-w-4xl text-center">
    <h3 class="text-3xl p-4">
        {% set dn = date_names(session.date) %}
        {{ dn.day_name }} {{ dn.day }} {{ dn.month_name }} de {{ dn.year }}
    </h3>
    {% if logged_in %}
      {% if session.is_live %}
        {% include "fragments/sessions/live/stop.html" %}
      {% else %}
        {% include "fragments/sessions/live/start.html" %}
      {% endif %}
    {% endif %}
    <div class="text-left">
      <h4 class="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>
  </div>
</div>