Untitled

<div class="col-12 col-md-12 h-100">
    <div class="card h-100">
      <div class="card-body">
        <div class="d-flex justify-content-between">
          <div>
            <h5 class="mb-1">ToDo List</h5>
            <h6 class="text-700">Last 7 days</h6>
          </div>
          <button class="btn btn-phoenix-secondary btn-sm me-1 mb-1" type="button" data-bs-toggle="modal" data-bs-target="#createTodoTask">Tilføj ny opgave</button>
        </div>
        <div class="pb-0 pt-4">


          <?php foreach ( $sql_todo_tasks_query as $todoTask_Data) : ?>
          <div class="d-flex hover-actions-trigger py-3 border-top">


            <input class="form-check-input form-check-input-todolist flex-shrink-0 my-1 me-2 form-check-input-undefined" type="checkbox" data-event-propagation-prevent="data-event-propagation-prevent" id="checkbox-todo-<?= $todoTask_Data['task_id'] ?>" <?php if($todoTask_Data['task_checked'] == 'true') {echo 'checked';} ; ?> />
            <div class="row justify-content-between align-items-md-center btn-reveal-trigger border-200 gx-0 flex-1 cursor-pointer" data-bs-toggle="modal" data-bs-target="#viewTodoTask-id<?= $todoTask_Data['task_id'] ?>">
              
              
              <div class="row gx-0">
                <div class="col-12 col-md-auto col-xl-12 col-xxl-auto">
                  <div class="mb-1 mb-md-0 d-flex align-items-center lh-1">
                    <label class="form-check-label mb-1 mb-md-0 mb-xl-1 mb-xxl-0 me-2 text-1000 cursor-pointer"><?= $todoTask_Data['task_title'] ?></label>
                  </div>
                </div>
              </div>
              
              
              <div class="row gx-0">
                <div class="col-12 col-md-auto col-xl-12 col-xxl-auto">
                  <div class="d-flex lh-1 align-items-center"><a class="text-600 fw-bold fs--2 me-2 pt-2" href="#!"><span class="fas fa-tasks me-1"></span>3</a>
                    <p class="text-600 fs--2 mb-md-0 me-2 mb-0 pt-2"><?= $todoTask_Data['task_date'] ?></p>
  
                  </div>
                </div>
              </div>
              

            </div>

            <div class="d-none d-md-block d-xl-none d-xxl-block end-0 position-absolute" style="top: 23%;" data-event-propagation-prevent="data-event-propagation-prevent">
              <div class="hover-actions end-0" data-event-propagation-prevent="data-event-propagation-prevent">
                
                <button class="btn btn-phoenix-secondary btn-icon me-1 fs--2 text-900 px-0 me-1" data-event-propagation-prevent="data-event-propagation-prevent" type="button" data-bs-toggle="modal" data-bs-target="#editTodoTask-id<?= $todoTask_Data['task_id'] ?>"><span class="fas fa-edit"></span></button>

                <form method="post" action="">
                  <input type="hidden" name="task_id" value="<?php echo $todoTask_Data['task_id'] ?>">
                  <button type="submit" name="delete_todo_task" class="btn btn-phoenix-secondary btn-icon fs--2 text-danger px-0" data-event-propagation-prevent="data-event-propagation-prevent"><span class="fas fa-trash"></span></button>
                </form>
                
              </div>
            </div>
            

          </div>


          <!-- View Todo task modal-->
          <?php include 'page/template/dashboard/modal-view-todo-task.html'; ?>

          <?php include 'page/template/dashboard/modal-edit-todo-task.html'; ?>


          <?php endforeach; ?>
     

        </div>
      </div>
    </div>
  </div>