{% extends "layout.html" %}

{% block content %}
<h1>{{ title  }}</h1>

<form action="/sparetime" method="post">
    <div class=activities>
	<table width="600" height="200" border="0" align="center" cellpadding="10" cellspacing="10">
	   <tr>
	  {% for activity in activities %}
	    		<td width="100" align="center"><input type="image" name='activity' src="../../static/images/journal/activities/{{ activity.title }}.png" value={{ activity.title }}><br />{{ activity.title.lower() }}<br /></td>
	  {% endfor %}
	   </tr>
	</table>
	<div class=timediv><input type="radio" name="time" value="15" checked>15 minutes<input type="radio" name="time" value="30">30 minutes<input type="radio" name="time" value="45">45 minutes<input type="radio" name="time" value="60">60 minutes</div>
    </div>
</form>

</div>
{% endblock %}