<view name="Tasks">

<%-- This section should be hidden by default and shown when there are todos. --%>
<section class="main" if="<%= data.tasks && data.tasks.length %>">
	<input id="toggle-all" class="toggle-all" type="checkbox" checked="<%= !data.stats.active %>"
		onchange="<%= todos.actions.toggleOnChange %>">
	<label for="toggle-all">Mark all as complete</label>
	<ul class="todo-list">
	<for each="<%= data.tasks %>">
		<call view="Task">
	</for>
	</ul>
</section>
