{% extends "symposion/schedule/base.html" %}

{% load lca2018_tags %}
{% load lca2019_tags %}
{% load sitetree %}
{% load static %}
{% load thumbnail %}

{% block head_title %}Presentation: {{ presentation.title }}{% endblock %}
{% block page_title %}{{ presentation.title }}{% endblock %}
{% block page_lead %}
{% if presentation.slot %}
{{ presentation.slot.rooms.0 }} | <span class="presentation-time" data-starttime="{{ presentation.slot.day.date|date:'c' }}T{{ presentation.slot.start|date:'c' }}" data-endtime="{{ presentation.slot.day.date|date:'c' }}T{{ presentation.slot.end|date:'c' }}">{{ presentation.slot.day.date|date:"D d M" }} {{ presentation.slot.start }}&ndash;{{ presentation.slot.end }}</span>
{% else %}
<em>Not currently scheduled.</em>
{% endif %}
{% endblock %}

{% block content %}
  {% if presentation.unpublish %}
  <div class="row">
    <div class="col">
      <p><strong>Presentation not published.</strong></p>
    </div>
  </div>
  {% endif %}

  <div class="row presentation-details">
    <div class="col-md-3">
      <h2 class="mt-4">Presented by</h4>
      <ul class="list-unstyled">
        {% for speaker in presentation.speakers %}
        <li class="mb-4 pb-2">
          {% speaker_photo speaker 120 as speaker_photo_url %}
          <img src="{{ speaker_photo_url }}" alt="{{ speaker }}" class="rounded-circle img-fluid">
          <p>
            <strong><a href="{% url "speaker_profile" speaker.pk %}">{{ speaker }}</a></strong><br />
            {% if speaker.twitter_username %}
              <a href="https://twitter.com/{{ speaker.twitter_username }}">{{ speaker.twitter_username|twitter_handle }}</a><br />
            {% endif %}
            {% if speaker.homepage %}
              <a href="{{ speaker.homepage }}">{{ speaker.homepage }}</a>
            {% endif %}
          </p>
          <div class="bio">{{ speaker.biography_html|safe}}</div>
          </p>
        </li>
        {% endfor %}
      </ul>
    </div>

    <div class="col-md-9 presentation-abstract">
      <h2 class="mt-4">Abstract</h4>
      {% autoescape off %}
      <div class="abstract pb-4"><p>{{ presentation.abstract_html|safe|clean_text|urlize }}</p></div>
      {% endautoescape %}

      {% if presentation.videos_split %}
        <h2 class="mt-4">Video</h4>
        <video controls style="max-width: 640px">
          {% for video in presentation.videos_split %}
            <source src="{{ video }}">
          {% endfor %}
        </video>
        <p style="margin-top: 1rem">Available formats:</p>
        <ul>
          {% for video in presentation.videos_split %}
            <li>{{ video|urlize }}</li>
          {% endfor %}
        </ul>
      {% endif %}
    </div>
  </div>
{% endblock %}