{{ define "index.tmpl" }}

{{ template "layout.tmpl"}}

<main>
  <h1>Tasks</h1>
  <div class="tasks">
    <h2>Today</h2>
    {{ range .tasks.today }}
        {{ template "taskInput.tmpl" . }}
    {{ end }}
    <h2>Soon</h2>
    {{ range .tasks.soon }}
        {{ template "taskInput.tmpl" . }}
    {{ end }}
    <h2>Later</h2>
    {{ range .tasks.later}}
        {{ template "taskInput.tmpl" . }}
    {{ end }}
  </div>

  <div class="new-task">	
	  <h2>New</h2>
	  <form class='task' id="task-new" method="POST">
	    <input name="Name" class='name' value="" placeholder="Task"/>
	    <input name="DueDate" class='date' value="" type='date'/>
	    <input name="Context" class='context' value="" placeholder="Context"/>
	    <button type="submit">Ajouter</button>
	  </form>
  </div>
</main>
{{ end }}