<div class="TodoPortlet">
	<h1>todos</h1>
	<div class="TodoGrid">
		<div class="Header"></div>
		<div class="Main">
			<input class="ToggleAll" type="checkbox">
			<input class="NewTodo" placeholder="What needs to be done?">
			<ul class="TodoList"></ul>
	   </div>
		<div class="Footer">
			<script type="text/template" class="StatsTmpl">
				<span class="TodoCount"><strong><%- active%></strong> items left</span>
					<ul class="Filters">
						<li>
						<a class="<%=filter == '' ? 'selected' : ''%>" href="#/">All</a>
					</li>
					<li>
						<a class="<%=filter == 'active' ? 'selected' : ''%>" href="#/active">Active</a>
					</li>
					<li>
						<a class="<%=filter == 'completed' ? 'selected' : ''%>" href="#/completed">Completed</a>
					</li>
				</ul>
				<button class="ClearCompleted">Clear completed (<%- completed%>)</button>
			</script>			
		</div>
	</div>
	<script type="text/template" class="ItemTmpl">
		<div class="view <%= completed ? 'completed' : ''%> <%= editing ? 'editing' : ''%> <%= display ? '' : 'hidden'%>">
     		<input class="toggle" type="checkbox" <%= completed ? 'checked' : ''%>/>
	  		<label><%- job%></label>
	  		<button class="destroy"></button>
			<input class="Edit" value='<%- job%>'/>
		</div>
	</script>
</div>