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

{% block program_content %}

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

<div class="row">
  <div class="col-md-12 text-container">
{{ speaker.biography|untrustedcommonmark }}
  </div>
</div>

<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 'program:event_detail' camp_slug=camp.slug slug=event.slug %}">{{ event.title }}</a>
        </h3>
        {{ event.abstract|untrustedcommonmark }}

        <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 %}