<?= $this->extend('layouts/mainlayout') ?>
<?= $this->section('content') ?>
<!-- ========================
Start Page Content
========================= -->
<div class="page-wrapper">
<!-- Start Content -->
<div class="content">
<!-- Breadcrumb -->
<div class="d-md-flex d-block align-items-center justify-content-between page-breadcrumb mb-3">
<div class="my-auto mb-2">
<h2 class="mb-1">Task Board</h2>
<nav>
<ol class="breadcrumb mb-0">
<li class="breadcrumb-item">
<a href="<?php echo base_url(); ?>index"><i class="ti ti-smart-home"></i></a>
</li>
<li class="breadcrumb-item">
Projects
</li>
<li class="breadcrumb-item active" aria-current="page">Task Board</li>
</ol>
</nav>
</div>
<div class="d-flex my-xl-auto right-content align-items-center flex-wrap ">
<div class="dropdown me-2">
<a href="javascript:void(0);" class="dropdown-toggle btn btn-white d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-file-export me-2"></i> Export
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1"><i class="ti ti-file-type-pdf me-1"></i>Export as PDF</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1"><i class="ti ti-file-type-xls me-1"></i>Export as Excel </a>
</li>
</ul>
</div>
<a href="javascript:void(0);" class="btn btn-primary d-inline-flex align-items-center" data-bs-toggle="modal" data-bs-target="#add_board">
<i class="ti ti-circle-plus me-1"></i>Add Board
</a>
<div class="head-icons ms-2 mb-0">
<a href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Collapse" id="collapse-header">
<i class="ti ti-chevrons-up"></i>
</a>
</div>
</div>
</div>
<div class="card">
<div class="card-header d-flex align-items-center justify-content-between flex-wrap row-gap-3">
<h4>Hospital Administration</h4>
<div class="d-flex align-items-center flex-wrap row-gap-3">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-19.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-29.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-16.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center me-3">
<p class="mb-0 me-3 pe-3 border-end fs-14">Total Task : <span class="text-dark"> 55 </span></p>
<p class="mb-0 me-3 pe-3 border-end fs-14">Pending : <span class="text-dark"> 15 </span></p>
<p class="mb-0 fs-14">Completed : <span class="text-dark"> 40 </span></p>
</div>
<div class="input-icon-start position-relative">
<span class="input-icon-addon">
<i class="ti ti-search"></i>
</span>
<input type="text" class="form-control" placeholder="Search Project">
</div>
</div>
</div>
<div class="card-body">
<div class="row">
<div class="col-lg-4">
<div class="d-flex align-items-center flex-wrap row-gap-3 mb-3">
<h6 class="me-2">Priority</h6>
<ul class="nav nav-pills border d-inline-flex p-1 rounded bg-light todo-tabs" id="pills-tab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link btn btn-sm btn-icon py-3 d-flex align-items-center justify-content-center w-auto active" data-bs-toggle="pill" data-bs-target="#pills-home" type="button" role="tab" aria-selected="true">All</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link btn btn-sm btn-icon py-3 d-flex align-items-center justify-content-center w-auto" data-bs-toggle="pill" data-bs-target="#pills-contact" type="button" role="tab" aria-selected="false">High</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link btn btn-sm btn-icon py-3 d-flex align-items-center justify-content-center w-auto" data-bs-toggle="pill" data-bs-target="#pills-medium" type="button" role="tab" aria-selected="false">Medium</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link btn btn-sm btn-icon py-3 d-flex align-items-center justify-content-center w-auto" data-bs-toggle="pill" data-bs-target="#pills-low" type="button" role="tab" aria-selected="false">Low</button>
</li>
</ul>
</div>
</div>
<div class="col-lg-8">
<div class="d-flex align-items-center justify-content-lg-end flex-wrap row-gap-3 mb-3">
<div class="dropdown me-2">
<a href="javascript:void(0);" class="dropdown-toggle btn btn-white d-inline-flex align-items-center" data-bs-toggle="dropdown">
Clients
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1">Clients</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1">Sophie</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1">Cameron</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1">Doris</a>
</li>
</ul>
</div>
<div class="input-icon w-120 position-relative me-2">
<span class="input-icon-addon">
<i class="ti ti-calendar"></i>
</span>
<input type="text" class="form-control datetimepicker" placeholder="Created Date">
</div>
<div class="input-icon w-120 position-relative me-2">
<span class="input-icon-addon">
<i class="ti ti-calendar"></i>
</span>
<input type="text" class="form-control datetimepicker" placeholder="Due Date">
</div>
<div class="dropdown me-2">
<a href="javascript:void(0);" class="dropdown-toggle btn btn-white d-inline-flex align-items-center" data-bs-toggle="dropdown">
Select Status
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1">Inprogress</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1">On-hold</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1">Completed</a>
</li>
</ul>
</div>
<div class="d-flex align-items-center border rounded p-2">
<span class="d-inline-flex me-2">Sort By : </span>
<div class="dropdown">
<a href="javascript:void(0);" class="dropdown-toggle btn btn-white d-inline-flex align-items-center border-0 bg-transparent p-0 text-dark" data-bs-toggle="dropdown">
Created Date
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1">Created Date</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1">High</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1">Medium</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="tab-content" id="pills-tabContent">
<div class="tab-pane fade show active" id="pills-home" role="tabpanel">
<div class="d-flex align-items-start overflow-auto project-status pb-4">
<div class="p-3 rounded bg-transparent-secondary w-100 me-3">
<div class="bg-white p-2 rounded mb-2">
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex align-items-center">
<span class="bg-transparent-purple p-1 d-flex rounded-circle me-2"><span class="bg-purple rounded-circle d-block p-1"></span></span>
<h5 class="me-2">To Do</h5>
<span class="badge bg-light rounded-pill">02</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
</div>
<div class="kanban-drag-wrap">
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-danger badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>High</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Payment Gateway</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-warning" style="width: 40%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">40%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 18 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-19.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-29.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-16.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-01.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-02.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-warning badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>Medium</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Patient appointment booking</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-danger" style="width: 20%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">20%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 15 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-01.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-02.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-03.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-04.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-05.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pt-2">
<a href="#" class="btn btn-white border border-dashed d-flex align-items-center justify-content-center" data-bs-toggle="modal" data-bs-target="#add_task">
<i class="ti ti-plus me-2"></i> New Task
</a>
</div>
</div>
<div class="p-3 rounded bg-transparent-secondary w-100 me-3">
<div class="bg-white p-2 rounded mb-2">
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex align-items-center">
<span class="bg-soft-pink p-1 d-flex rounded-circle me-2"><span class="bg-pink rounded-circle d-block p-1"></span></span>
<h5 class="me-2">Pending</h5>
<span class="badge bg-light rounded-pill">13</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
</div>
<div class="kanban-drag-wrap">
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-success badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>Low</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Patient appointment booking</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-danger" style="width: 20%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">20%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 15 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-01.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-02.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-03.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-04.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-05.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-danger badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>High</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Payment Gateway</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-warning" style="width: 40%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">40%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 15 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-10.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-11.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-12.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-13.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-14.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pt-2">
<a href="#" class="btn btn-white border border-dashed d-flex align-items-center justify-content-center" data-bs-toggle="modal" data-bs-target="#add_task">
<i class="ti ti-plus me-2"></i> New Task
</a>
</div>
</div>
<div class="p-3 rounded bg-transparent-secondary w-100 me-3">
<div class="bg-white p-2 rounded mb-2">
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex align-items-center">
<span class="bg-soft-skyblue p-1 d-flex rounded-circle me-2"><span class="bg-skyblue rounded-circle d-block p-1"></span></span>
<h5 class="me-2">Inprogress</h5>
<span class="badge bg-light rounded-pill">04</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
</div>
<div class="kanban-drag-wrap">
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-danger badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>High</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Doctor Module</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-warning" style="width: 35%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">35%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 20 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-15.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-16.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-17.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-18.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-19.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-success badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>Low</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Inventory and Supplies</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-purple" style="width: 60%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">60%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 21 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-20.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-21.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-22.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-23.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-24.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pt-2">
<a href="#" class="btn btn-white border border-dashed d-flex align-items-center justify-content-center" data-bs-toggle="modal" data-bs-target="#add_task">
<i class="ti ti-plus me-2"></i> New Task
</a>
</div>
</div>
<div class="p-3 rounded bg-transparent-secondary w-100 me-3">
<div class="bg-white p-2 rounded mb-2">
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex align-items-center">
<span class="bg-soft-success p-1 d-flex rounded-circle me-2"><span class="bg-success rounded-circle d-block p-1"></span></span>
<h5 class="me-2">Completed</h5>
<span class="badge bg-light rounded-pill">10</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
</div>
<div class="kanban-drag-wrap">
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-warning badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>Medium</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Billing and Payments</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-success" style="width: 100%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">100%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 22 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-25.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-26.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-27.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-28.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-29.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pt-2">
<a href="#" class="btn btn-white border border-dashed d-flex align-items-center justify-content-center" data-bs-toggle="modal" data-bs-target="#add_task">
<i class="ti ti-plus me-2"></i> New Task
</a>
</div>
</div>
<div class="p-3 rounded bg-transparent-secondary w-100 me-3">
<div class="bg-white p-2 rounded mb-2">
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex align-items-center">
<span class="bg-soft-warning p-1 d-flex rounded-circle me-2"><span class="bg-warning rounded-circle d-block p-1"></span></span>
<h5 class="me-2">On-hold</h5>
<span class="badge bg-light rounded-pill">10</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
</div>
<div class="kanban-drag-wrap">
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-danger badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>High</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Patient Feedback</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-danger" style="width: 15%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">15%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 22 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-30.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-31.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-05.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-09.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-11.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-success badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>Low</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Telemedicine Implementation</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-warning" style="width: 40%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">40%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 22 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-30.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-31.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-05.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-09.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-11.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pt-2">
<a href="#" class="btn btn-white border border-dashed d-flex align-items-center justify-content-center" data-bs-toggle="modal" data-bs-target="#add_task">
<i class="ti ti-plus me-2"></i> New Task
</a>
</div>
</div>
<div class="p-3 rounded bg-transparent-secondary w-100">
<div class="bg-white p-2 rounded mb-2">
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex align-items-center">
<span class="bg-soft-skyblue p-1 d-flex rounded-circle me-2"><span class="bg-skyblue rounded-circle d-block p-1"></span></span>
<h5 class="me-2">Review</h5>
<span class="badge bg-light rounded-pill">10</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
</div>
<div class="kanban-drag-wrap">
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-warning badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>Medium</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Patient Feedback</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-success" style="width: 100%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">100%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 16 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-30.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-31.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-05.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-09.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-11.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-danger badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>High</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Appointment Scheduling</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-success" style="width: 100%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">100%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 24 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-20.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-21.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-22.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-23.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-24.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pt-2">
<a href="#" class="btn btn-white border border-dashed d-flex align-items-center justify-content-center" data-bs-toggle="modal" data-bs-target="#add_task">
<i class="ti ti-plus me-2"></i> New Task
</a>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="pills-contact" role="tabpanel">
<div class="d-flex align-items-start overflow-auto project-status pb-4">
<div class="p-3 rounded bg-transparent-secondary w-100 me-3">
<div class="bg-white p-2 rounded mb-2">
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex align-items-center">
<span class="bg-transparent-purple p-1 d-flex rounded-circle me-2"><span class="bg-purple rounded-circle d-block p-1"></span></span>
<h5 class="me-2">To Do</h5>
<span class="badge bg-light rounded-pill">02</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
</div>
<div class="kanban-drag-wrap">
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-danger badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>High</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Payment Gateway</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-warning" style="width: 40%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">40%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 18 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-19.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-29.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-16.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-01.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-02.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-warning badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>Medium</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Patient appointment booking</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-danger" style="width: 20%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">20%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 15 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-01.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-02.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-03.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-04.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-05.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pt-2">
<a href="#" class="btn btn-white border border-dashed d-flex align-items-center justify-content-center" data-bs-toggle="modal" data-bs-target="#add_task">
<i class="ti ti-plus me-2"></i> New Task
</a>
</div>
</div>
<div class="p-3 rounded bg-transparent-secondary w-100 me-3">
<div class="bg-white p-2 rounded mb-2">
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex align-items-center">
<span class="bg-soft-pink p-1 d-flex rounded-circle me-2"><span class="bg-pink rounded-circle d-block p-1"></span></span>
<h5 class="me-2">Pending</h5>
<span class="badge bg-light rounded-pill">13</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
</div>
<div class="kanban-drag-wrap">
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-success badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>Low</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Patient appointment booking</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-danger" style="width: 20%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">20%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 15 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-01.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-02.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-03.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-04.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-05.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-danger badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>High</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Payment Gateway</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-warning" style="width: 40%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">40%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 15 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-10.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-11.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-12.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-13.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-14.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pt-2">
<a href="#" class="btn btn-white border border-dashed d-flex align-items-center justify-content-center" data-bs-toggle="modal" data-bs-target="#add_task">
<i class="ti ti-plus me-2"></i> New Task
</a>
</div>
</div>
<div class="p-3 rounded bg-transparent-secondary w-100 me-3">
<div class="bg-white p-2 rounded mb-2">
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex align-items-center">
<span class="bg-soft-skyblue p-1 d-flex rounded-circle me-2"><span class="bg-skyblue rounded-circle d-block p-1"></span></span>
<h5 class="me-2">Inprogress</h5>
<span class="badge bg-light rounded-pill">04</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
</div>
<div class="kanban-drag-wrap">
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-danger badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>High</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Doctor Module</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-warning" style="width: 35%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">35%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 20 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-15.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-16.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-17.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-18.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-19.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-success badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>Low</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Inventory and Supplies</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-purple" style="width: 60%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">60%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 21 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-20.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-21.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-22.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-23.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-24.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pt-2">
<a href="#" class="btn btn-white border border-dashed d-flex align-items-center justify-content-center" data-bs-toggle="modal" data-bs-target="#add_task">
<i class="ti ti-plus me-2"></i> New Task
</a>
</div>
</div>
<div class="p-3 rounded bg-transparent-secondary w-100 me-3">
<div class="bg-white p-2 rounded mb-2">
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex align-items-center">
<span class="bg-soft-success p-1 d-flex rounded-circle me-2"><span class="bg-success rounded-circle d-block p-1"></span></span>
<h5 class="me-2">Completed</h5>
<span class="badge bg-light rounded-pill">10</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
</div>
<div class="kanban-drag-wrap">
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-warning badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>Medium</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Billing and Payments</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-success" style="width: 100%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">100%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 22 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-25.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-26.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-27.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-28.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-29.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pt-2">
<a href="#" class="btn btn-white border border-dashed d-flex align-items-center justify-content-center" data-bs-toggle="modal" data-bs-target="#add_task">
<i class="ti ti-plus me-2"></i> New Task
</a>
</div>
</div>
<div class="p-3 rounded bg-transparent-secondary w-100 me-3">
<div class="bg-white p-2 rounded mb-2">
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex align-items-center">
<span class="bg-soft-warning p-1 d-flex rounded-circle me-2"><span class="bg-warning rounded-circle d-block p-1"></span></span>
<h5 class="me-2">On-hold</h5>
<span class="badge bg-light rounded-pill">10</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
</div>
<div class="kanban-drag-wrap">
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-danger badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>High</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Patient Feedback</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-danger" style="width: 15%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">15%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 22 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-30.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-31.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-05.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-09.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-11.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-success badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>Low</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Telemedicine Implementation</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-warning" style="width: 40%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">40%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 22 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-30.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-31.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-05.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-09.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-11.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pt-2">
<a href="#" class="btn btn-white border border-dashed d-flex align-items-center justify-content-center" data-bs-toggle="modal" data-bs-target="#add_task">
<i class="ti ti-plus me-2"></i> New Task
</a>
</div>
</div>
<div class="p-3 rounded bg-transparent-secondary w-100">
<div class="bg-white p-2 rounded mb-2">
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex align-items-center">
<span class="bg-soft-skyblue p-1 d-flex rounded-circle me-2"><span class="bg-skyblue rounded-circle d-block p-1"></span></span>
<h5 class="me-2">Review</h5>
<span class="badge bg-light rounded-pill">10</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
</div>
<div class="kanban-drag-wrap">
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-warning badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>Medium</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Patient Feedback</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-success" style="width: 100%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">100%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 16 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-30.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-31.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-05.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-09.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-11.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-danger badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>High</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Appointment Scheduling</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-success" style="width: 100%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">100%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 24 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-20.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-21.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-22.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-23.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-24.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pt-2">
<a href="#" class="btn btn-white border border-dashed d-flex align-items-center justify-content-center" data-bs-toggle="modal" data-bs-target="#add_task">
<i class="ti ti-plus me-2"></i> New Task
</a>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="pills-medium" role="tabpanel">
<div class="d-flex align-items-start overflow-auto project-status pb-4">
<div class="p-3 rounded bg-transparent-secondary w-100 me-3">
<div class="bg-white p-2 rounded mb-2">
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex align-items-center">
<span class="bg-transparent-purple p-1 d-flex rounded-circle me-2"><span class="bg-purple rounded-circle d-block p-1"></span></span>
<h5 class="me-2">To Do</h5>
<span class="badge bg-light rounded-pill">02</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
</div>
<div class="kanban-drag-wrap">
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-danger badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>High</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Payment Gateway</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-warning" style="width: 40%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">40%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 18 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-19.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-29.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-16.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-01.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-02.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-warning badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>Medium</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Patient appointment booking</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-danger" style="width: 20%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">20%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 15 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-01.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-02.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-03.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-04.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-05.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pt-2">
<a href="#" class="btn btn-white border border-dashed d-flex align-items-center justify-content-center" data-bs-toggle="modal" data-bs-target="#add_task">
<i class="ti ti-plus me-2"></i> New Task
</a>
</div>
</div>
<div class="p-3 rounded bg-transparent-secondary w-100 me-3">
<div class="bg-white p-2 rounded mb-2">
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex align-items-center">
<span class="bg-soft-pink p-1 d-flex rounded-circle me-2"><span class="bg-pink rounded-circle d-block p-1"></span></span>
<h5 class="me-2">Pending</h5>
<span class="badge bg-light rounded-pill">13</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
</div>
<div class="kanban-drag-wrap">
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-success badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>Low</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Patient appointment booking</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-danger" style="width: 20%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">20%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 15 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-01.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-02.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-03.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-04.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-05.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-danger badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>High</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Payment Gateway</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-warning" style="width: 40%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">40%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 15 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-10.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-11.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-12.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-13.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-14.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pt-2">
<a href="#" class="btn btn-white border border-dashed d-flex align-items-center justify-content-center" data-bs-toggle="modal" data-bs-target="#add_task">
<i class="ti ti-plus me-2"></i> New Task
</a>
</div>
</div>
<div class="p-3 rounded bg-transparent-secondary w-100 me-3">
<div class="bg-white p-2 rounded mb-2">
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex align-items-center">
<span class="bg-soft-skyblue p-1 d-flex rounded-circle me-2"><span class="bg-skyblue rounded-circle d-block p-1"></span></span>
<h5 class="me-2">Inprogress</h5>
<span class="badge bg-light rounded-pill">04</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
</div>
<div class="kanban-drag-wrap">
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-danger badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>High</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Doctor Module</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-warning" style="width: 35%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">35%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 20 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-15.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-16.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-17.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-18.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-19.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-success badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>Low</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Inventory and Supplies</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-purple" style="width: 60%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">60%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 21 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-20.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-21.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-22.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-23.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-24.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pt-2">
<a href="#" class="btn btn-white border border-dashed d-flex align-items-center justify-content-center" data-bs-toggle="modal" data-bs-target="#add_task">
<i class="ti ti-plus me-2"></i> New Task
</a>
</div>
</div>
<div class="p-3 rounded bg-transparent-secondary w-100 me-3">
<div class="bg-white p-2 rounded mb-2">
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex align-items-center">
<span class="bg-soft-success p-1 d-flex rounded-circle me-2"><span class="bg-success rounded-circle d-block p-1"></span></span>
<h5 class="me-2">Completed</h5>
<span class="badge bg-light rounded-pill">10</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
</div>
<div class="kanban-drag-wrap">
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-warning badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>Medium</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Billing and Payments</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-success" style="width: 100%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">100%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 22 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-25.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-26.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-27.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-28.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-29.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pt-2">
<a href="#" class="btn btn-white border border-dashed d-flex align-items-center justify-content-center" data-bs-toggle="modal" data-bs-target="#add_task">
<i class="ti ti-plus me-2"></i> New Task
</a>
</div>
</div>
<div class="p-3 rounded bg-transparent-secondary w-100 me-3">
<div class="bg-white p-2 rounded mb-2">
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex align-items-center">
<span class="bg-soft-warning p-1 d-flex rounded-circle me-2"><span class="bg-warning rounded-circle d-block p-1"></span></span>
<h5 class="me-2">On-hold</h5>
<span class="badge bg-light rounded-pill">10</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
</div>
<div class="kanban-drag-wrap">
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-danger badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>High</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Patient Feedback</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-danger" style="width: 15%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">15%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 22 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-30.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-31.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-05.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-09.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-11.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-success badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>Low</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Telemedicine Implementation</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-warning" style="width: 40%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">40%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 22 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-30.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-31.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-05.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-09.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-11.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pt-2">
<a href="#" class="btn btn-white border border-dashed d-flex align-items-center justify-content-center" data-bs-toggle="modal" data-bs-target="#add_task">
<i class="ti ti-plus me-2"></i> New Task
</a>
</div>
</div>
<div class="p-3 rounded bg-transparent-secondary w-100">
<div class="bg-white p-2 rounded mb-2">
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex align-items-center">
<span class="bg-soft-skyblue p-1 d-flex rounded-circle me-2"><span class="bg-skyblue rounded-circle d-block p-1"></span></span>
<h5 class="me-2">Review</h5>
<span class="badge bg-light rounded-pill">10</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
</div>
<div class="kanban-drag-wrap">
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-warning badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>Medium</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Patient Feedback</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-success" style="width: 100%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">100%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 16 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-30.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-31.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-05.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-09.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-11.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-danger badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>High</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Appointment Scheduling</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-success" style="width: 100%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">100%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 24 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-20.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-21.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-22.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-23.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-24.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pt-2">
<a href="#" class="btn btn-white border border-dashed d-flex align-items-center justify-content-center" data-bs-toggle="modal" data-bs-target="#add_task">
<i class="ti ti-plus me-2"></i> New Task
</a>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="pills-low" role="tabpanel">
<div class="d-flex align-items-start overflow-auto project-status pb-4">
<div class="p-3 rounded bg-transparent-secondary w-100 me-3">
<div class="bg-white p-2 rounded mb-2">
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex align-items-center">
<span class="bg-transparent-purple p-1 d-flex rounded-circle me-2"><span class="bg-purple rounded-circle d-block p-1"></span></span>
<h5 class="me-2">To Do</h5>
<span class="badge bg-light rounded-pill">02</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
</div>
<div class="kanban-drag-wrap">
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-danger badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>High</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Payment Gateway</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-warning" style="width: 40%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">40%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 18 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-19.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-29.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-16.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-01.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-02.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-warning badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>Medium</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Patient appointment booking</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-danger" style="width: 20%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">20%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 15 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-01.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-02.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-03.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-04.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-05.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pt-2">
<a href="#" class="btn btn-white border border-dashed d-flex align-items-center justify-content-center" data-bs-toggle="modal" data-bs-target="#add_task">
<i class="ti ti-plus me-2"></i> New Task
</a>
</div>
</div>
<div class="p-3 rounded bg-transparent-secondary w-100 me-3">
<div class="bg-white p-2 rounded mb-2">
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex align-items-center">
<span class="bg-soft-pink p-1 d-flex rounded-circle me-2"><span class="bg-pink rounded-circle d-block p-1"></span></span>
<h5 class="me-2">Pending</h5>
<span class="badge bg-light rounded-pill">13</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
</div>
<div class="kanban-drag-wrap">
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-success badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>Low</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Patient appointment booking</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-danger" style="width: 20%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">20%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 15 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-01.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-02.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-03.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-04.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-05.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-danger badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>High</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Payment Gateway</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-warning" style="width: 40%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">40%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 15 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-10.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-11.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-12.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-13.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-14.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pt-2">
<a href="#" class="btn btn-white border border-dashed d-flex align-items-center justify-content-center" data-bs-toggle="modal" data-bs-target="#add_task">
<i class="ti ti-plus me-2"></i> New Task
</a>
</div>
</div>
<div class="p-3 rounded bg-transparent-secondary w-100 me-3">
<div class="bg-white p-2 rounded mb-2">
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex align-items-center">
<span class="bg-soft-skyblue p-1 d-flex rounded-circle me-2"><span class="bg-skyblue rounded-circle d-block p-1"></span></span>
<h5 class="me-2">Inprogress</h5>
<span class="badge bg-light rounded-pill">04</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
</div>
<div class="kanban-drag-wrap">
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-danger badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>High</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Doctor Module</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-warning" style="width: 35%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">35%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 20 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-15.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-16.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-17.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-18.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-19.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-success badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>Low</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Inventory and Supplies</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-purple" style="width: 60%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">60%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 21 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-20.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-21.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-22.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-23.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-24.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pt-2">
<a href="#" class="btn btn-white border border-dashed d-flex align-items-center justify-content-center" data-bs-toggle="modal" data-bs-target="#add_task">
<i class="ti ti-plus me-2"></i> New Task
</a>
</div>
</div>
<div class="p-3 rounded bg-transparent-secondary w-100 me-3">
<div class="bg-white p-2 rounded mb-2">
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex align-items-center">
<span class="bg-soft-success p-1 d-flex rounded-circle me-2"><span class="bg-success rounded-circle d-block p-1"></span></span>
<h5 class="me-2">Completed</h5>
<span class="badge bg-light rounded-pill">10</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
</div>
<div class="kanban-drag-wrap">
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-warning badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>Medium</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Billing and Payments</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-success" style="width: 100%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">100%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 22 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-25.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-26.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-27.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-28.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-29.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pt-2">
<a href="#" class="btn btn-white border border-dashed d-flex align-items-center justify-content-center" data-bs-toggle="modal" data-bs-target="#add_task">
<i class="ti ti-plus me-2"></i> New Task
</a>
</div>
</div>
<div class="p-3 rounded bg-transparent-secondary w-100 me-3">
<div class="bg-white p-2 rounded mb-2">
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex align-items-center">
<span class="bg-soft-warning p-1 d-flex rounded-circle me-2"><span class="bg-warning rounded-circle d-block p-1"></span></span>
<h5 class="me-2">On-hold</h5>
<span class="badge bg-light rounded-pill">10</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
</div>
<div class="kanban-drag-wrap">
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-danger badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>High</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Patient Feedback</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-danger" style="width: 15%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">15%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 22 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-30.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-31.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-05.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-09.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-11.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-success badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>Low</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Telemedicine Implementation</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-warning" style="width: 40%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">40%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 22 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-30.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-31.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-05.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-09.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-11.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pt-2">
<a href="#" class="btn btn-white border border-dashed d-flex align-items-center justify-content-center" data-bs-toggle="modal" data-bs-target="#add_task">
<i class="ti ti-plus me-2"></i> New Task
</a>
</div>
</div>
<div class="p-3 rounded bg-transparent-secondary w-100">
<div class="bg-white p-2 rounded mb-2">
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex align-items-center">
<span class="bg-soft-skyblue p-1 d-flex rounded-circle me-2"><span class="bg-skyblue rounded-circle d-block p-1"></span></span>
<h5 class="me-2">Review</h5>
<span class="badge bg-light rounded-pill">10</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
</div>
<div class="kanban-drag-wrap">
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-warning badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>Medium</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Patient Feedback</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-success" style="width: 100%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">100%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 16 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-30.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-31.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-05.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-09.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-11.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="card kanban-card mb-2">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<span class="badge bg-outline-dark me-2">Web Layout</span>
<span class="badge bg-danger badge-xs d-flex align-items-center justify-content-center"><i class="fas fa-circle fs-6 me-1"></i>High</span>
</div>
<div class="dropdown">
<a href="javascript:void(0);" class="d-inline-flex align-items-center" data-bs-toggle="dropdown">
<i class="ti ti-dots-vertical"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end p-3">
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#edit_task"><i class="ti ti-edit me-2"></i>Edit</a>
</li>
<li>
<a href="javascript:void(0);" class="dropdown-item rounded-1" data-bs-toggle="modal" data-bs-target="#delete_modal"><i class="ti ti-trash me-2"></i>Delete</a>
</li>
</ul>
</div>
</div>
<div class="mb-2">
<h6 class="d-flex align-items-center">Appointment Scheduling</h6>
</div>
<div class="d-flex align-items-center mb-2">
<div class="progress progress-sm flex-fill" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="20">
<div class="progress-bar bg-success" style="width: 100%"></div>
</div>
<span class="d-block ms-2 text-gray-9 fw-medium">100%</span>
</div>
<p class="fw-medium mb-0">Due on : <span class="text-gray-9"> 24 Apr 2024</span></p>
<div class="d-flex align-items-center justify-content-between border-top pt-2 mt-2">
<div class="avatar-list-stacked avatar-group-sm me-3">
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-20.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-21.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-22.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-23.jpg" alt="img">
</span>
<span class="avatar avatar-rounded">
<img class="border border-white" src="<?php echo base_url(); ?>assets/img/profiles/avatar-24.jpg" alt="img">
</span>
<span class="avatar avatar-rounded bg-primary fs-12">
1+
</span>
</div>
<div class="d-flex align-items-center">
<a href="javascript:void(0);" class="d-flex align-items-center text-dark me-2"><i class="ti ti-message-circle text-gray me-1"></i>14</a>
<a href="javascript:void(0);" class="d-flex align-items-center text-dark"><i class="ti ti-paperclip text-gray me-1"></i>14</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pt-2">
<a href="#" class="btn btn-white border border-dashed d-flex align-items-center justify-content-center" data-bs-toggle="modal" data-bs-target="#add_task">
<i class="ti ti-plus me-2"></i> New Task
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Content -->
<?= $this->include('partials/footer') ?>
</div>
<!-- ========================
End Page Content
========================= -->
<?= $this->endSection() ?>