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

{% block program_content %}

<div class="row">
        <div class="schedule-days btn-group">
            <a href="{% url 'schedule_index' camp_slug=camp.slug %}" class="btn btn-default">
            <li>All days</li>
            </a>
            {% for day in camp.camp_days %}
            {% with month_padded=day.lower.date|date:"m" day_padded=day.lower.date|date:"d" %}
            <a href="{% url 'schedule_day' camp_slug=camp.slug year=day.lower.date.year month=day.lower.date|date:'m' day=day.lower.date|date:'d' %}" class="btn btn-{% if urlyear and urlyear|add:"0" == day.lower.date.year and urlmonth == month_padded and urlday == day_padded %}primary{% else %}default{% endif %}">
                {{ day.lower.date|date:"l" }}
            </a>
            {% endwith %}
            {% endfor %}
        </div>
</div>

<hr />

<div class="row">
    <div class="col-sm-3 col-sm-push-9 schedule-filter">
        <form id="filter" class="form-inline">
            <div class="form-group">
                <div>
                    <h4>Type:</h4>
                    <ul>
                    {% for type in camp.event_types %}
                    <li>
                        <input type="checkbox"
                               name="event_type"
                               value="{{ type.slug }}"
                               class="form-control event-type-checkbox"
                               checked /> {{ type.name }}
                    </li>
                    {% endfor %}
                    </ul>
                </div>

                <div>
                    <h4>Location:</h4>
                    <ul>
                    {% for location in camp.event_locations %}
                    <li>
                        <input type="checkbox"
                               name="locations"
                               value="{{ location.slug }}"
                               class="form-control location-checkbox"
                               checked /> {{ location.name }}
                    </li>
                    {% endfor %}
                    </ul>
                </div>

                <a href="{% url 'ics_view' camp_slug=camp.slug %}{{ get_string }}" class="btn btn-default form-control filter-control">
                    <i class="fa fa-calendar"></i> ICS
                </a>
            </div>
        </form>
    </div>
    <div class="col-sm-9 col-sm-pull-3">
      {% block schedule_content %}
      {% endblock schedule_content %}
    </div>
</div>

<hr />


{% url 'schedule_index' camp_slug=camp.slug as baseurl %}

<script>
    $('.filter-control').on('change', function() {
        var type = $('#event_type').val();
        var loc = $('#location').val();
        var url = "{{baseurl}}";

        if(type != '' || loc != '') {
          url = url + '?';
          if(type != '') {
              url = url + 'type=' + type;
              if(loc != '') { url = url + '&'; }
          }
          if(loc != '') {
              url = url + 'location=' + loc;
          }
        }

        window.location.href = url;
    });
</script>

{% endblock program_content %}