feat: last checked and next refresh

resources/ts/components/TaskList.vue

@@ -8,6 +8,8 @@ import TaskItem from "@/components/TaskItem.vue";
 const taskInput = ref<string>("");
 const tasks = ref<Task[]>([]);
 const list = ref<string>("test");
+const showLastChecked = ref<boolean>(false);
+const showNextReset = ref<boolean>(false);
 
 function fetchTasks() {
     void getTasks(list.value)
@@ -53,7 +55,14 @@ onBeforeMount(fetchTasks);
 <template>
     <ul class="list ">
         <li v-for="(task, i) in tasks" :key="task.id">
-            <task-item v-if="tasks[i]" v-model="tasks[i]" @clone="onCloneTask" @delete="onDeleteTask" />
+            <task-item
+                v-if="tasks[i]"
+                v-model="tasks[i]"
+                :show-last-checked="showLastChecked"
+                :show-next-reset="showNextReset"
+                @clone="onCloneTask"
+                @delete="onDeleteTask"
+            />
         </li>
         <li class="list-row">
             <div class="list-col-grow">
@@ -76,4 +85,20 @@ onBeforeMount(fetchTasks);
             </div>
         </li>
     </ul>
+    <div class="collapse collapse-arrow  font-light text-sm">
+      <input type="checkbox" />
+      <div class="collapse-title">Options</div>
+      <div class="collapse-content text-sm">
+          <fieldset class="fieldset flex flex-col gap-2">
+            <label class="label">
+              <input v-model="showLastChecked" type="checkbox" class="checkbox" />
+              Show last checked time
+            </label>
+            <label class="label">
+              <input v-model="showNextReset" type="checkbox" class="checkbox" />
+              Show next reset time
+            </label>
+          </fieldset>
+      </div>
+    </div>
 </template>