@extends('layouts.kanbanapp')
@section('content')
<div class="container-fluid px-3">
            <div class="content">

                <!-- Start Content-->
                <div class="container-fluid">


                <div class="row">
                    <div class="col-lg-12">
                        <h2 class="fw-bold mb-4">To-Do-List</h2>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-12 d-flex w-75">
                        <p class="pt-1">Today you have </p>
                        <p class="f_14 ps-3"><span class="number text-white">3</span> To-do Task</p>
                        <p class="f_14 ps-3"><span class="number2 text-white">3</span> in progress </p>
                        <p class="f_14 ps-3"><span class="number3 text-white">3</span> Complated </p>
                        <p class="f_14 ps-3"><span class="number4 text-white">3</span> Backlog </p>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-6">
                        <div class="d-flex justify-content-between listName w-50  py-2">
                            <p class="mb-0 bg-white py-2 px-2">List </p>
                            <p class="mb-0 py-2">| Board |</p>
                            <p class="mb-0 py-2 pe-2">Timeline </p>
                            <p class="mb-0 py-2 pe-2">Due Task </p>

                        </div>
                    </div>

                    <div class="col-lg-6 text-end">
                        <a class="btn btn_trans btn-sm gap-2 align-items-center" aria-current="page" href="#">    
                            <svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M0.828111 0.627221C0.936177 0.394306 1.1696 0.245285 1.42636 0.245285H14.6165C14.8733 0.245285 15.1067 0.394306 15.2147 0.627221C15.3228 0.860135 15.2859 1.1346 15.1201 1.33065L9.99995 7.3852V12.7759C9.99995 13.0045 9.8816 13.2168 9.68716 13.3369C9.49273 13.4571 9.24994 13.468 9.0455 13.3658L6.40747 12.0468C6.18404 11.9351 6.04291 11.7067 6.04291 11.4569V7.3852L0.922782 1.33065C0.756983 1.1346 0.720045 0.860135 0.828111 0.627221ZM2.8478 1.5643L7.20599 6.71786C7.30668 6.83692 7.36192 6.9878 7.36192 7.14372V11.0493L8.68093 11.7088V7.14372C8.68093 6.9878 8.73618 6.83692 8.83686 6.71786L13.1951 1.5643H2.8478Z" fill="#151515"/>
                            </svg>
                            Filter
                        </a>

                        <a class="btn btnBoard btn-sm gap-2 align-items-center" aria-current="page" href="#" target="_blank">
                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M8.238 3.21387C8.57945 3.21387 8.85624 3.49067 8.85624 3.83211V12.4876C8.85624 12.829 8.57945 13.1058 8.238 13.1058C7.89655 13.1058 7.61975 12.829 7.61975 12.4876V3.83211C7.61975 3.49067 7.89655 3.21387 8.238 3.21387Z" fill="#ffffff"/>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M3.29199 8.15975C3.29199 7.8183 3.56879 7.5415 3.91024 7.5415H12.5657C12.9071 7.5415 13.1839 7.8183 13.1839 8.15975C13.1839 8.5012 12.9071 8.778 12.5657 8.778H3.91024C3.56879 8.778 3.29199 8.5012 3.29199 8.15975Z" fill="#ffffff"/>
                            </svg>
                            New board
                        </a>
                    </div>


                    <div class="row">
                        <div class="col-12">
                            <div class="page-title-box">
                                <h4 class="page-title">Kanban Board
                                    <a href="#" data-bs-toggle="modal" data-bs-target="#add-new-task-modal" class="btn btn-primary btn-sm ms-3">Add New</a>
                                </h4>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-12">
                            <div class="board">
                                <div class="tasks" data-plugin="dragula" data-containers='["task-list-one", "task-list-two", "task-list-three", "task-list-four"]'>

                                <div class="d-flex justify-content-between task-header ">
                                    <p class="head">To do<span class="roundNum ms-2">3</span></p>

                                    <div class="d-flex">
                                        
                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="mt-1">
                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M8.238 3.21387C8.57945 3.21387 8.85624 3.49067 8.85624 3.83211V12.4876C8.85624 12.829 8.57945 13.1058 8.238 13.1058C7.89655 13.1058 7.61975 12.829 7.61975 12.4876V3.83211C7.61975 3.49067 7.89655 3.21387 8.238 3.21387Z" fill="#4D4D4D"></path>
                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M3.29199 8.15975C3.29199 7.8183 3.56879 7.5415 3.91024 7.5415H12.5657C12.9071 7.5415 13.1839 7.8183 13.1839 8.15975C13.1839 8.5012 12.9071 8.778 12.5657 8.778H3.91024C3.56879 8.778 3.29199 8.5012 3.29199 8.15975Z" fill="#4D4D4D"></path>
                                        </svg>

                                        <div class="dropdown">
                                            <button class="btn btn-white px-2 py-0 " type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
                                                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.61792 8.08057C6.61792 7.41684 7.15598 6.87878 7.8197 6.87878C8.48343 6.87878 9.02148 7.41684 9.02148 8.08057C9.02148 8.74429 8.48343 9.28235 7.8197 9.28235C7.15598 9.28235 6.61792 8.74429 6.61792 8.08057Z" fill="#4D4D4D"></path>
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.61792 3.87439C6.61792 3.21066 7.15598 2.67261 7.8197 2.67261C8.48343 2.67261 9.02148 3.21066 9.02148 3.87439C9.02148 4.53812 8.48343 5.07617 7.8197 5.07617C7.15598 5.07617 6.61792 4.53812 6.61792 3.87439Z" fill="#4D4D4D"></path>
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.61792 12.2867C6.61792 11.623 7.15598 11.085 7.8197 11.085C8.48343 11.085 9.02148 11.623 9.02148 12.2867C9.02148 12.9505 8.48343 13.4885 7.8197 13.4885C7.15598 13.4885 6.61792 12.9505 6.61792 12.2867Z" fill="#4D4D4D"></path>
                                                </svg>
                                            </button>
                                            <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
                                                <li><a class="dropdown-item" href="#">Action</a></li>
                                                <li><a class="dropdown-item" href="#">Another action</a></li>
                                                <li><a class="dropdown-item" href="#">Something else here</a></li>
                                            </ul>
                                        </div>

                                    </div>
                                </div>

                                    <div id="task-list-one" class="task-list-items">

                                        <!-- Task Item -->
                                        <div class="card mb-0 boxShadowCard">
                                            <div class="card-body p-3">
                                                <p class="float-end text-muted">27 Oct</p>
                                                <span class="">Due:</span>

                                                <div class="d-flex mt-2">
                                                    <p class="txt_repair px-2">Repairing</p>
                                                    <p class="txtPlumber px-3 ms-2">Plumber</p>
                                                </div>

                                                <p class="mt-2 mb-0 f_18 text-dark">Your Task</p>
                                                <p>About Task.................................................</p>


                                                <div class="d-flex justify-content-between">
                                                    <p class="pt-2"> <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M13.7435 2.4941C13.9715 2.7221 13.9715 3.09178 13.7435 3.31979L7.90499 9.15831C7.67698 9.38632 7.30731 9.38632 7.0793 9.15831L5.32774 7.40675C5.09974 7.17874 5.09974 6.80907 5.32774 6.58106C5.55575 6.35305 5.92543 6.35305 6.15344 6.58106L7.49215 7.91977L12.9178 2.4941C13.1458 2.26609 13.5155 2.26609 13.7435 2.4941Z" fill="#151515"/>
                                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M3.40488 2.90684C3.25003 2.90684 3.10152 2.96835 2.99203 3.07785C2.88254 3.18734 2.82102 3.33584 2.82102 3.49069V11.6646C2.82102 11.8195 2.88254 11.968 2.99203 12.0775C3.10152 12.187 3.25003 12.2485 3.40488 12.2485H11.5788C11.7337 12.2485 11.8822 12.187 11.9917 12.0775C12.1011 11.968 12.1627 11.8195 12.1627 11.6646V7.57766C12.1627 7.2552 12.4241 6.9938 12.7465 6.9938C13.069 6.9938 13.3304 7.2552 13.3304 7.57766V11.6646C13.3304 12.1292 13.1458 12.5747 12.8173 12.9032C12.4889 13.2316 12.0433 13.4162 11.5788 13.4162H3.40488C2.94033 13.4162 2.49482 13.2316 2.16634 12.9032C1.83786 12.5747 1.65332 12.1292 1.65332 11.6646V3.49069C1.65332 3.02615 1.83786 2.58064 2.16634 2.25215C2.49482 1.92367 2.94034 1.73914 3.40488 1.73914H9.82725C10.1497 1.73914 10.4111 2.00054 10.4111 2.32299C10.4111 2.64544 10.1497 2.90684 9.82725 2.90684H3.40488Z" fill="#151515"/>
                                                        </svg>
                                                        2</p>

                                                    <div class="d-flex justify-content-center p-2 bg-white user-images">
                                                        <img class="rounded-circle" src="https://i.imgur.com/rQMmlf6.jpg" width="20">
                                                        <img class="rounded-circle" src="https://i.imgur.com/zE0TPlF.jpg" width="20">
                                                    </div>
                                                </div>                                           
                                                
                                            </div> <!-- end card-body -->
                                        </div>
                                        <!-- Task Item End -->

                                        <!-- Task Item -->
                                        <div class="card mb-0 boxShadowCard">
                                            <div class="card-body p-3">
                                                <p class="float-end text-muted">27 Oct</p>
                                                <span class="">Due:</span>

                                                <div class="d-flex mt-2">
                                                    <p class="txt_repair px-2">Repairing</p>
                                                    <p class="txtPlumber px-3 ms-2">Plumber</p>
                                                </div>

                                                <p class="mt-2 mb-0 f_18 text-dark">Your Task</p>
                                                <p>About Task.................................................</p>


                                                <div class="d-flex justify-content-between">
                                                    <p class="pt-2"> <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M13.7435 2.4941C13.9715 2.7221 13.9715 3.09178 13.7435 3.31979L7.90499 9.15831C7.67698 9.38632 7.30731 9.38632 7.0793 9.15831L5.32774 7.40675C5.09974 7.17874 5.09974 6.80907 5.32774 6.58106C5.55575 6.35305 5.92543 6.35305 6.15344 6.58106L7.49215 7.91977L12.9178 2.4941C13.1458 2.26609 13.5155 2.26609 13.7435 2.4941Z" fill="#151515"/>
                                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M3.40488 2.90684C3.25003 2.90684 3.10152 2.96835 2.99203 3.07785C2.88254 3.18734 2.82102 3.33584 2.82102 3.49069V11.6646C2.82102 11.8195 2.88254 11.968 2.99203 12.0775C3.10152 12.187 3.25003 12.2485 3.40488 12.2485H11.5788C11.7337 12.2485 11.8822 12.187 11.9917 12.0775C12.1011 11.968 12.1627 11.8195 12.1627 11.6646V7.57766C12.1627 7.2552 12.4241 6.9938 12.7465 6.9938C13.069 6.9938 13.3304 7.2552 13.3304 7.57766V11.6646C13.3304 12.1292 13.1458 12.5747 12.8173 12.9032C12.4889 13.2316 12.0433 13.4162 11.5788 13.4162H3.40488C2.94033 13.4162 2.49482 13.2316 2.16634 12.9032C1.83786 12.5747 1.65332 12.1292 1.65332 11.6646V3.49069C1.65332 3.02615 1.83786 2.58064 2.16634 2.25215C2.49482 1.92367 2.94034 1.73914 3.40488 1.73914H9.82725C10.1497 1.73914 10.4111 2.00054 10.4111 2.32299C10.4111 2.64544 10.1497 2.90684 9.82725 2.90684H3.40488Z" fill="#151515"/>
                                                        </svg>
                                                        2</p>

                                                    <div class="d-flex justify-content-center p-2 bg-white user-images">
                                                        <img class="rounded-circle" src="https://i.imgur.com/rQMmlf6.jpg" width="20">
                                                        <img class="rounded-circle" src="https://i.imgur.com/zE0TPlF.jpg" width="20">
                                                    </div>
                                                </div>                                           
                                                
                                            </div> <!-- end card-body -->
                                        </div>
                                        <!-- Task Item End -->

                                        <!-- Task Item -->
                                        <div class="card mb-0 boxShadowCard">
                                            <div class="card-body p-3">
                                                <p class="float-end text-muted">27 Oct</p>
                                                <span class="">Due:</span>

                                                <div class="d-flex mt-2">
                                                    <p class="txt_repair px-2">Repairing</p>
                                                    <p class="txtPlumber px-3 ms-2">Plumber</p>
                                                </div>

                                                <p class="mt-2 mb-0 f_18 text-dark">Your Task</p>
                                                <p>About Task.................................................</p>


                                                <div class="d-flex justify-content-between">
                                                    <p class="pt-2"> <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M13.7435 2.4941C13.9715 2.7221 13.9715 3.09178 13.7435 3.31979L7.90499 9.15831C7.67698 9.38632 7.30731 9.38632 7.0793 9.15831L5.32774 7.40675C5.09974 7.17874 5.09974 6.80907 5.32774 6.58106C5.55575 6.35305 5.92543 6.35305 6.15344 6.58106L7.49215 7.91977L12.9178 2.4941C13.1458 2.26609 13.5155 2.26609 13.7435 2.4941Z" fill="#151515"/>
                                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M3.40488 2.90684C3.25003 2.90684 3.10152 2.96835 2.99203 3.07785C2.88254 3.18734 2.82102 3.33584 2.82102 3.49069V11.6646C2.82102 11.8195 2.88254 11.968 2.99203 12.0775C3.10152 12.187 3.25003 12.2485 3.40488 12.2485H11.5788C11.7337 12.2485 11.8822 12.187 11.9917 12.0775C12.1011 11.968 12.1627 11.8195 12.1627 11.6646V7.57766C12.1627 7.2552 12.4241 6.9938 12.7465 6.9938C13.069 6.9938 13.3304 7.2552 13.3304 7.57766V11.6646C13.3304 12.1292 13.1458 12.5747 12.8173 12.9032C12.4889 13.2316 12.0433 13.4162 11.5788 13.4162H3.40488C2.94033 13.4162 2.49482 13.2316 2.16634 12.9032C1.83786 12.5747 1.65332 12.1292 1.65332 11.6646V3.49069C1.65332 3.02615 1.83786 2.58064 2.16634 2.25215C2.49482 1.92367 2.94034 1.73914 3.40488 1.73914H9.82725C10.1497 1.73914 10.4111 2.00054 10.4111 2.32299C10.4111 2.64544 10.1497 2.90684 9.82725 2.90684H3.40488Z" fill="#151515"/>
                                                        </svg>
                                                        2</p>

                                                    <div class="d-flex justify-content-center p-2 bg-white user-images">
                                                        <img class="rounded-circle" src="https://i.imgur.com/rQMmlf6.jpg" width="20">
                                                        <img class="rounded-circle" src="https://i.imgur.com/zE0TPlF.jpg" width="20">
                                                    </div>
                                                </div>                                           
                                                
                                            </div> <!-- end card-body -->
                                        </div>
                                        <!-- Task Item End -->

                                    </div> <!-- end company-list-1-->
                                </div>

                                <div class="tasks">
                                    <!-- <h5 class="mt-0 task-header text-uppercase">In Progress (2)</h5> -->
                                    <div class="d-flex justify-content-between task-header ">
                                    <p class="head2">In progress<span class="roundNum2 ms-2">3</span></p>

                                    <div class="d-flex">
                                        
                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="mt-1">
                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M8.238 3.21387C8.57945 3.21387 8.85624 3.49067 8.85624 3.83211V12.4876C8.85624 12.829 8.57945 13.1058 8.238 13.1058C7.89655 13.1058 7.61975 12.829 7.61975 12.4876V3.83211C7.61975 3.49067 7.89655 3.21387 8.238 3.21387Z" fill="#4D4D4D"></path>
                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M3.29199 8.15975C3.29199 7.8183 3.56879 7.5415 3.91024 7.5415H12.5657C12.9071 7.5415 13.1839 7.8183 13.1839 8.15975C13.1839 8.5012 12.9071 8.778 12.5657 8.778H3.91024C3.56879 8.778 3.29199 8.5012 3.29199 8.15975Z" fill="#4D4D4D"></path>
                                        </svg>

                                        <div class="dropdown">
                                            <button class="btn btn-white px-2 py-0 " type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
                                                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.61792 8.08057C6.61792 7.41684 7.15598 6.87878 7.8197 6.87878C8.48343 6.87878 9.02148 7.41684 9.02148 8.08057C9.02148 8.74429 8.48343 9.28235 7.8197 9.28235C7.15598 9.28235 6.61792 8.74429 6.61792 8.08057Z" fill="#4D4D4D"></path>
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.61792 3.87439C6.61792 3.21066 7.15598 2.67261 7.8197 2.67261C8.48343 2.67261 9.02148 3.21066 9.02148 3.87439C9.02148 4.53812 8.48343 5.07617 7.8197 5.07617C7.15598 5.07617 6.61792 4.53812 6.61792 3.87439Z" fill="#4D4D4D"></path>
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.61792 12.2867C6.61792 11.623 7.15598 11.085 7.8197 11.085C8.48343 11.085 9.02148 11.623 9.02148 12.2867C9.02148 12.9505 8.48343 13.4885 7.8197 13.4885C7.15598 13.4885 6.61792 12.9505 6.61792 12.2867Z" fill="#4D4D4D"></path>
                                                </svg>
                                            </button>
                                            <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
                                                <li><a class="dropdown-item" href="#">Action</a></li>
                                                <li><a class="dropdown-item" href="#">Another action</a></li>
                                                <li><a class="dropdown-item" href="#">Something else here</a></li>
                                            </ul>
                                        </div>

                                    </div>
                                </div>

                                    <div id="task-list-two" class="task-list-items">

                                        <!-- Task Item -->
                                        <div class="card mb-0 boxShadowCard">
                                            <div class="card-body p-3">
                                                <p class="float-end text-muted">27 Oct</p>
                                                <span class="">Due:</span>

                                                <div class="d-flex mt-2">
                                                    <p class="txt_repair px-2">Repairing</p>
                                                    <p class="txtPlumber px-3 ms-2">Plumber</p>
                                                </div>

                                                <p class="mt-2 mb-0 f_18 text-dark">Your Task</p>
                                                <p>About Task.................................................</p>


                                                <div class="d-flex justify-content-between">
                                                    <p class="pt-2"> <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M13.7435 2.4941C13.9715 2.7221 13.9715 3.09178 13.7435 3.31979L7.90499 9.15831C7.67698 9.38632 7.30731 9.38632 7.0793 9.15831L5.32774 7.40675C5.09974 7.17874 5.09974 6.80907 5.32774 6.58106C5.55575 6.35305 5.92543 6.35305 6.15344 6.58106L7.49215 7.91977L12.9178 2.4941C13.1458 2.26609 13.5155 2.26609 13.7435 2.4941Z" fill="#151515"/>
                                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M3.40488 2.90684C3.25003 2.90684 3.10152 2.96835 2.99203 3.07785C2.88254 3.18734 2.82102 3.33584 2.82102 3.49069V11.6646C2.82102 11.8195 2.88254 11.968 2.99203 12.0775C3.10152 12.187 3.25003 12.2485 3.40488 12.2485H11.5788C11.7337 12.2485 11.8822 12.187 11.9917 12.0775C12.1011 11.968 12.1627 11.8195 12.1627 11.6646V7.57766C12.1627 7.2552 12.4241 6.9938 12.7465 6.9938C13.069 6.9938 13.3304 7.2552 13.3304 7.57766V11.6646C13.3304 12.1292 13.1458 12.5747 12.8173 12.9032C12.4889 13.2316 12.0433 13.4162 11.5788 13.4162H3.40488C2.94033 13.4162 2.49482 13.2316 2.16634 12.9032C1.83786 12.5747 1.65332 12.1292 1.65332 11.6646V3.49069C1.65332 3.02615 1.83786 2.58064 2.16634 2.25215C2.49482 1.92367 2.94034 1.73914 3.40488 1.73914H9.82725C10.1497 1.73914 10.4111 2.00054 10.4111 2.32299C10.4111 2.64544 10.1497 2.90684 9.82725 2.90684H3.40488Z" fill="#151515"/>
                                                        </svg>
                                                        2</p>

                                                    <div class="d-flex justify-content-center p-2 bg-white user-images">
                                                        <img class="rounded-circle" src="https://i.imgur.com/rQMmlf6.jpg" width="20">
                                                        <img class="rounded-circle" src="https://i.imgur.com/zE0TPlF.jpg" width="20">
                                                    </div>
                                                </div>                                           
                                                
                                            </div> <!-- end card-body -->
                                        </div>
                                        <!-- Task Item End -->

                                        <!-- Task Item -->
                                        <div class="card mb-0 boxShadowCard">
                                            <div class="card-body p-3">
                                                <p class="float-end text-muted">27 Oct</p>
                                                <span class="">Due:</span>

                                                <div class="d-flex mt-2">
                                                    <p class="txt_repair px-2">Repairing</p>
                                                    <p class="txtPlumber px-3 ms-2">Plumber</p>
                                                </div>

                                                <p class="mt-2 mb-0 f_18 text-dark">Your Task</p>
                                                <p>About Task.................................................</p>


                                                <div class="d-flex justify-content-between">
                                                    <p class="pt-2"> <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M13.7435 2.4941C13.9715 2.7221 13.9715 3.09178 13.7435 3.31979L7.90499 9.15831C7.67698 9.38632 7.30731 9.38632 7.0793 9.15831L5.32774 7.40675C5.09974 7.17874 5.09974 6.80907 5.32774 6.58106C5.55575 6.35305 5.92543 6.35305 6.15344 6.58106L7.49215 7.91977L12.9178 2.4941C13.1458 2.26609 13.5155 2.26609 13.7435 2.4941Z" fill="#151515"/>
                                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M3.40488 2.90684C3.25003 2.90684 3.10152 2.96835 2.99203 3.07785C2.88254 3.18734 2.82102 3.33584 2.82102 3.49069V11.6646C2.82102 11.8195 2.88254 11.968 2.99203 12.0775C3.10152 12.187 3.25003 12.2485 3.40488 12.2485H11.5788C11.7337 12.2485 11.8822 12.187 11.9917 12.0775C12.1011 11.968 12.1627 11.8195 12.1627 11.6646V7.57766C12.1627 7.2552 12.4241 6.9938 12.7465 6.9938C13.069 6.9938 13.3304 7.2552 13.3304 7.57766V11.6646C13.3304 12.1292 13.1458 12.5747 12.8173 12.9032C12.4889 13.2316 12.0433 13.4162 11.5788 13.4162H3.40488C2.94033 13.4162 2.49482 13.2316 2.16634 12.9032C1.83786 12.5747 1.65332 12.1292 1.65332 11.6646V3.49069C1.65332 3.02615 1.83786 2.58064 2.16634 2.25215C2.49482 1.92367 2.94034 1.73914 3.40488 1.73914H9.82725C10.1497 1.73914 10.4111 2.00054 10.4111 2.32299C10.4111 2.64544 10.1497 2.90684 9.82725 2.90684H3.40488Z" fill="#151515"/>
                                                        </svg>
                                                        2</p>

                                                    <div class="d-flex justify-content-center p-2 bg-white user-images">
                                                        <img class="rounded-circle" src="https://i.imgur.com/rQMmlf6.jpg" width="20">
                                                        <img class="rounded-circle" src="https://i.imgur.com/zE0TPlF.jpg" width="20">
                                                    </div>
                                                </div>                                           
                                                
                                            </div> <!-- end card-body -->
                                        </div>
                                        <!-- Task Item End -->

                                    </div> <!-- end company-list-2-->
                                </div>


                                <div class="tasks">
                                    <div class="d-flex justify-content-between task-header ">
                                    <p class="head4">Completed<span class="roundNum4 ms-2">3</span></p>

                                    <div class="d-flex">
                                        
                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="mt-1">
                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M8.238 3.21387C8.57945 3.21387 8.85624 3.49067 8.85624 3.83211V12.4876C8.85624 12.829 8.57945 13.1058 8.238 13.1058C7.89655 13.1058 7.61975 12.829 7.61975 12.4876V3.83211C7.61975 3.49067 7.89655 3.21387 8.238 3.21387Z" fill="#4D4D4D"></path>
                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M3.29199 8.15975C3.29199 7.8183 3.56879 7.5415 3.91024 7.5415H12.5657C12.9071 7.5415 13.1839 7.8183 13.1839 8.15975C13.1839 8.5012 12.9071 8.778 12.5657 8.778H3.91024C3.56879 8.778 3.29199 8.5012 3.29199 8.15975Z" fill="#4D4D4D"></path>
                                        </svg>

                                        <div class="dropdown">
                                            <button class="btn btn-white px-2 py-0 " type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
                                                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.61792 8.08057C6.61792 7.41684 7.15598 6.87878 7.8197 6.87878C8.48343 6.87878 9.02148 7.41684 9.02148 8.08057C9.02148 8.74429 8.48343 9.28235 7.8197 9.28235C7.15598 9.28235 6.61792 8.74429 6.61792 8.08057Z" fill="#4D4D4D"></path>
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.61792 3.87439C6.61792 3.21066 7.15598 2.67261 7.8197 2.67261C8.48343 2.67261 9.02148 3.21066 9.02148 3.87439C9.02148 4.53812 8.48343 5.07617 7.8197 5.07617C7.15598 5.07617 6.61792 4.53812 6.61792 3.87439Z" fill="#4D4D4D"></path>
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.61792 12.2867C6.61792 11.623 7.15598 11.085 7.8197 11.085C8.48343 11.085 9.02148 11.623 9.02148 12.2867C9.02148 12.9505 8.48343 13.4885 7.8197 13.4885C7.15598 13.4885 6.61792 12.9505 6.61792 12.2867Z" fill="#4D4D4D"></path>
                                                </svg>
                                            </button>
                                            <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
                                                <li><a class="dropdown-item" href="#">Action</a></li>
                                                <li><a class="dropdown-item" href="#">Another action</a></li>
                                                <li><a class="dropdown-item" href="#">Something else here</a></li>
                                            </ul>
                                        </div>

                                    </div>
                                </div>

                                    <div id="task-list-three" class="task-list-items">

                                        <!-- Task Item -->
                                        <div class="card mb-0 boxShadowCard">
                                            <div class="card-body p-3">
                                                <p class="float-end text-muted">27 Oct</p>
                                                <span class="">Due:</span>

                                                <div class="d-flex mt-2">
                                                    <p class="txt_repair px-2">Repairing</p>
                                                    <p class="txtPlumber px-3 ms-2">Plumber</p>
                                                </div>

                                                <p class="mt-2 mb-0 f_18 text-dark">Your Task</p>
                                                <p>About Task.................................................</p>


                                                <div class="d-flex justify-content-between">
                                                    <p class="pt-2"> <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M13.7435 2.4941C13.9715 2.7221 13.9715 3.09178 13.7435 3.31979L7.90499 9.15831C7.67698 9.38632 7.30731 9.38632 7.0793 9.15831L5.32774 7.40675C5.09974 7.17874 5.09974 6.80907 5.32774 6.58106C5.55575 6.35305 5.92543 6.35305 6.15344 6.58106L7.49215 7.91977L12.9178 2.4941C13.1458 2.26609 13.5155 2.26609 13.7435 2.4941Z" fill="#151515"/>
                                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M3.40488 2.90684C3.25003 2.90684 3.10152 2.96835 2.99203 3.07785C2.88254 3.18734 2.82102 3.33584 2.82102 3.49069V11.6646C2.82102 11.8195 2.88254 11.968 2.99203 12.0775C3.10152 12.187 3.25003 12.2485 3.40488 12.2485H11.5788C11.7337 12.2485 11.8822 12.187 11.9917 12.0775C12.1011 11.968 12.1627 11.8195 12.1627 11.6646V7.57766C12.1627 7.2552 12.4241 6.9938 12.7465 6.9938C13.069 6.9938 13.3304 7.2552 13.3304 7.57766V11.6646C13.3304 12.1292 13.1458 12.5747 12.8173 12.9032C12.4889 13.2316 12.0433 13.4162 11.5788 13.4162H3.40488C2.94033 13.4162 2.49482 13.2316 2.16634 12.9032C1.83786 12.5747 1.65332 12.1292 1.65332 11.6646V3.49069C1.65332 3.02615 1.83786 2.58064 2.16634 2.25215C2.49482 1.92367 2.94034 1.73914 3.40488 1.73914H9.82725C10.1497 1.73914 10.4111 2.00054 10.4111 2.32299C10.4111 2.64544 10.1497 2.90684 9.82725 2.90684H3.40488Z" fill="#151515"/>
                                                        </svg>
                                                        2</p>

                                                    <div class="d-flex justify-content-center p-2 bg-white user-images">
                                                        <img class="rounded-circle" src="https://i.imgur.com/rQMmlf6.jpg" width="20">
                                                        <img class="rounded-circle" src="https://i.imgur.com/zE0TPlF.jpg" width="20">
                                                    </div>
                                                </div>                                           
                                                
                                            </div> <!-- end card-body -->
                                        </div>
                                        <!-- Task Item End -->

                                        <!-- Task Item -->
                                        <div class="card mb-0 boxShadowCard">
                                            <div class="card-body p-3">
                                                <p class="float-end text-muted">27 Oct</p>
                                                <span class="">Due:</span>

                                                <div class="d-flex mt-2">
                                                    <p class="txt_repair px-2">Repairing</p>
                                                    <p class="txtPlumber px-3 ms-2">Plumber</p>
                                                </div>

                                                <p class="mt-2 mb-0 f_18 text-dark">Your Task</p>
                                                <p>About Task.................................................</p>


                                                <div class="d-flex justify-content-between">
                                                    <p class="pt-2"> <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M13.7435 2.4941C13.9715 2.7221 13.9715 3.09178 13.7435 3.31979L7.90499 9.15831C7.67698 9.38632 7.30731 9.38632 7.0793 9.15831L5.32774 7.40675C5.09974 7.17874 5.09974 6.80907 5.32774 6.58106C5.55575 6.35305 5.92543 6.35305 6.15344 6.58106L7.49215 7.91977L12.9178 2.4941C13.1458 2.26609 13.5155 2.26609 13.7435 2.4941Z" fill="#151515"/>
                                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M3.40488 2.90684C3.25003 2.90684 3.10152 2.96835 2.99203 3.07785C2.88254 3.18734 2.82102 3.33584 2.82102 3.49069V11.6646C2.82102 11.8195 2.88254 11.968 2.99203 12.0775C3.10152 12.187 3.25003 12.2485 3.40488 12.2485H11.5788C11.7337 12.2485 11.8822 12.187 11.9917 12.0775C12.1011 11.968 12.1627 11.8195 12.1627 11.6646V7.57766C12.1627 7.2552 12.4241 6.9938 12.7465 6.9938C13.069 6.9938 13.3304 7.2552 13.3304 7.57766V11.6646C13.3304 12.1292 13.1458 12.5747 12.8173 12.9032C12.4889 13.2316 12.0433 13.4162 11.5788 13.4162H3.40488C2.94033 13.4162 2.49482 13.2316 2.16634 12.9032C1.83786 12.5747 1.65332 12.1292 1.65332 11.6646V3.49069C1.65332 3.02615 1.83786 2.58064 2.16634 2.25215C2.49482 1.92367 2.94034 1.73914 3.40488 1.73914H9.82725C10.1497 1.73914 10.4111 2.00054 10.4111 2.32299C10.4111 2.64544 10.1497 2.90684 9.82725 2.90684H3.40488Z" fill="#151515"/>
                                                        </svg>
                                                        2</p>

                                                    <div class="d-flex justify-content-center p-2 bg-white user-images">
                                                        <img class="rounded-circle" src="https://i.imgur.com/rQMmlf6.jpg" width="20">
                                                        <img class="rounded-circle" src="https://i.imgur.com/zE0TPlF.jpg" width="20">
                                                    </div>
                                                </div>                                           
                                                
                                            </div> <!-- end card-body -->
                                        </div>
                                        <!-- Task Item End -->

                                        <!-- Task Item -->
                                        <div class="card mb-0 boxShadowCard">
                                            <div class="card-body p-3">
                                                <p class="float-end text-muted">27 Oct</p>
                                                <span class="">Due:</span>

                                                <div class="d-flex mt-2">
                                                    <p class="txt_repair px-2">Repairing</p>
                                                    <p class="txtPlumber px-3 ms-2">Plumber</p>
                                                </div>

                                                <p class="mt-2 mb-0 f_18 text-dark">Your Task</p>
                                                <p>About Task.................................................</p>


                                                <div class="d-flex justify-content-between">
                                                    <p class="pt-2"> <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M13.7435 2.4941C13.9715 2.7221 13.9715 3.09178 13.7435 3.31979L7.90499 9.15831C7.67698 9.38632 7.30731 9.38632 7.0793 9.15831L5.32774 7.40675C5.09974 7.17874 5.09974 6.80907 5.32774 6.58106C5.55575 6.35305 5.92543 6.35305 6.15344 6.58106L7.49215 7.91977L12.9178 2.4941C13.1458 2.26609 13.5155 2.26609 13.7435 2.4941Z" fill="#151515"/>
                                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M3.40488 2.90684C3.25003 2.90684 3.10152 2.96835 2.99203 3.07785C2.88254 3.18734 2.82102 3.33584 2.82102 3.49069V11.6646C2.82102 11.8195 2.88254 11.968 2.99203 12.0775C3.10152 12.187 3.25003 12.2485 3.40488 12.2485H11.5788C11.7337 12.2485 11.8822 12.187 11.9917 12.0775C12.1011 11.968 12.1627 11.8195 12.1627 11.6646V7.57766C12.1627 7.2552 12.4241 6.9938 12.7465 6.9938C13.069 6.9938 13.3304 7.2552 13.3304 7.57766V11.6646C13.3304 12.1292 13.1458 12.5747 12.8173 12.9032C12.4889 13.2316 12.0433 13.4162 11.5788 13.4162H3.40488C2.94033 13.4162 2.49482 13.2316 2.16634 12.9032C1.83786 12.5747 1.65332 12.1292 1.65332 11.6646V3.49069C1.65332 3.02615 1.83786 2.58064 2.16634 2.25215C2.49482 1.92367 2.94034 1.73914 3.40488 1.73914H9.82725C10.1497 1.73914 10.4111 2.00054 10.4111 2.32299C10.4111 2.64544 10.1497 2.90684 9.82725 2.90684H3.40488Z" fill="#151515"/>
                                                        </svg>
                                                        2</p>

                                                    <div class="d-flex justify-content-center p-2 bg-white user-images">
                                                        <img class="rounded-circle" src="https://i.imgur.com/rQMmlf6.jpg" width="20">
                                                        <img class="rounded-circle" src="https://i.imgur.com/zE0TPlF.jpg" width="20">
                                                    </div>
                                                </div>                                           
                                                
                                            </div> <!-- end card-body -->
                                        </div>
                                        <!-- Task Item End -->

                                        <!-- Task Item -->
                                        <div class="card mb-0 boxShadowCard">
                                            <div class="card-body p-3">
                                                <p class="float-end text-muted">27 Oct</p>
                                                <span class="">Due:</span>

                                                <div class="d-flex mt-2">
                                                    <p class="txt_repair px-2">Repairing</p>
                                                    <p class="txtPlumber px-3 ms-2">Plumber</p>
                                                </div>

                                                <p class="mt-2 mb-0 f_18 text-dark">Your Task</p>
                                                <p>About Task.................................................</p>


                                                <div class="d-flex justify-content-between">
                                                    <p class="pt-2"> <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M13.7435 2.4941C13.9715 2.7221 13.9715 3.09178 13.7435 3.31979L7.90499 9.15831C7.67698 9.38632 7.30731 9.38632 7.0793 9.15831L5.32774 7.40675C5.09974 7.17874 5.09974 6.80907 5.32774 6.58106C5.55575 6.35305 5.92543 6.35305 6.15344 6.58106L7.49215 7.91977L12.9178 2.4941C13.1458 2.26609 13.5155 2.26609 13.7435 2.4941Z" fill="#151515"/>
                                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M3.40488 2.90684C3.25003 2.90684 3.10152 2.96835 2.99203 3.07785C2.88254 3.18734 2.82102 3.33584 2.82102 3.49069V11.6646C2.82102 11.8195 2.88254 11.968 2.99203 12.0775C3.10152 12.187 3.25003 12.2485 3.40488 12.2485H11.5788C11.7337 12.2485 11.8822 12.187 11.9917 12.0775C12.1011 11.968 12.1627 11.8195 12.1627 11.6646V7.57766C12.1627 7.2552 12.4241 6.9938 12.7465 6.9938C13.069 6.9938 13.3304 7.2552 13.3304 7.57766V11.6646C13.3304 12.1292 13.1458 12.5747 12.8173 12.9032C12.4889 13.2316 12.0433 13.4162 11.5788 13.4162H3.40488C2.94033 13.4162 2.49482 13.2316 2.16634 12.9032C1.83786 12.5747 1.65332 12.1292 1.65332 11.6646V3.49069C1.65332 3.02615 1.83786 2.58064 2.16634 2.25215C2.49482 1.92367 2.94034 1.73914 3.40488 1.73914H9.82725C10.1497 1.73914 10.4111 2.00054 10.4111 2.32299C10.4111 2.64544 10.1497 2.90684 9.82725 2.90684H3.40488Z" fill="#151515"/>
                                                        </svg>
                                                        2</p>

                                                    <div class="d-flex justify-content-center p-2 bg-white user-images">
                                                        <img class="rounded-circle" src="https://i.imgur.com/rQMmlf6.jpg" width="20">
                                                        <img class="rounded-circle" src="https://i.imgur.com/zE0TPlF.jpg" width="20">
                                                    </div>
                                                </div>                                           
                                                
                                            </div> <!-- end card-body -->
                                        </div>
                                        <!-- Task Item End -->

                                    </div> <!-- end company-list-3-->
                                </div>

                                <div class="tasks">
                                <div class="d-flex justify-content-between task-header ">
                                    <p class="head3">Backog<span class="roundNum3 ms-2">3</span></p>

                                    <div class="d-flex">
                                        
                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="mt-1">
                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M8.238 3.21387C8.57945 3.21387 8.85624 3.49067 8.85624 3.83211V12.4876C8.85624 12.829 8.57945 13.1058 8.238 13.1058C7.89655 13.1058 7.61975 12.829 7.61975 12.4876V3.83211C7.61975 3.49067 7.89655 3.21387 8.238 3.21387Z" fill="#4D4D4D"></path>
                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M3.29199 8.15975C3.29199 7.8183 3.56879 7.5415 3.91024 7.5415H12.5657C12.9071 7.5415 13.1839 7.8183 13.1839 8.15975C13.1839 8.5012 12.9071 8.778 12.5657 8.778H3.91024C3.56879 8.778 3.29199 8.5012 3.29199 8.15975Z" fill="#4D4D4D"></path>
                                        </svg>

                                        <div class="dropdown">
                                            <button class="btn btn-white px-2 py-0 " type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
                                                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.61792 8.08057C6.61792 7.41684 7.15598 6.87878 7.8197 6.87878C8.48343 6.87878 9.02148 7.41684 9.02148 8.08057C9.02148 8.74429 8.48343 9.28235 7.8197 9.28235C7.15598 9.28235 6.61792 8.74429 6.61792 8.08057Z" fill="#4D4D4D"></path>
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.61792 3.87439C6.61792 3.21066 7.15598 2.67261 7.8197 2.67261C8.48343 2.67261 9.02148 3.21066 9.02148 3.87439C9.02148 4.53812 8.48343 5.07617 7.8197 5.07617C7.15598 5.07617 6.61792 4.53812 6.61792 3.87439Z" fill="#4D4D4D"></path>
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M6.61792 12.2867C6.61792 11.623 7.15598 11.085 7.8197 11.085C8.48343 11.085 9.02148 11.623 9.02148 12.2867C9.02148 12.9505 8.48343 13.4885 7.8197 13.4885C7.15598 13.4885 6.61792 12.9505 6.61792 12.2867Z" fill="#4D4D4D"></path>
                                                </svg>
                                            </button>
                                            <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
                                                <li><a class="dropdown-item" href="#">Action</a></li>
                                                <li><a class="dropdown-item" href="#">Another action</a></li>
                                                <li><a class="dropdown-item" href="#">Something else here</a></li>
                                            </ul>
                                        </div>

                                    </div>
                                </div>

                                    <div id="task-list-four" class="task-list-items">

                                        <!-- Task Item -->
                                        <div class="card mb-0 boxShadowCard">
                                            <div class="card-body p-3">
                                                <p class="float-end text-muted">27 Oct</p>
                                                <span class="">Due:</span>

                                                <div class="d-flex mt-2">
                                                    <p class="txt_repair px-2">Repairing</p>
                                                    <p class="txtPlumber px-3 ms-2">Plumber</p>
                                                </div>

                                                <p class="mt-2 mb-0 f_18 text-dark">Your Task</p>
                                                <p>About Task.................................................</p>


                                                <div class="d-flex justify-content-between">
                                                    <p class="pt-2"> <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M13.7435 2.4941C13.9715 2.7221 13.9715 3.09178 13.7435 3.31979L7.90499 9.15831C7.67698 9.38632 7.30731 9.38632 7.0793 9.15831L5.32774 7.40675C5.09974 7.17874 5.09974 6.80907 5.32774 6.58106C5.55575 6.35305 5.92543 6.35305 6.15344 6.58106L7.49215 7.91977L12.9178 2.4941C13.1458 2.26609 13.5155 2.26609 13.7435 2.4941Z" fill="#151515"/>
                                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M3.40488 2.90684C3.25003 2.90684 3.10152 2.96835 2.99203 3.07785C2.88254 3.18734 2.82102 3.33584 2.82102 3.49069V11.6646C2.82102 11.8195 2.88254 11.968 2.99203 12.0775C3.10152 12.187 3.25003 12.2485 3.40488 12.2485H11.5788C11.7337 12.2485 11.8822 12.187 11.9917 12.0775C12.1011 11.968 12.1627 11.8195 12.1627 11.6646V7.57766C12.1627 7.2552 12.4241 6.9938 12.7465 6.9938C13.069 6.9938 13.3304 7.2552 13.3304 7.57766V11.6646C13.3304 12.1292 13.1458 12.5747 12.8173 12.9032C12.4889 13.2316 12.0433 13.4162 11.5788 13.4162H3.40488C2.94033 13.4162 2.49482 13.2316 2.16634 12.9032C1.83786 12.5747 1.65332 12.1292 1.65332 11.6646V3.49069C1.65332 3.02615 1.83786 2.58064 2.16634 2.25215C2.49482 1.92367 2.94034 1.73914 3.40488 1.73914H9.82725C10.1497 1.73914 10.4111 2.00054 10.4111 2.32299C10.4111 2.64544 10.1497 2.90684 9.82725 2.90684H3.40488Z" fill="#151515"/>
                                                        </svg>
                                                        2</p>

                                                    <div class="d-flex justify-content-center p-2 bg-white user-images">
                                                        <img class="rounded-circle" src="https://i.imgur.com/rQMmlf6.jpg" width="20">
                                                        <img class="rounded-circle" src="https://i.imgur.com/zE0TPlF.jpg" width="20">
                                                    </div>
                                                </div>                                           
                                                
                                            </div> <!-- end card-body -->
                                        </div>
                                        <!-- Task Item End -->

                                    </div> <!-- end company-list-4-->
                                </div>

                            </div> <!-- end .board-->
                        </div> <!-- end col -->
                    </div>
                    <!-- end row-->

                </div> <!-- container -->

            </div> <!-- content -->

          

         

               <!--  Add new task modal -->
    <div class="modal fade task-modal-content" id="add-new-task-modal" tabindex="-1" role="dialog"
        aria-labelledby="NewTaskModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="NewTaskModalLabel">Create New Task</h4>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form class="p-2">
                        <div class="mb-3">
                            <label class="form-label">Project</label>
                            <select class="form-select form-control-light">
                                <option>Select</option>
                                <option>Hyper - Admin Dashboard</option>
                                <option>CRM - Design &amp; Development</option>
                                <option>iOS - App Design</option>
                            </select>
                        </div>

                        <div class="row">
                            <div class="col-md-8">
                                <div class="mb-3">
                                    <label for="task-title" class="form-label">Title</label>
                                    <input type="text" class="form-control form-control-light" id="task-title"
                                        placeholder="Enter title">
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label for="task-priority2" class="form-label">Priority</label>
                                    <select class="form-select form-control-light" id="task-priority2">
                                        <option>Low</option>
                                        <option>Medium</option>
                                        <option>High</option>
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="mb-3">
                            <label for="task-description" class="form-label">Description</label>
                            <textarea class="form-control form-control-light" id="task-description" rows="3"></textarea>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="task-title" class="form-label">Assign To</label>
                                    <select class="form-select form-control-light" id="task-priority">
                                        <option>Coderthemes</option>
                                        <option>Robert Carlile</option>
                                        <option>Louis Allen</option>
                                        <option>Sean White</option>
                                        <option>Riley Steele</option>
                                        <option>Zak Turnbull</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="task-priority" class="form-label">Due Date</label>
                                    <input type="text" class="form-control form-control-light" id="birthdatepicker"
                                        data-toggle="date-picker" data-single-date-picker="true">
                                </div>
                            </div>
                        </div>

                        <div class="text-end">
                            <button type="button" class="btn btn-light" data-dismiss="modal">Cancel</button>
                            <button type="button" class="btn btn-primary">Create</button>
                        </div>
                    </form>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->



</div>
@endsection