Task Checklist

<?php
$hasPlan  = (bool) getPlanCount($userId);
$hasSaved = (bool) getSavedPlanCount($userId);
$hasDna   = (bool) getDnaResult($userId);
$hasFav   = (bool) getFavouriteCount($userId);
$tasks = [
    ['label' => 'Build your first agenda', 'href' => '/planner/',  'done' => $hasPlan,
     'phase' => 'Plan',    'key' => 'build',
     'description' => 'Drag a few activities onto the timeline.'],
    ['label' => 'Save it so it\'s yours anywhere', 'href' => '/planner/', 'done' => $hasSaved,
     'phase' => 'Plan',    'key' => 'save'],
    ['label' => 'Take the 3-minute DNA quiz', 'href' => '/dna/',   'done' => $hasDna,
     'phase' => 'Reflect', 'key' => 'dna'],
    ['label' => 'Find an exercise you\'d actually run', 'href' => '/library/', 'done' => $hasFav,
     'phase' => 'Learn',   'key' => 'library'],
];

// Hide it entirely once everything is done, rather than showing a finished list.
if (in_array(false, array_column($tasks, 'done'), true)):
?>
    <?= ws_task_checklist($tasks, ['title' => 'Getting started', 'dismissible' => true]) ?>
<?php endif; ?>

<script>
document.querySelector('[data-checklist-dismiss]')?.addEventListener('click', async () => {
    await fetch('/api/prefs.php?action=dismiss_checklist', { method: 'POST' });
    document.querySelector('.ws-task-checklist').remove();
});
</script>