{#if showNewProject}

e.key === 'Enter' && createProject()} />

{/if} {#if showAdd}

e.key === 'Enter' && addTask()} />

{#if !newAllDay} {/if}

All day

{/if}

{#each projects as proj} {/each}

{#if loading}

{:else} {#if activeTab === 'today'} {#if overdueTasks.length > 0}

Overdue · {overdueTasks.length}

{#each overdueTasks as task (task.id)}

startEdit(task)}>

{task.title}

{formatDate(task)} · {task._projectName} {#if task.repeatFlag}{repeatLabel(task.repeatFlag)}{/if}

{/each}

{/if} {#if todayTasks.length > 0}

Today · {todayTasks.length}

{#each todayTasks as task (task.id)}

startEdit(task)}>

{task.title}

{formatDate(task)} · {task._projectName} {#if task.repeatFlag}{repeatLabel(task.repeatFlag)}{/if}

{/each}

{/if} {#if todayTasks.length === 0 && overdueTasks.length === 0}

All clear for today

{/if} {:else if activeTab === 'completed'} {#if tasks.length > 0}

{#each tasks as task (task.id)}

{task.title}

{task._projectName}{#if task.completedAt} · {new Date(task.completedAt).toLocaleDateString()}{/if}

{/each}

{:else}

No completed tasks

{/if} {:else} {#if tasks.length > 0}

{#each tasks as task (task.id)}

startEdit(task)}>

{task.title}

{formatDate(task)} {#if activeTab === 'all'} · {task._projectName}{/if} {#if task.repeatFlag}{repeatLabel(task.repeatFlag)}{/if} {#if priorityLabel(task.priority)} {priorityLabel(task.priority)} {/if}

{/each}

{:else}

No tasks

{/if} {/if} {/if}

{#if editingTask} {/if}