<div class="tab-content d-print-block my-3" id="schedule-tabContent">

    {% for section in sections %}

      {% cache 600 "schedule-table" section.schedule.section %}

      {% for timetable in section.days %}

      <div class="row tab-pane fade {% if forloop.first %}show active{% endif %} d-print-block" id="{{ timetable.day.date|date:"l"|lower}}" role="tabpanel" aria-labelledby="schedule_day_{{ timetable.day.date|date:"l"|lower}}-tab">

        <div class="col-12">

          <h2 class="my-4">

            {{ section.schedule.section.name }}

            <span class="clearfix d-sm-block d-md-none"></span>

            <small class="text-muted">{{ timetable.day.date|date:"l" }}, {{ timetable.day.date }}</small>

          </h2>

          <div class="table-responsive d-none d-md-block">

            {% include "symposion/schedule/_grid.html" %}

          </div>

          <div class="mobile-schedule d-sm-block d-md-none">

            {% include "symposion/schedule/_mobile.html" %}

          </div>

        </div>

      </div>

      {% endfor %}

      {% endcache %}

    {% endfor %}

  </div>