{% extends "site_base.html" %}

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

{% block head_title %}Presentation: {{ presentation.title }}{% endblock %}
{% block page_title %}{{ presentation.title }}{% endblock %}
{% block page_lead %}{{ presentation.slot.rooms.0 }} | {{ presentation.slot.day.date|date:"D d M" }} | {{ presentation.slot.start}}–{{ presentation.slot.end }}{% 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 %}
    </div>
  </div>
{% endblock %}