{% extends "page.html" %}

{% block title %}Month View{% endblock title %}

{% block content %}
<div id="statical-calendar" class="calendar">
  <h1>{{ view_date }}</h1>
  {% include "pagination_with_views.html" %}
  <div class="month">
    <label class="expand-events" for="expand-events">Expand All Events</label>
    <input class="expand-events" type="checkbox" name="expand-events" id="expand-events" />
    <p class="wday header">Sunday</p>
    <p class="wday header">Monday</p>
    <p class="wday header">Tuesday</p>
    <p class="wday header">Wednesday</p>
    <p class="wday header">Thursday</p>
    <p class="wday header">Friday</p>
    <p class="wday header">Saturday</p>
    {% for week in weeks %}
    {% set first_week = loop.first %}
    {% for day in week %}
    {% set first_day = loop.first %}
    <div class="day {% if day.month | int == month | int %}current-month{% else %}other-month{% endif %} {% if day.is_weekend %}weekend{% else %}weekday{% endif %} {{ day.wday }} {% if first_week %} first-week {% endif %}">
      <a href="{{ day.link }}">
        {% set show_month = first_week and first_day %}
        <div class="header">
          <p class="iso_week">
            {% if first_day %}
            {{ day.iso_week }}
            {% endif %}
          </p>
          <p class="date">
            {% if day.day == 1 or show_month %}
            {{ day.month_name }}
            {% endif %}
            {{ day.day }}
          </p>
        </div>
        <div class="events">
          {% for event in day.events %}
            {% include "event_include.html" %}
          {% endfor %}
        </div>
      </a>
    </div>
    {% endfor %} {% endfor %}
  </div>
  {% include "pagination.html" %}
</div>
{% endblock content %}