{% extends '_base.html' %}



{% block css %}
tr.week_row td {
  height: 0.3em;
  background-color: black;
  padding: 0;
  margin: 0;
  border-top: 0.2em solid white;
}
tr.month_row td {
  border-top: 0.2em solid white;
  color: white;
  background-color: #555555;
}
table {
  width: 100%;
}
tr.day_row td {
  background-color: #cccccc;
  border-top: 0.2em solid white;
}
td.day_name {
  padding-right: 0.5em;
}
td.today {
  font-weight: bold;
}
{% endblock %}



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

<p><a href="/calendar_txt">basic view</a></p>

<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=2>{{ day.month_name }}</td>
</tr>
{% endif %}

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

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

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

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