{{template "HTMLBase"}} {{define "title"}} todo.txt {{end}}

<main>
  <h1>todo.txt</h1>
  <ul class="tasklist">
    {{range .tasks}}
    <li title="Création: {{.CreatedDate.Format "02.01.06" }}">
        <form class="task {{if .Completed}}task-completed{{end}}" method="POST">
            <input type="hidden" name="taskId" value="{{.ID}}"/>
            <input type="checkbox" name="checked" {{if .Completed}}checked{{end}} />
            {{if .Priority}}
                <div class="priority priority-{{.Priority}}">{{.Priority}}</div>
            {{end}}
                <div class="content">{{.Todo}}</div>
            {{if .Completed}}
                <div class="completedDate">{{.CompletedDate.Format "02.01.06" }}</div>
            {{end}}
        </form>
    </li>
    {{end}}
  </ul>

    <form method="POST" class="newTaskForm">
        <input name="taskContent" placeholder="Ajouter une nouvelle tâche" />
    </form>
</main>



<script>
    const taskCheckboxes = document.querySelectorAll("input[type='checkbox']");
    for(const taskCheckboxe of taskCheckboxes) 
        taskCheckboxe.onclick = () => taskCheckboxe.form.submit();
</script>