{% extends '_base.html' %}



{% block css %}
tr.week_row td {
  height: 0.1em;
  background-color: black;
  padding: 0;
  margin: 0;
}
tr.month_row td {
  border: 0.1em solid black;
  text-align: center;
}
td.day_name {
  padding-right: 0.5em;
}
td.today {
  font-weight: bold;
}
{% endblock %}



{% block content %}
<h3>calendar</h3>

<form action="calendar" method="GET">
from <input name="start" value="{{start}}" />
to <input name="end" value="{{end}}" />
<input type="submit" value="OK" />
</form>
<table>
{% for day in days %}

{% if day.first_of_month %}
<tr class="month_row">
<td colspan=3>{{ day.month_name }}</td>
</tr>
{% endif %}

{% if day.weekday == "Monday" %}
<tr class="week_row">
<td colspan=3></td>
</tr>
{% endif %}

<tr>
<td class="day_name">{{day.weekday|truncate(2,True,'',0)}}</td>
<td{% if day.date == today %} class="today"{% endif %}><a href="day?date={{day.date}}">{{day.date}}</a></td>
<td>{{day.comment|e}}</td>
</tr>

{% for todo in day.calendarized_todos %}
<tr>
<td>[{% if todo.is_done %}X{% else %} {% endif %}]</td>
<td><a href="todo?id={{todo.id_}}">{{todo.title_then|e}}</td>
<td>{{todo.comment|e}}</td>
</tr>
{% endfor %}

{% endfor %}
</table>
{% endblock %}