{% extends 'hexabox/elements/layouts/admin.html' %}
{% load static %}
        
{% block additional_css %}
{% endblock %}		
{% block content %}

			<div class="container-fluid">
				<!-- Start - Task Summary -->
				<div class="clearfix">
					<div class="row kanban-bx g-3">
						<div class="col">
							<div class="ic-task-summary dropzoneContainer">
								<div class="card card-body border-primary p-3">
									<div class="d-flex justify-content-between align-items-center">
										<div class="clearfix">
											<h5 class="mb-0">Not Started</h5>
											<span>Tasks assigned to me: 18</span>
										</div>
										<div class="clearfix">
											<span class="badge-lg badge-primary light ms-1 rounded-pill totalCount">3</span>
										</div>
									</div>
								</div>
								<div class="card draggable-handle draggable">
									<div class="card-body">
										<div class="mb-2">
											<h6 class="mb-0">CSS template Issue Complete</h6>
											<span class="small d-block">INV-100023456</span>
										</div>
										<div class="avatar-list avatar-list-stacked">
											<img src="{% static 'hexabox/images/avatar/small/avatar1.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar3.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar4.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar2.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar5.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
										</div>
										<div class="my-2">
											<span class="badge-sm badge-primary light me-2">Issue</span>
											<span class="badge-sm badge-primary light">HTML</span>
										</div>
										<div class="d-flex align-items-center">
											<span class="mb-0 fw-medium text-secondary me-2">Status</span>
											<div class="dropdown dropdown-badge dropdown-sm">
												<button type="button" class="btn btn-xs light dropdown-toggle btn-warning" data-bs-toggle="dropdown" aria-expanded="false">
													Testing
												</button>
												<ul class="dropdown-menu dropdown-badge-menu">
													<li><a class="dropdown-item" data-badge="btn-warning" href="javascript:void(0);">Testing</a></li>
													<li><a class="dropdown-item" data-badge="btn-success" href="javascript:void(0);">Complete</a></li>
													<li><a class="dropdown-item" data-badge="btn-danger" href="javascript:void(0);">Pending</a></li>
													<li><a class="dropdown-item" data-badge="btn-info" href="javascript:void(0);">In Progress</a></li>
												</ul>
											</div>
										</div>
									</div>	
									<div class="card-footer d-flex justify-content-between">
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">Start Date</span>
											<span class="fs-13">06 Feb 2023</span>
										</div>
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">End Date</span>
											<span class="fs-13">06 Feb 2023</span>
										</div>
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">Priority</span>
											<div class="dropdown dropdown-badge dropdown-sm">
												<button type="button" class="btn btn-xs light dropdown-toggle btn-success" data-bs-toggle="dropdown" aria-expanded="false">
													High
												</button>
												<ul class="dropdown-menu dropdown-badge-menu">
													<li><a class="dropdown-item" data-badge="btn-primary" href="javascript:void(0);">Medium</a></li>
													<li><a class="dropdown-item" data-badge="btn-success" href="javascript:void(0);">High</a></li>
													<li><a class="dropdown-item" data-badge="btn-danger" href="javascript:void(0);">Low</a></li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<div class="card draggable-handle draggable">
									<div class="card-body">
										<div class="mb-2">
											<h6 class="mb-0">Javascript Issue Complete</h6>
											<span class="small d-block">INV-100023456</span>
										</div>
										<div class="avatar-list avatar-list-stacked">
											<img src="{% static 'hexabox/images/avatar/small/avatar1.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar3.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar4.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar2.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar5.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
										</div>
										<div class="my-2">
											<span class="badge-sm badge-primary light me-2">Issue</span>
											<span class="badge-sm badge-primary light">HTML</span>
										</div>
										<div class="d-flex align-items-center">
											<span class="mb-0 fw-medium text-secondary me-2">Status</span>
											<div class="dropdown dropdown-badge dropdown-sm">
												<button type="button" class="btn btn-xs light dropdown-toggle btn-warning" data-bs-toggle="dropdown" aria-expanded="false">
													Testing
												</button>
												<ul class="dropdown-menu dropdown-badge-menu">
													<li><a class="dropdown-item" data-badge="btn-warning" href="javascript:void(0);">Testing</a></li>
													<li><a class="dropdown-item" data-badge="btn-success" href="javascript:void(0);">Complete</a></li>
													<li><a class="dropdown-item" data-badge="btn-danger" href="javascript:void(0);">Pending</a></li>
													<li><a class="dropdown-item" data-badge="btn-info" href="javascript:void(0);">In Progress</a></li>
												</ul>
											</div>
										</div>
									</div>
									<div class="card-footer d-flex justify-content-between">
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">Start Date</span>
											<span class="fs-13">06 Feb 2023</span>
										</div>
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">End Date</span>
											<span class="fs-13">06 Feb 2023</span>
										</div>
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">Priority</span>
											<div class="dropdown dropdown-badge dropdown-sm mt-1">
												<button type="button" class="btn btn-xs light dropdown-toggle btn-success" data-bs-toggle="dropdown" aria-expanded="false">
													High
												</button>
												<ul class="dropdown-menu dropdown-badge-menu">
													<li><a class="dropdown-item" data-badge="btn-primary" href="javascript:void(0);">Medium</a></li>
													<li><a class="dropdown-item" data-badge="btn-success" href="javascript:void(0);">High</a></li>
													<li><a class="dropdown-item" data-badge="btn-danger" href="javascript:void(0);">Low</a></li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<div class="card draggable-handle draggable">
									<div class="card-footer d-flex justify-content-between border-0">
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">Start Date</span>
											<span class="fs-13">06 Feb 2023</span>
										</div>
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">End Date</span>
											<span class="fs-13">06 Feb 2023</span>
										</div>
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">Priority</span>
											<div class="dropdown dropdown-badge dropdown-sm">
												<button type="button" class="btn btn-xs light dropdown-toggle btn-danger" data-bs-toggle="dropdown" aria-expanded="false">
													Low
												</button>
												<ul class="dropdown-menu dropdown-badge-menu">
													<li><a class="dropdown-item" data-badge="btn-primary" href="javascript:void(0);">Medium</a></li>
													<li><a class="dropdown-item" data-badge="btn-success" href="javascript:void(0);">High</a></li>
													<li><a class="dropdown-item" data-badge="btn-danger" href="javascript:void(0);">Low</a></li>
												</ul>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="col">
							<div class="ic-task-summary dropzoneContainer">
								<div class="card card-body border-info p-3">
									<div class="d-flex justify-content-between align-items-center">
										<div class="clearfix">
											<h5 class="mb-0">Not Started</h5>
											<span>Tasks assigned to me: 18</span>
										</div>
										<div class="clearfix">
											<span class="badge-lg badge-info light ms-1 rounded-pill totalCount">3</span>
										</div>
									</div>
								</div>
								<div class="card draggable-handle draggable">
									<div class="card-body">
										<div class="mb-2">
											<h6 class="mb-0">HTML template Issue Complete</h6>
											<span class="small d-block">INV-100023456</span>
										</div>
										<div class="avatar-list avatar-list-stacked">
											<img src="{% static 'hexabox/images/avatar/small/avatar1.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar3.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar4.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar2.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar5.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
										</div>
										<div class="my-2">
											<span class="badge-sm badge-primary light me-2">Issue</span>
											<span class="badge-sm badge-primary light">HTML</span>
										</div>
										<div class="d-flex align-items-center">
											<span class="mb-0 fw-medium text-secondary me-2">Status</span>
											<div class="dropdown dropdown-badge dropdown-sm">
												<button type="button" class="btn btn-xs light dropdown-toggle btn-warning" data-bs-toggle="dropdown" aria-expanded="false">
													Testing
												</button>
												<ul class="dropdown-menu dropdown-badge-menu">
													<li><a class="dropdown-item" data-badge="btn-warning" href="javascript:void(0);">Testing</a></li>
													<li><a class="dropdown-item" data-badge="btn-success" href="javascript:void(0);">Complete</a></li>
													<li><a class="dropdown-item" data-badge="btn-danger" href="javascript:void(0);">Pending</a></li>
													<li><a class="dropdown-item" data-badge="btn-info" href="javascript:void(0);">In Progress</a></li>
												</ul>
											</div>
										</div>
									</div>	
									<div class="card-footer d-flex justify-content-between">
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">Start Date</span>
											<span class="fs-13">06 Feb 2023</span>
										</div>
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">End Date</span>
											<span class="fs-13">06 Feb 2023</span>
										</div>
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">Priority</span>
											<div class="dropdown dropdown-badge dropdown-sm">
												<button type="button" class="btn btn-xs light dropdown-toggle btn-success" data-bs-toggle="dropdown" aria-expanded="false">
													High
												</button>
												<ul class="dropdown-menu dropdown-badge-menu">
													<li><a class="dropdown-item" data-badge="btn-primary" href="javascript:void(0);">Medium</a></li>
													<li><a class="dropdown-item" data-badge="btn-success" href="javascript:void(0);">High</a></li>
													<li><a class="dropdown-item" data-badge="btn-danger" href="javascript:void(0);">Low</a></li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<div class="card draggable-handle draggable">
									<div class="card-body">
										<div class="mb-2">
											<h6 class="mb-0">Python template Issue Complete</h6>
											<span class="small d-block">INV-100023456</span>
										</div>
										<div class="avatar-list avatar-list-stacked">
											<img src="{% static 'hexabox/images/avatar/small/avatar1.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar3.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar4.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar2.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
										</div>
										<div class="my-2">
											<span class="badge-sm badge-primary light me-2">Issue</span>
											<span class="badge-sm badge-primary light">HTML</span>
										</div>
										<div class="d-flex align-items-center">
											<span class="mb-0 fw-medium text-secondary me-2">Status</span>
											<div class="dropdown dropdown-badge dropdown-sm">
												<button type="button" class="btn btn-xs light dropdown-toggle btn-warning" data-bs-toggle="dropdown" aria-expanded="false">
													Testing
												</button>
												<ul class="dropdown-menu dropdown-badge-menu">
													<li><a class="dropdown-item" data-badge="btn-warning" href="javascript:void(0);">Testing</a></li>
													<li><a class="dropdown-item" data-badge="btn-success" href="javascript:void(0);">Complete</a></li>
													<li><a class="dropdown-item" data-badge="btn-danger" href="javascript:void(0);">Pending</a></li>
													<li><a class="dropdown-item" data-badge="btn-info" href="javascript:void(0);">In Progress</a></li>
												</ul>
											</div>
										</div>
									</div>	
									<div class="card-footer d-flex justify-content-between">
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">Start Date</span>
											<span class="fs-13">06 Feb 2023</span>
										</div>
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">End Date</span>
											<span class="fs-13">06 Feb 2023</span>
										</div>
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">Priority</span>
											<div class="dropdown dropdown-badge dropdown-sm">
												<button type="button" class="btn btn-xs light dropdown-toggle btn-success" data-bs-toggle="dropdown" aria-expanded="false">
													High
												</button>
												<ul class="dropdown-menu dropdown-badge-menu">
													<li><a class="dropdown-item" data-badge="btn-primary" href="javascript:void(0);">Medium</a></li>
													<li><a class="dropdown-item" data-badge="btn-success" href="javascript:void(0);">High</a></li>
													<li><a class="dropdown-item" data-badge="btn-danger" href="javascript:void(0);">Low</a></li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<div class="card draggable-handle draggable">
									<div class="card-footer d-flex justify-content-between border-0">
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">Start Date</span>
											<span class="fs-13">06 Feb 2023</span>
										</div>
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">End Date</span>
											<span class="fs-13">06 Feb 2023</span>
										</div>
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">Priority</span>
											<div class="dropdown dropdown-badge dropdown-sm">
												<button type="button" class="btn btn-xs light dropdown-toggle btn-danger" data-bs-toggle="dropdown" aria-expanded="false">
													Low
												</button>
												<ul class="dropdown-menu dropdown-badge-menu">
													<li><a class="dropdown-item" data-badge="btn-primary" href="javascript:void(0);">Medium</a></li>
													<li><a class="dropdown-item" data-badge="btn-success" href="javascript:void(0);">High</a></li>
													<li><a class="dropdown-item" data-badge="btn-danger" href="javascript:void(0);">Low</a></li>
												</ul>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="col">
							<div class="ic-task-summary dropzoneContainer">
								<div class="card card-body border-warning p-3">
									<div class="d-flex justify-content-between align-items-center">
										<div class="clearfix">
											<h5 class="mb-0">Not Started</h5>
											<span>Tasks assigned to me: 18</span>
										</div>
										<div class="clearfix">
											<span class="badge-lg badge-warning light ms-1 rounded-pill totalCount">03</span>
										</div>
									</div>
								</div>
								<div class="card draggable-handle draggable">
									<div class="card-body">
										<div class="mb-2">
											<h6 class="mb-0">HTML template Issue Complete</h6>
											<span class="small d-block">INV-100023456</span>
										</div>
										<div class="avatar-list avatar-list-stacked">
											<img src="{% static 'hexabox/images/avatar/small/avatar1.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar3.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar4.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar2.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar5.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
										</div>
										<div class="my-2">
											<span class="badge-sm badge-primary light me-2">Issue</span>
											<span class="badge-sm badge-primary light">HTML</span>
										</div>
										<div class="d-flex align-items-center">
											<span class="mb-0 fw-medium text-secondary me-2">Status</span>
											<div class="dropdown dropdown-badge dropdown-sm">
												<button type="button" class="btn btn-xs light dropdown-toggle btn-warning" data-bs-toggle="dropdown" aria-expanded="false">
													Testing
												</button>
												<ul class="dropdown-menu dropdown-badge-menu">
													<li><a class="dropdown-item" data-badge="btn-warning" href="javascript:void(0);">Testing</a></li>
													<li><a class="dropdown-item" data-badge="btn-success" href="javascript:void(0);">Complete</a></li>
													<li><a class="dropdown-item" data-badge="btn-danger" href="javascript:void(0);">Pending</a></li>
													<li><a class="dropdown-item" data-badge="btn-info" href="javascript:void(0);">In Progress</a></li>
												</ul>
											</div>
										</div>
									</div>	
									<div class="card-footer d-flex justify-content-between">
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">Start Date</span>
											<span class="fs-13">06 Feb 2023</span>
										</div>
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">End Date</span>
											<span class="fs-13">06 Feb 2023</span>
										</div>
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">Priority</span>
											<div class="dropdown dropdown-badge dropdown-sm">
												<button type="button" class="btn btn-xs light dropdown-toggle btn-success" data-bs-toggle="dropdown" aria-expanded="false">
													High
												</button>
												<ul class="dropdown-menu dropdown-badge-menu">
													<li><a class="dropdown-item" data-badge="btn-primary" href="javascript:void(0);">Medium</a></li>
													<li><a class="dropdown-item" data-badge="btn-success" href="javascript:void(0);">High</a></li>
													<li><a class="dropdown-item" data-badge="btn-danger" href="javascript:void(0);">Low</a></li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<div class="card draggable-handle draggable">
									<div class="card-body">
										<div class="mb-2">
											<h6 class="mb-0">CSS template Issue Complete</h6>
											<span class="small d-block">INV-100023456</span>
										</div>
										<div class="avatar-list avatar-list-stacked">
											<img src="{% static 'hexabox/images/avatar/small/avatar1.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar3.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar4.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar2.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar5.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
										</div>
										<div class="my-2">
											<span class="badge-sm badge-primary light me-2">Issue</span>
											<span class="badge-sm badge-primary light">HTML</span>
										</div>
										<div class="d-flex align-items-center">
											<span class="mb-0 fw-medium text-secondary me-2">Status</span>
											<div class="dropdown dropdown-badge dropdown-sm">
												<button type="button" class="btn btn-xs light dropdown-toggle btn-warning" data-bs-toggle="dropdown" aria-expanded="false">
													Testing
												</button>
												<ul class="dropdown-menu dropdown-badge-menu">
													<li><a class="dropdown-item" data-badge="btn-warning" href="javascript:void(0);">Testing</a></li>
													<li><a class="dropdown-item" data-badge="btn-success" href="javascript:void(0);">Complete</a></li>
													<li><a class="dropdown-item" data-badge="btn-danger" href="javascript:void(0);">Pending</a></li>
													<li><a class="dropdown-item" data-badge="btn-info" href="javascript:void(0);">In Progress</a></li>
												</ul>
											</div>
										</div>
									</div>	
									<div class="card-footer d-flex justify-content-between">
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">Start Date</span>
											<span class="fs-13">06 Feb 2023</span>
										</div>
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">End Date</span>
											<span class="fs-13">06 Feb 2023</span>
										</div>
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">Priority</span>
											<div class="dropdown dropdown-badge dropdown-sm">
												<button type="button" class="btn btn-xs light dropdown-toggle btn-success" data-bs-toggle="dropdown" aria-expanded="false">
													High
												</button>
												<ul class="dropdown-menu dropdown-badge-menu">
													<li><a class="dropdown-item" data-badge="btn-primary" href="javascript:void(0);">Medium</a></li>
													<li><a class="dropdown-item" data-badge="btn-success" href="javascript:void(0);">High</a></li>
													<li><a class="dropdown-item" data-badge="btn-danger" href="javascript:void(0);">Low</a></li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<div class="card draggable-handle draggable">
									<div class="card-footer d-flex justify-content-between border-0">
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">Start Date</span>
											<span class="fs-13">06 Feb 2023</span>
										</div>
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">End Date</span>
											<span class="fs-13">06 Feb 2023</span>
										</div>
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">Priority</span>
											<div class="dropdown dropdown-badge dropdown-sm">
												<button type="button" class="btn btn-xs light dropdown-toggle btn-danger" data-bs-toggle="dropdown" aria-expanded="false">
													Low
												</button>
												<ul class="dropdown-menu dropdown-badge-menu">
													<li><a class="dropdown-item" data-badge="btn-primary" href="javascript:void(0);">Medium</a></li>
													<li><a class="dropdown-item" data-badge="btn-success" href="javascript:void(0);">High</a></li>
													<li><a class="dropdown-item" data-badge="btn-danger" href="javascript:void(0);">Low</a></li>
												</ul>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="col">
							<div class="ic-task-summary dropzoneContainer">
								<div class="card card-body border-danger p-3">
									<div class="d-flex justify-content-between align-items-center">
										<div class="clearfix">
											<h5 class="mb-0">Not Started</h5>
											<span>Tasks assigned to me: 18</span>
										</div>
										<div class="clearfix">
											<span class="badge-lg badge-danger light ms-1 rounded-pill totalCount">3</span>
										</div>
									</div>
								</div>
								<div class="card draggable-handle draggable">
									<div class="card-body">
										<div class="mb-2">
											<h6 class="mb-0">Javascript Issue Complete</h6>
											<span class="small d-block">INV-100023456</span>
										</div>
										<div class="avatar-list avatar-list-stacked">
											<img src="{% static 'hexabox/images/avatar/small/avatar1.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar3.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar4.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar2.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
										</div>
										<div class="my-2">
											<span class="badge-sm badge-primary light me-2">Issue</span>
											<span class="badge-sm badge-primary light">HTML</span>
										</div>
										<div class="d-flex align-items-center">
											<span class="mb-0 fw-medium text-secondary me-2">Status</span>
											<div class="dropdown dropdown-badge dropdown-sm">
												<button type="button" class="btn btn-xs light dropdown-toggle btn-warning" data-bs-toggle="dropdown" aria-expanded="false">
													Testing
												</button>
												<ul class="dropdown-menu dropdown-badge-menu">
													<li><a class="dropdown-item" data-badge="btn-warning" href="javascript:void(0);">Testing</a></li>
													<li><a class="dropdown-item" data-badge="btn-success" href="javascript:void(0);">Complete</a></li>
													<li><a class="dropdown-item" data-badge="btn-danger" href="javascript:void(0);">Pending</a></li>
													<li><a class="dropdown-item" data-badge="btn-info" href="javascript:void(0);">In Progress</a></li>
												</ul>
											</div>
										</div>
									</div>
									<div class="card-footer d-flex justify-content-between">
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">Start Date</span>
											<span class="fs-13">06 Feb 2023</span>
										</div>
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">End Date</span>
											<span class="fs-13">06 Feb 2023</span>
										</div>
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">Priority</span>
											<div class="dropdown dropdown-badge dropdown-sm mt-1">
												<button type="button" class="btn btn-xs light dropdown-toggle btn-success" data-bs-toggle="dropdown" aria-expanded="false">
													High
												</button>
												<ul class="dropdown-menu dropdown-badge-menu">
													<li><a class="dropdown-item" data-badge="btn-primary" href="javascript:void(0);">Medium</a></li>
													<li><a class="dropdown-item" data-badge="btn-success" href="javascript:void(0);">High</a></li>
													<li><a class="dropdown-item" data-badge="btn-danger" href="javascript:void(0);">Low</a></li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<div class="card draggable-handle draggable">
									<div class="card-body">
										<div class="mb-2">
											<h6 class="mb-0">CSS template Issue Complete</h6>
											<span class="small d-block">INV-100023456</span>
										</div>
										<div class="avatar-list avatar-list-stacked">
											<img src="{% static 'hexabox/images/avatar/small/avatar1.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar3.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar4.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar2.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar5.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
										</div>
										<div class="my-2">
											<span class="badge-sm badge-primary light me-2">Issue</span>
											<span class="badge-sm badge-primary light">HTML</span>
										</div>
									</div>	
									<div class="card-footer d-flex justify-content-between">
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">Start Date</span>
											<span class="fs-13">06 Feb 2023</span>
										</div>
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">End Date</span>
											<span class="fs-13">06 Feb 2023</span>
										</div>
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">Priority</span>
											<div class="dropdown dropdown-badge dropdown-sm">
												<button type="button" class="btn btn-xs light dropdown-toggle btn-success" data-bs-toggle="dropdown" aria-expanded="false">
													High
												</button>
												<ul class="dropdown-menu dropdown-badge-menu">
													<li><a class="dropdown-item" data-badge="btn-primary" href="javascript:void(0);">Medium</a></li>
													<li><a class="dropdown-item" data-badge="btn-success" href="javascript:void(0);">High</a></li>
													<li><a class="dropdown-item" data-badge="btn-danger" href="javascript:void(0);">Low</a></li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<div class="card draggable-handle draggable">
									<div class="card-footer d-flex justify-content-between border-0">
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">Start Date</span>
											<span class="fs-13">06 Feb 2023</span>
										</div>
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">End Date</span>
											<span class="fs-13">06 Feb 2023</span>
										</div>
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">Priority</span>
											<div class="dropdown dropdown-badge dropdown-sm">
												<button type="button" class="btn btn-xs light dropdown-toggle btn-danger" data-bs-toggle="dropdown" aria-expanded="false">
													Low
												</button>
												<ul class="dropdown-menu dropdown-badge-menu">
													<li><a class="dropdown-item" data-badge="btn-primary" href="javascript:void(0);">Medium</a></li>
													<li><a class="dropdown-item" data-badge="btn-success" href="javascript:void(0);">High</a></li>
													<li><a class="dropdown-item" data-badge="btn-danger" href="javascript:void(0);">Low</a></li>
												</ul>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="col">
							<div class="ic-task-summary dropzoneContainer">
								<div class="card card-body border-success p-3">
									<div class="d-flex justify-content-between align-items-center">
										<div class="clearfix">
											<h5 class="mb-0">Not Started</h5>
											<span>Tasks assigned to me: 18</span>
										</div>
										<div class="clearfix">
											<span class="badge-lg badge-success light ms-1 rounded-pill totalCount">3</span>
										</div>
									</div>
								</div>
								<div class="card draggable-handle draggable">
									<div class="card-body">
										<div class="mb-2">
											<h6 class="mb-0">HTML template Issue Complete</h6>
											<span class="small d-block">INV-100023456</span>
										</div>
										<div class="avatar-list avatar-list-stacked">
											<img src="{% static 'hexabox/images/avatar/small/avatar1.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar3.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar4.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar2.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar5.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
										</div>
										<div class="my-2">
											<span class="badge-sm badge-primary light me-2">Issue</span>
											<span class="badge-sm badge-primary light">HTML</span>
										</div>
										<div class="d-flex align-items-center">
											<span class="mb-0 fw-medium text-secondary me-2">Status</span>
											<div class="dropdown dropdown-badge dropdown-sm">
												<button type="button" class="btn btn-xs light dropdown-toggle btn-warning" data-bs-toggle="dropdown" aria-expanded="false">
													Testing
												</button>
												<ul class="dropdown-menu dropdown-badge-menu">
													<li><a class="dropdown-item" data-badge="btn-warning" href="javascript:void(0);">Testing</a></li>
													<li><a class="dropdown-item" data-badge="btn-success" href="javascript:void(0);">Complete</a></li>
													<li><a class="dropdown-item" data-badge="btn-danger" href="javascript:void(0);">Pending</a></li>
													<li><a class="dropdown-item" data-badge="btn-info" href="javascript:void(0);">In Progress</a></li>
												</ul>
											</div>
										</div>
									</div>	
									<div class="card-footer d-flex justify-content-between">
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">Start Date</span>
											<span class="fs-13">06 Feb 2023</span>
										</div>
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">End Date</span>
											<span class="fs-13">06 Feb 2023</span>
										</div>
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">Priority</span>
											<div class="dropdown dropdown-badge dropdown-sm">
												<button type="button" class="btn btn-xs light dropdown-toggle btn-success" data-bs-toggle="dropdown" aria-expanded="false">
													High
												</button>
												<ul class="dropdown-menu dropdown-badge-menu">
													<li><a class="dropdown-item" data-badge="btn-primary" href="javascript:void(0);">Medium</a></li>
													<li><a class="dropdown-item" data-badge="btn-success" href="javascript:void(0);">High</a></li>
													<li><a class="dropdown-item" data-badge="btn-danger" href="javascript:void(0);">Low</a></li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<div class="card draggable-handle draggable">
									<div class="card-body">
										<div class="mb-2">
											<h6 class="mb-0">HTML template Issue Complete</h6>
											<span class="small d-block">INV-100023456</span>
										</div>
										<div class="avatar-list avatar-list-stacked">
											<img src="{% static 'hexabox/images/avatar/small/avatar1.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar3.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar4.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar2.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
											<img src="{% static 'hexabox/images/avatar/small/avatar5.webp' %}" class="avatar avatar-xs rounded-circle border border-2 border-white" alt="">
										</div>
										<div class="my-2">
											<span class="badge-sm badge-primary light me-2">Issue</span>
											<span class="badge-sm badge-primary light">HTML</span>
										</div>
										<div class="d-flex align-items-center">
											<span class="mb-0 fw-medium text-secondary me-2">Status</span>
											<div class="dropdown dropdown-badge dropdown-sm">
												<button type="button" class="btn btn-xs light dropdown-toggle btn-warning" data-bs-toggle="dropdown" aria-expanded="false">
													Testing
												</button>
												<ul class="dropdown-menu dropdown-badge-menu">
													<li><a class="dropdown-item" data-badge="btn-warning" href="javascript:void(0);">Testing</a></li>
													<li><a class="dropdown-item" data-badge="btn-success" href="javascript:void(0);">Complete</a></li>
													<li><a class="dropdown-item" data-badge="btn-danger" href="javascript:void(0);">Pending</a></li>
													<li><a class="dropdown-item" data-badge="btn-info" href="javascript:void(0);">In Progress</a></li>
												</ul>
											</div>
										</div>
									</div>	
									<div class="card-footer d-flex justify-content-between">
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">Start Date</span>
											<span class="fs-13">06 Feb 2023</span>
										</div>
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">End Date</span>
											<span class="fs-13">06 Feb 2023</span>
										</div>
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">Priority</span>
											<div class="dropdown dropdown-badge dropdown-sm">
												<button type="button" class="btn btn-xs light dropdown-toggle btn-success" data-bs-toggle="dropdown" aria-expanded="false">
													High
												</button>
												<ul class="dropdown-menu dropdown-badge-menu">
													<li><a class="dropdown-item" data-badge="btn-primary" href="javascript:void(0);">Medium</a></li>
													<li><a class="dropdown-item" data-badge="btn-success" href="javascript:void(0);">High</a></li>
													<li><a class="dropdown-item" data-badge="btn-danger" href="javascript:void(0);">Low</a></li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<div class="card draggable-handle draggable">
									<div class="card-footer d-flex justify-content-between border-0">
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">Start Date</span>
											<span class="fs-13">06 Feb 2023</span>
										</div>
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">End Date</span>
											<span class="fs-13">06 Feb 2023</span>
										</div>
										<div class="clearfix">
											<span class="fs-12 text-primary d-block fw-medium">Priority</span>
											<div class="dropdown dropdown-badge dropdown-sm">
												<button type="button" class="btn btn-xs light dropdown-toggle btn-danger" data-bs-toggle="dropdown" aria-expanded="false">
													Low
												</button>
												<ul class="dropdown-menu dropdown-badge-menu">
													<li><a class="dropdown-item" data-badge="btn-primary" href="javascript:void(0);">Medium</a></li>
													<li><a class="dropdown-item" data-badge="btn-success" href="javascript:void(0);">High</a></li>
													<li><a class="dropdown-item" data-badge="btn-danger" href="javascript:void(0);">Low</a></li>
												</ul>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>	
					</div>
				</div>
				<!-- End - Task Summary -->

			</div>

{% endblock %}