{% extends 'schedule_base.html' %}

{% block schedule_content %}

<a href="{% url 'schedule_index' camp_slug=camp.slug %}" class="btn btn-default" style="display: inline-block; padding: 5px;">Overview</a>
{% for day in camp.camp_days %}
  {% with day.lower.date|date:"m" as month_padded %}
    {% with day.lower.date|date:"d" as day_padded %}
      <a href="{% url 'schedule_day' camp_slug=camp.slug year=day.lower.date.year month=month_padded day=day_padded %}" class="btn btn-default" style="display: inline-block; padding: 5px;">
        {{ day.lower.date|date:"l" }}
      </a>
    {% endwith %}
  {% endwith %}
{% endfor %}

<hr />

<a href="{% url 'schedule_index' camp_slug=camp.slug %}" 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' camp_slug=camp.slug %}?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 />

{% block program_content %}
{% endblock program_content %}

{% endblock schedule_content %}