{#if selectedUserId}
Tasks
{#if !showAddForm}
{ showAddForm = true; setTodayForNewTask(); }} >+ Add Task
{/if}
{#if showAddForm}
Period
{#each PERIODS as p, i}
newPeriod = toggleBit(newPeriod, i)} >{PERIOD_ICONS[i]} {p}
{/each}
Recurrence
{#each DAYS as day, i}
newRecurrence = toggleBit(newRecurrence, i)} >{day}
{/each}
{#if newRecurrence === 0}
Date
{/if}
Add
{ showAddForm = false; newTitle = ''; newDueDay = ''; newRecurrence = 0; newPeriod = 0x01; }}>Cancel
{/if}
{#each tasks as task}
{#if editingTaskId === task.id}
Period
{#each PERIODS as p, i}
editPeriod = toggleBit(editPeriod, i)} >{PERIOD_ICONS[i]} {p}
{/each}
Recurrence
{#each DAYS as day, i}
editRecurrence = toggleBit(editRecurrence, i)} >{day}
{/each}
{#if editRecurrence === 0}
Date
{/if}
Save
editingTaskId = null}>Cancel
{:else}
handleToggleComplete(task)} class="w-4 h-4 cursor-pointer flex-shrink-0" style="accent-color: var(--color-accent)" />
{task.title}
{periodIcons(task.period)} {formatPeriod(task.period)}
{#if task.recurrence > 0}
🔁 {formatRecurrence(task.recurrence)}
{:else}
{formatRelativeDate(task.due_date)}
{/if}
startEditing(task)} title="Edit">✏️
{#if confirmDeleteId === task.id}
handleDelete(task.id)} title="Confirm">✓
confirmDeleteId = null} title="Cancel">✕
{:else}
confirmDeleteId = task.id} title="Delete">🗑️
{/if}
{/if}
{:else}
No tasks yet. Add one above!
{/each}
{:else}
Select or add a user to see their tasks.
{/if} {#if error}
{error}
{/if}