{% extends 'program_base.html' %}
{% load commonmark %}

{% block program_content %}

h3>{{ speaker.name }}</h3>

{% if speaker.picture_large and speaker.picture_small %}
<div class="row">
  <div class="col-md-8 text-container">
{{ speaker.biography|commonmark }}
  </div>
  <div class="col-md-4">
    <a href="{% url 'speaker_picture' camp_slug=camp.slug slug=speaker.slug picture='large' %}" >
      <img src="{% url 'speaker_picture' camp_slug=camp.slug slug=speaker.slug picture='thumbnail' %}" alt="{{ camp.title }} speaker picture of {{ speaker.name }}">
    </a>
  </div>
</div>
{% else %}
{{ speaker.biography|commonmark }}
{% endif %}

<hr />

{% if speaker.events.exists %}
    {% for event in speaker.events.all %}
        <h3>
            <small style="background-color: {{ event.event_type.color }}; border: 0; color: {% if event.event_type.light_text %}white{% else %}black{% endif %}; display: inline-block; padding: 5px;">
                {{ event.event_type.name }}
            </small>
            <a href="{% url 'event_detail' camp_slug=camp.slug slug=event.slug %}">{{ event.title }}</a>
        </h3>
        {{ event.abstract|commonmark }}

        <h4>Instances</h4>
            <ul class="list-group">
                {% for ei in event.instances.all %}
                    <li class="list-group-item">{{ ei.when.lower|date:"l M. d H:i" }} - {{ ei.when.upper|date:"H:i" }}</li>
                {% empty %}
                    No instances scheduled yet
                {% endfor %}
            </ul>
        </h4>
        <hr>
    {% empty %}
      No events registered for this speaker yet
    {% endfor %}
{% endif %}
{% endblock program_content %}