{% extends 'program_base.html' %}

{% block program_content %}
<a href="{% url 'schedule:index' %}" style="background-color: black; border: 0; color: white; display: inline-block; padding: 5px;">
  All
</a>
{% for event_type in camp.event_types %}
<a href="{% url 'schedule_index' %}?type={{ event_type.slug }}" style="background-color: {{ event_type.color }}; border: 0; color: {% if event_type.light_text %}white{% else %}black{% endif %}; display: inline-block; padding: 5px;">
  {{ event_type.name }}
</a>
{% endfor %}

<hr />

{% for day, events in day_events.items %}
  {{ day.date|date:"D d/m" }} <br />
  <div style="display: flex; flex-wrap: wrap;">
    {% for event in events %}
    <a class="event"
       href="{% url 'schedule:event' slug=event.slug %}"
       style="background-color: {{ event.event_type.color }}; border: 0; color: {% if event.event_type.light_text %}white{% else %}black{% endif %};">
      <small>{{ event.start|date:"H:i" }} - {{ event.end|date:"H:i" }}</small>
      <br />
      {{ event }}
      <br />
      {% if event.speakers.exists %}
      <i>by {{ event.speakers.all|join:", " }}
    {% endif %}</i>

    </a>
    {% endfor %}
  </div>
<hr />
{% endfor %}

{% endblock program_content %}