@extends('pages.jobs.info')

@section('content')
<!--begin::Row-->
<div class="row g-6 g-xl-9">
    <!--begin::Col-->
    <div class="col-lg-6">
        <!--begin::Summary-->
        <div class="card card-flush h-lg-100">
            <!--begin::Card header-->
            <div class="card-header mt-6">
                <!--begin::Card title-->
                <div class="card-title flex-column">
                    <h3 class="fw-bolder mb-1">Tasks Summary</h3>
                    <div class="fs-6 fw-bold text-gray-400">24 Overdue Tasks</div>
                </div>
                <!--end::Card title-->
                <!--begin::Card toolbar-->
                <div class="card-toolbar">
                    <a href="#" class="btn btn-light btn-sm">View Tasks</a>
                </div>
                <!--end::Card toolbar-->
            </div>
            <!--end::Card header-->
            <!--begin::Card body-->
            <div class="card-body p-9 pt-5">
                <!--begin::Wrapper-->
                <div class="d-flex flex-wrap">
                    <!--begin::Chart-->
                    <div class="position-relative d-flex flex-center h-175px w-175px me-15 mb-7">
                        <div class="position-absolute translate-middle start-50 top-50 d-flex flex-column flex-center">
                            <span class="fs-2qx fw-bolder">237</span>
                            <span class="fs-6 fw-bold text-gray-400">Total Tasks</span>
                        </div>
                        <canvas id="project_overview_chart"></canvas>
                    </div>
                    <!--end::Chart-->
                    <!--begin::Labels-->
                    <div class="d-flex flex-column justify-content-center flex-row-fluid pe-11 mb-5">
                        <!--begin::Label-->
                        <div class="d-flex fs-6 fw-bold align-items-center mb-3">
                            <div class="bullet bg-primary me-3"></div>
                            <div class="text-gray-400">Active</div>
                            <div class="ms-auto fw-bolder text-gray-700">30</div>
                        </div>
                        <!--end::Label-->
                        <!--begin::Label-->
                        <div class="d-flex fs-6 fw-bold align-items-center mb-3">
                            <div class="bullet bg-success me-3"></div>
                            <div class="text-gray-400">Completed</div>
                            <div class="ms-auto fw-bolder text-gray-700">45</div>
                        </div>
                        <!--end::Label-->
                        <!--begin::Label-->
                        <div class="d-flex fs-6 fw-bold align-items-center mb-3">
                            <div class="bullet bg-danger me-3"></div>
                            <div class="text-gray-400">Overdue</div>
                            <div class="ms-auto fw-bolder text-gray-700">0</div>
                        </div>
                        <!--end::Label-->
                        <!--begin::Label-->
                        <div class="d-flex fs-6 fw-bold align-items-center">
                            <div class="bullet bg-gray-300 me-3"></div>
                            <div class="text-gray-400">Yet to start</div>
                            <div class="ms-auto fw-bolder text-gray-700">25</div>
                        </div>
                        <!--end::Label-->
                    </div>
                    <!--end::Labels-->
                </div>
                <!--end::Wrapper-->
            </div>
            <!--end::Card body-->
        </div>
        <!--end::Summary-->
    </div>
    <!--end::Col-->
    <!--begin::Col-->
    <div class="col-lg-6">
        <!--begin::Card-->
        <div class="card card-flush h-lg-100">
            <!--begin::Card header-->
            <div class="card-header mt-6">
                <!--begin::Card title-->
                <div class="card-title flex-column">
                    <h3 class="fw-bolder mb-1">Documents</h3>
                    <div class="fs-6 text-gray-400">Total 4 files</div>
                </div>
                <!--end::Card title-->
                <!--begin::Card toolbar-->
                <div class="card-toolbar">
                    <a href="#" class="btn btn-bg-light btn-active-color-primary btn-sm">View All</a>
                </div>
                <!--end::Card toolbar-->
            </div>
            <!--end::Card header-->
            <!--begin::Card body-->
            <div class="card-body p-9 pt-3">
                <!--begin::Files-->
                <div class="d-flex flex-column mb-9">
                    <!--begin::File-->
                    <div class="d-flex align-items-center mb-5">
                        <!--begin::Icon-->
                        <div class="symbol symbol-30px me-5">
                            <img alt="Icon" src="{{asset('assets/media/svg/files/pdf.svg')}}" />
                        </div>
                        <!--end::Icon-->
                        <!--begin::Details-->
                        <div class="fw-bold">
                            <a class="fs-6 fw-bolder text-dark text-hover-primary" href="#">Project tech requirements</a>
                            <div class="text-gray-400">2 days ago
                            <a href="#">Karina Clark</a></div>
                        </div>
                        <!--end::Details-->
                    </div>
                    <!--end::File-->
                    <!--begin::File-->
                    <div class="d-flex align-items-center mb-5">
                        <!--begin::Icon-->
                        <div class="symbol symbol-30px me-5">
                            <img alt="Icon" src="{{asset('assets/media/svg/files/doc.svg')}}" />
                        </div>
                        <!--end::Icon-->
                        <!--begin::Details-->
                        <div class="fw-bold">
                            <a class="fs-6 fw-bolder text-dark text-hover-primary" href="#">Project tech requirements</a>
                            <div class="text-gray-400">Due in 1 day
                            <a href="#">Marcus Blake</a></div>
                        </div>
                        <!--end::Details-->
                    </div>
                    <!--end::File-->
                    <!--begin::File-->
                    <div class="d-flex align-items-center mb-5">
                        <!--begin::Icon-->
                        <div class="symbol symbol-30px me-5">
                            <img alt="Icon" src="{{asset('assets/media/svg/files/pdf.svg')}}" />
                        </div>
                        <!--end::Icon-->
                        <!--begin::Details-->
                        <div class="fw-bold">
                            <a class="fs-6 fw-bolder text-dark text-hover-primary" href="#">Project tech requirements</a>
                            <div class="text-gray-400">Due in 1 day
                            <a href="#">Terry Barry</a></div>
                        </div>
                        <!--end::Details-->
                    </div>
                    <!--end::File-->
                    <!--begin::File-->
                    <div class="d-flex align-items-center">
                        <!--begin::Icon-->
                        <div class="symbol symbol-30px me-5">
                            <img alt="Icon" src="{{asset('assets/media/svg/files/pdf.svg')}}" />
                        </div>
                        <!--end::Icon-->
                        <!--begin::Details-->
                        <div class="fw-bold">
                            <a class="fs-6 fw-bolder text-dark text-hover-primary" href="#">Project tech requirements</a>
                            <div class="text-gray-400">Due in 3 days
                            <a href="#">Roth Bloom</a></div>
                        </div>
                        <!--end::Details-->
                    </div>
                    <!--end::File-->
                </div>
                <!--end::Files-->
            </div>
            <!--end::Card body -->
        </div>
        <!--end::Card-->
    </div>
    <!--end::Col-->
    <!--begin::Col-->
    <div class="col-lg-6">
        <!--begin::Card-->
        <div class="card card-flush h-lg-100">
            <!--begin::Card header-->
            <div class="card-header mt-6">
                <!--begin::Card title-->
                <div class="card-title flex-column">
                    <h3 class="fw-bolder mb-1">Daily Progress</h3>
                    <div class="fs-6 text-gray-400">Total 30 workers</div>
                </div>
                <!--end::Card title-->
            </div>
            <!--end::Card header-->
            <!--begin::Card body-->
            <div class="card-body p-9 pt-4">
                <!--begin::Dates-->
                <ul class="nav nav-pills d-flex flex-nowrap hover-scroll-x py-2">
                    <!--begin::Date-->
                    <li class="nav-item me-1">
                        <a class="nav-link btn d-flex flex-column flex-center rounded-pill min-w-45px me-2 py-4 px-3 btn-active-primary" data-bs-toggle="tab" href="#kt_schedule_day_0">
                            <span class="opacity-50 fs-7 fw-bold">Su</span>
                            <span class="fs-6 fw-bolder">22</span>
                        </a>
                    </li>
                    <!--end::Date-->
                    <!--begin::Date-->
                    <li class="nav-item me-1">
                        <a class="nav-link btn d-flex flex-column flex-center rounded-pill min-w-45px me-2 py-4 px-3 btn-active-primary active" data-bs-toggle="tab" href="#kt_schedule_day_1">
                            <span class="opacity-50 fs-7 fw-bold">Mo</span>
                            <span class="fs-6 fw-bolder">23</span>
                        </a>
                    </li>
                    <!--end::Date-->
                    <!--begin::Date-->
                    <li class="nav-item me-1">
                        <a class="nav-link btn d-flex flex-column flex-center rounded-pill min-w-45px me-2 py-4 px-3 btn-active-primary" data-bs-toggle="tab" href="#kt_schedule_day_2">
                            <span class="opacity-50 fs-7 fw-bold">Tu</span>
                            <span class="fs-6 fw-bolder">24</span>
                        </a>
                    </li>
                    <!--end::Date-->
                    <!--begin::Date-->
                    <li class="nav-item me-1">
                        <a class="nav-link btn d-flex flex-column flex-center rounded-pill min-w-45px me-2 py-4 px-3 btn-active-primary" data-bs-toggle="tab" href="#kt_schedule_day_3">
                            <span class="opacity-50 fs-7 fw-bold">We</span>
                            <span class="fs-6 fw-bolder">25</span>
                        </a>
                    </li>
                    <!--end::Date-->
                    <!--begin::Date-->
                    <li class="nav-item me-1">
                        <a class="nav-link btn d-flex flex-column flex-center rounded-pill min-w-45px me-2 py-4 px-3 btn-active-primary" data-bs-toggle="tab" href="#kt_schedule_day_4">
                            <span class="opacity-50 fs-7 fw-bold">Th</span>
                            <span class="fs-6 fw-bolder">26</span>
                        </a>
                    </li>
                    <!--end::Date-->
                    <!--begin::Date-->
                    <li class="nav-item me-1">
                        <a class="nav-link btn d-flex flex-column flex-center rounded-pill min-w-45px me-2 py-4 px-3 btn-active-primary" data-bs-toggle="tab" href="#kt_schedule_day_5">
                            <span class="opacity-50 fs-7 fw-bold">Fr</span>
                            <span class="fs-6 fw-bolder">27</span>
                        </a>
                    </li>
                    <!--end::Date-->
                    <!--begin::Date-->
                    <li class="nav-item me-1">
                        <a class="nav-link btn d-flex flex-column flex-center rounded-pill min-w-45px me-2 py-4 px-3 btn-active-primary" data-bs-toggle="tab" href="#kt_schedule_day_6">
                            <span class="opacity-50 fs-7 fw-bold">Sa</span>
                            <span class="fs-6 fw-bolder">28</span>
                        </a>
                    </li>
                    <!--end::Date-->
                    <!--begin::Date-->
                    <li class="nav-item me-1">
                        <a class="nav-link btn d-flex flex-column flex-center rounded-pill min-w-45px me-2 py-4 px-3 btn-active-primary" data-bs-toggle="tab" href="#kt_schedule_day_7">
                            <span class="opacity-50 fs-7 fw-bold">Su</span>
                            <span class="fs-6 fw-bolder">29</span>
                        </a>
                    </li>
                    <!--end::Date-->
                    <!--begin::Date-->
                    <li class="nav-item me-1">
                        <a class="nav-link btn d-flex flex-column flex-center rounded-pill min-w-45px me-2 py-4 px-3 btn-active-primary" data-bs-toggle="tab" href="#kt_schedule_day_8">
                            <span class="opacity-50 fs-7 fw-bold">Mo</span>
                            <span class="fs-6 fw-bolder">30</span>
                        </a>
                    </li>
                    <!--end::Date-->
                    <!--begin::Date-->
                    <li class="nav-item me-1">
                        <a class="nav-link btn d-flex flex-column flex-center rounded-pill min-w-45px me-2 py-4 px-3 btn-active-primary" data-bs-toggle="tab" href="#kt_schedule_day_9">
                            <span class="opacity-50 fs-7 fw-bold">Tu</span>
                            <span class="fs-6 fw-bolder">31</span>
                        </a>
                    </li>
                    <!--end::Date-->
                </ul>
                <!--end::Dates-->
                <!--begin::Tab Content-->
                <div class="tab-content">
                    <!--begin::Day-->
                    <div id="kt_schedule_day_0" class="tab-pane fade show">
                        <!--begin::Time-->
                        <div class="d-flex flex-stack position-relative mt-8">
                            <!--begin::Bar-->
                            <div class="position-absolute h-100 w-4px bg-secondary rounded top-0 start-0"></div>
                            <!--end::Bar-->
                            <!--begin::Info-->
                            <div class="fw-bold ms-5 text-gray-600">
                                <!--begin::Time-->
                                <div class="fs-5">9:00 - 10:00
                                <span class="fs-7 text-gray-400 text-uppercase">am</span></div>
                                <!--end::Time-->
                                <!--begin::Title-->
                                <a href="#" class="fs-5 fw-bolder text-gray-800 text-hover-primary mb-2">Task name here</a>
                                <!--end::Title-->
                                <!--begin::User-->
                                <div class="text-gray-400">Lead by
                                <a href="#">Michael Walters</a></div>
                                <!--end::User-->
                            </div>
                            <!--end::Info-->
                            <!--begin::Action-->
                            <a href="#" class="btn btn-bg-light btn-active-color-primary btn-sm">View</a>
                            <!--end::Action-->
                        </div>
                        <!--end::Time-->
                        <!--begin::Time-->
                        <div class="d-flex flex-stack position-relative mt-8">
                            <!--begin::Bar-->
                            <div class="position-absolute h-100 w-4px bg-secondary rounded top-0 start-0"></div>
                            <!--end::Bar-->
                            <!--begin::Info-->
                            <div class="fw-bold ms-5 text-gray-600">
                                <!--begin::Time-->
                                <div class="fs-5">12:00 - 13:00
                                <span class="fs-7 text-gray-400 text-uppercase">pm</span></div>
                                <!--end::Time-->
                                <!--begin::Title-->
                                <a href="#" class="fs-5 fw-bolder text-gray-800 text-hover-primary mb-2">Task name here</a>
                                <!--end::Title-->
                                <!--begin::User-->
                                <div class="text-gray-400">Lead by
                                <a href="#">Peter Marcus</a></div>
                                <!--end::User-->
                            </div>
                            <!--end::Info-->
                            <!--begin::Action-->
                            <a href="#" class="btn btn-bg-light btn-active-color-primary btn-sm">View</a>
                            <!--end::Action-->
                        </div>
                        <!--end::Time-->
                        <!--begin::Time-->
                        <div class="d-flex flex-stack position-relative mt-8">
                            <!--begin::Bar-->
                            <div class="position-absolute h-100 w-4px bg-secondary rounded top-0 start-0"></div>
                            <!--end::Bar-->
                            <!--begin::Info-->
                            <div class="fw-bold ms-5 text-gray-600">
                                <!--begin::Time-->
                                <div class="fs-5">9:00 - 10:00
                                <span class="fs-7 text-gray-400 text-uppercase">am</span></div>
                                <!--end::Time-->
                                <!--begin::Title-->
                                <a href="#" class="fs-5 fw-bolder text-gray-800 text-hover-primary mb-2">Task name here</a>
                                <!--end::Title-->
                                <!--begin::User-->
                                <div class="text-gray-400">Lead by
                                <a href="#">Bob Harris</a></div>
                                <!--end::User-->
                            </div>
                            <!--end::Info-->
                            <!--begin::Action-->
                            <a href="#" class="btn btn-bg-light btn-active-color-primary btn-sm">View</a>
                            <!--end::Action-->
                        </div>
                        <!--end::Time-->
                    </div>
                    <!--end::Day-->
                    <!--begin::Day-->
                    <div id="kt_schedule_day_1" class="tab-pane fade show active">
                        <!--begin::Time-->
                        <div class="d-flex flex-stack position-relative mt-8">
                            <!--begin::Bar-->
                            <div class="position-absolute h-100 w-4px bg-secondary rounded top-0 start-0"></div>
                            <!--end::Bar-->
                            <!--begin::Info-->
                            <div class="fw-bold ms-5 text-gray-600">
                                <!--begin::Time-->
                                <div class="fs-5">11:00 - 11:45
                                <span class="fs-7 text-gray-400 text-uppercase">am</span></div>
                                <!--end::Time-->
                                <!--begin::Title-->
                                <a href="#" class="fs-5 fw-bolder text-gray-800 text-hover-primary mb-2">Task name here</a>
                                <!--end::Title-->
                                <!--begin::User-->
                                <div class="text-gray-400">Lead by
                                <a href="#">Walter White</a></div>
                                <!--end::User-->
                            </div>
                            <!--end::Info-->
                            <!--begin::Action-->
                            <a href="#" class="btn btn-bg-light btn-active-color-primary btn-sm">View</a>
                            <!--end::Action-->
                        </div>
                        <!--end::Time-->
                        <!--begin::Time-->
                        <div class="d-flex flex-stack position-relative mt-8">
                            <!--begin::Bar-->
                            <div class="position-absolute h-100 w-4px bg-secondary rounded top-0 start-0"></div>
                            <!--end::Bar-->
                            <!--begin::Info-->
                            <div class="fw-bold ms-5 text-gray-600">
                                <!--begin::Time-->
                                <div class="fs-5">10:00 - 11:00
                                <span class="fs-7 text-gray-400 text-uppercase">am</span></div>
                                <!--end::Time-->
                                <!--begin::Title-->
                                <a href="#" class="fs-5 fw-bolder text-gray-800 text-hover-primary mb-2">Task name here</a>
                                <!--end::Title-->
                                <!--begin::User-->
                                <div class="text-gray-400">Lead by
                                <a href="#">David Stevenson</a></div>
                                <!--end::User-->
                            </div>
                            <!--end::Info-->
                            <!--begin::Action-->
                            <a href="#" class="btn btn-bg-light btn-active-color-primary btn-sm">View</a>
                            <!--end::Action-->
                        </div>
                        <!--end::Time-->
                        <!--begin::Time-->
                        <div class="d-flex flex-stack position-relative mt-8">
                            <!--begin::Bar-->
                            <div class="position-absolute h-100 w-4px bg-secondary rounded top-0 start-0"></div>
                            <!--end::Bar-->
                            <!--begin::Info-->
                            <div class="fw-bold ms-5 text-gray-600">
                                <!--begin::Time-->
                                <div class="fs-5">9:00 - 10:00
                                <span class="fs-7 text-gray-400 text-uppercase">am</span></div>
                                <!--end::Time-->
                                <!--begin::Title-->
                                <a href="#" class="fs-5 fw-bolder text-gray-800 text-hover-primary mb-2">Task name here</a>
                                <!--end::Title-->
                                <!--begin::User-->
                                <div class="text-gray-400">Lead by
                                <a href="#">Walter White</a></div>
                                <!--end::User-->
                            </div>
                            <!--end::Info-->
                            <!--begin::Action-->
                            <a href="#" class="btn btn-bg-light btn-active-color-primary btn-sm">View</a>
                            <!--end::Action-->
                        </div>
                        <!--end::Time-->
                    </div>
                    <!--end::Day-->
                    <!--begin::Day-->
                    <div id="kt_schedule_day_2" class="tab-pane fade show">
                        <!--begin::Time-->
                        <div class="d-flex flex-stack position-relative mt-8">
                            <!--begin::Bar-->
                            <div class="position-absolute h-100 w-4px bg-secondary rounded top-0 start-0"></div>
                            <!--end::Bar-->
                            <!--begin::Info-->
                            <div class="fw-bold ms-5 text-gray-600">
                                <!--begin::Time-->
                                <div class="fs-5">14:30 - 15:30
                                <span class="fs-7 text-gray-400 text-uppercase">pm</span></div>
                                <!--end::Time-->
                                <!--begin::Title-->
                                <a href="#" class="fs-5 fw-bolder text-gray-800 text-hover-primary mb-2">Task name here</a>
                                <!--end::Title-->
                                <!--begin::User-->
                                <div class="text-gray-400">Lead by
                                <a href="#">Sean Bean</a></div>
                                <!--end::User-->
                            </div>
                            <!--end::Info-->
                            <!--begin::Action-->
                            <a href="#" class="btn btn-bg-light btn-active-color-primary btn-sm">View</a>
                            <!--end::Action-->
                        </div>
                        <!--end::Time-->
                        <!--begin::Time-->
                        <div class="d-flex flex-stack position-relative mt-8">
                            <!--begin::Bar-->
                            <div class="position-absolute h-100 w-4px bg-secondary rounded top-0 start-0"></div>
                            <!--end::Bar-->
                            <!--begin::Info-->
                            <div class="fw-bold ms-5 text-gray-600">
                                <!--begin::Time-->
                                <div class="fs-5">11:00 - 11:45
                                <span class="fs-7 text-gray-400 text-uppercase">am</span></div>
                                <!--end::Time-->
                                <!--begin::Title-->
                                <a href="#" class="fs-5 fw-bolder text-gray-800 text-hover-primary mb-2">Task name here</a>
                                <!--end::Title-->
                                <!--begin::User-->
                                <div class="text-gray-400">Lead by
                                <a href="#">Naomi Hayabusa</a></div>
                                <!--end::User-->
                            </div>
                            <!--end::Info-->
                            <!--begin::Action-->
                            <a href="#" class="btn btn-bg-light btn-active-color-primary btn-sm">View</a>
                            <!--end::Action-->
                        </div>
                        <!--end::Time-->
                        <!--begin::Time-->
                        <div class="d-flex flex-stack position-relative mt-8">
                            <!--begin::Bar-->
                            <div class="position-absolute h-100 w-4px bg-secondary rounded top-0 start-0"></div>
                            <!--end::Bar-->
                            <!--begin::Info-->
                            <div class="fw-bold ms-5 text-gray-600">
                                <!--begin::Time-->
                                <div class="fs-5">14:30 - 15:30
                                <span class="fs-7 text-gray-400 text-uppercase">pm</span></div>
                                <!--end::Time-->
                                <!--begin::Title-->
                                <a href="#" class="fs-5 fw-bolder text-gray-800 text-hover-primary mb-2">Task name here</a>
                                <!--end::Title-->
                                <!--begin::User-->
                                <div class="text-gray-400">Lead by
                                <a href="#">Kendell Trevor</a></div>
                                <!--end::User-->
                            </div>
                            <!--end::Info-->
                            <!--begin::Action-->
                            <a href="#" class="btn btn-bg-light btn-active-color-primary btn-sm">View</a>
                            <!--end::Action-->
                        </div>
                        <!--end::Time-->
                    </div>
                    <!--end::Day-->
                    <!--begin::Day-->
                    <div id="kt_schedule_day_3" class="tab-pane fade show">
                        <!--begin::Time-->
                        <div class="d-flex flex-stack position-relative mt-8">
                            <!--begin::Bar-->
                            <div class="position-absolute h-100 w-4px bg-secondary rounded top-0 start-0"></div>
                            <!--end::Bar-->
                            <!--begin::Info-->
                            <div class="fw-bold ms-5 text-gray-600">
                                <!--begin::Time-->
                                <div class="fs-5">13:00 - 14:00
                                <span class="fs-7 text-gray-400 text-uppercase">pm</span></div>
                                <!--end::Time-->
                                <!--begin::Title-->
                                <a href="#" class="fs-5 fw-bolder text-gray-800 text-hover-primary mb-2">Task name here</a>
                                <!--end::Title-->
                                <!--begin::User-->
                                <div class="text-gray-400">Lead by
                                <a href="#">Karina Clarke</a></div>
                                <!--end::User-->
                            </div>
                            <!--end::Info-->
                            <!--begin::Action-->
                            <a href="#" class="btn btn-bg-light btn-active-color-primary btn-sm">View</a>
                            <!--end::Action-->
                        </div>
                        <!--end::Time-->
                        <!--begin::Time-->
                        <div class="d-flex flex-stack position-relative mt-8">
                            <!--begin::Bar-->
                            <div class="position-absolute h-100 w-4px bg-secondary rounded top-0 start-0"></div>
                            <!--end::Bar-->
                            <!--begin::Info-->
                            <div class="fw-bold ms-5 text-gray-600">
                                <!--begin::Time-->
                                <div class="fs-5">9:00 - 10:00
                                <span class="fs-7 text-gray-400 text-uppercase">am</span></div>
                                <!--end::Time-->
                                <!--begin::Title-->
                                <a href="#" class="fs-5 fw-bolder text-gray-800 text-hover-primary mb-2">Task name here</a>
                                <!--end::Title-->
                                <!--begin::User-->
                                <div class="text-gray-400">Lead by
                                <a href="#">Terry Robins</a></div>
                                <!--end::User-->
                            </div>
                            <!--end::Info-->
                            <!--begin::Action-->
                            <a href="#" class="btn btn-bg-light btn-active-color-primary btn-sm">View</a>
                            <!--end::Action-->
                        </div>
                        <!--end::Time-->
                        <!--begin::Time-->
                        <div class="d-flex flex-stack position-relative mt-8">
                            <!--begin::Bar-->
                            <div class="position-absolute h-100 w-4px bg-secondary rounded top-0 start-0"></div>
                            <!--end::Bar-->
                            <!--begin::Info-->
                            <div class="fw-bold ms-5 text-gray-600">
                                <!--begin::Time-->
                                <div class="fs-5">14:30 - 15:30
                                <span class="fs-7 text-gray-400 text-uppercase">pm</span></div>
                                <!--end::Time-->
                                <!--begin::Title-->
                                <a href="#" class="fs-5 fw-bolder text-gray-800 text-hover-primary mb-2">Task name here</a>
                                <!--end::Title-->
                                <!--begin::User-->
                                <div class="text-gray-400">Lead by
                                <a href="#">Terry Robins</a></div>
                                <!--end::User-->
                            </div>
                            <!--end::Info-->
                            <!--begin::Action-->
                            <a href="#" class="btn btn-bg-light btn-active-color-primary btn-sm">View</a>
                            <!--end::Action-->
                        </div>
                        <!--end::Time-->
                    </div>
                    <!--end::Day-->
                    <!--begin::Day-->
                    <div id="kt_schedule_day_4" class="tab-pane fade show">
                        <!--begin::Time-->
                        <div class="d-flex flex-stack position-relative mt-8">
                            <!--begin::Bar-->
                            <div class="position-absolute h-100 w-4px bg-secondary rounded top-0 start-0"></div>
                            <!--end::Bar-->
                            <!--begin::Info-->
                            <div class="fw-bold ms-5 text-gray-600">
                                <!--begin::Time-->
                                <div class="fs-5">10:00 - 11:00
                                <span class="fs-7 text-gray-400 text-uppercase">am</span></div>
                                <!--end::Time-->
                                <!--begin::Title-->
                                <a href="#" class="fs-5 fw-bolder text-gray-800 text-hover-primary mb-2">Task name here</a>
                                <!--end::Title-->
                                <!--begin::User-->
                                <div class="text-gray-400">Lead by
                                <a href="#">Sean Bean</a></div>
                                <!--end::User-->
                            </div>
                            <!--end::Info-->
                            <!--begin::Action-->
                            <a href="#" class="btn btn-bg-light btn-active-color-primary btn-sm">View</a>
                            <!--end::Action-->
                        </div>
                        <!--end::Time-->
                        <!--begin::Time-->
                        <div class="d-flex flex-stack position-relative mt-8">
                            <!--begin::Bar-->
                            <div class="position-absolute h-100 w-4px bg-secondary rounded top-0 start-0"></div>
                            <!--end::Bar-->
                            <!--begin::Info-->
                            <div class="fw-bold ms-5 text-gray-600">
                                <!--begin::Time-->
                                <div class="fs-5">12:00 - 13:00
                                <span class="fs-7 text-gray-400 text-uppercase">pm</span></div>
                                <!--end::Time-->
                                <!--begin::Title-->
                                <a href="#" class="fs-5 fw-bolder text-gray-800 text-hover-primary mb-2">Task name here</a>
                                <!--end::Title-->
                                <!--begin::User-->
                                <div class="text-gray-400">Lead by
                                <a href="#">Karina Clarke</a></div>
                                <!--end::User-->
                            </div>
                            <!--end::Info-->
                            <!--begin::Action-->
                            <a href="#" class="btn btn-bg-light btn-active-color-primary btn-sm">View</a>
                            <!--end::Action-->
                        </div>
                        <!--end::Time-->
                        <!--begin::Time-->
                        <div class="d-flex flex-stack position-relative mt-8">
                            <!--begin::Bar-->
                            <div class="position-absolute h-100 w-4px bg-secondary rounded top-0 start-0"></div>
                            <!--end::Bar-->
                            <!--begin::Info-->
                            <div class="fw-bold ms-5 text-gray-600">
                                <!--begin::Time-->
                                <div class="fs-5">14:30 - 15:30
                                <span class="fs-7 text-gray-400 text-uppercase">pm</span></div>
                                <!--end::Time-->
                                <!--begin::Title-->
                                <a href="#" class="fs-5 fw-bolder text-gray-800 text-hover-primary mb-2">Task name here</a>
                                <!--end::Title-->
                                <!--begin::User-->
                                <div class="text-gray-400">Lead by
                                <a href="#">Karina Clarke</a></div>
                                <!--end::User-->
                            </div>
                            <!--end::Info-->
                            <!--begin::Action-->
                            <a href="#" class="btn btn-bg-light btn-active-color-primary btn-sm">View</a>
                            <!--end::Action-->
                        </div>
                        <!--end::Time-->
                    </div>
                    <!--end::Day-->
                    <!--begin::Day-->
                    <div id="kt_schedule_day_5" class="tab-pane fade show">
                        <!--begin::Time-->
                        <div class="d-flex flex-stack position-relative mt-8">
                            <!--begin::Bar-->
                            <div class="position-absolute h-100 w-4px bg-secondary rounded top-0 start-0"></div>
                            <!--end::Bar-->
                            <!--begin::Info-->
                            <div class="fw-bold ms-5 text-gray-600">
                                <!--begin::Time-->
                                <div class="fs-5">10:00 - 11:00
                                <span class="fs-7 text-gray-400 text-uppercase">am</span></div>
                                <!--end::Time-->
                                <!--begin::Title-->
                                <a href="#" class="fs-5 fw-bolder text-gray-800 text-hover-primary mb-2">Task name here</a>
                                <!--end::Title-->
                                <!--begin::User-->
                                <div class="text-gray-400">Lead by
                                <a href="#">David Stevenson</a></div>
                                <!--end::User-->
                            </div>
                            <!--end::Info-->
                            <!--begin::Action-->
                            <a href="#" class="btn btn-bg-light btn-active-color-primary btn-sm">View</a>
                            <!--end::Action-->
                        </div>
                        <!--end::Time-->
                        <!--begin::Time-->
                        <div class="d-flex flex-stack position-relative mt-8">
                            <!--begin::Bar-->
                            <div class="position-absolute h-100 w-4px bg-secondary rounded top-0 start-0"></div>
                            <!--end::Bar-->
                            <!--begin::Info-->
                            <div class="fw-bold ms-5 text-gray-600">
                                <!--begin::Time-->
                                <div class="fs-5">14:30 - 15:30
                                <span class="fs-7 text-gray-400 text-uppercase">pm</span></div>
                                <!--end::Time-->
                                <!--begin::Title-->
                                <a href="#" class="fs-5 fw-bolder text-gray-800 text-hover-primary mb-2">Task name here</a>
                                <!--end::Title-->
                                <!--begin::User-->
                                <div class="text-gray-400">Lead by
                                <a href="#">Yannis Gloverson</a></div>
                                <!--end::User-->
                            </div>
                            <!--end::Info-->
                            <!--begin::Action-->
                            <a href="#" class="btn btn-bg-light btn-active-color-primary btn-sm">View</a>
                            <!--end::Action-->
                        </div>
                        <!--end::Time-->
                        <!--begin::Time-->
                        <div class="d-flex flex-stack position-relative mt-8">
                            <!--begin::Bar-->
                            <div class="position-absolute h-100 w-4px bg-secondary rounded top-0 start-0"></div>
                            <!--end::Bar-->
                            <!--begin::Info-->
                            <div class="fw-bold ms-5 text-gray-600">
                                <!--begin::Time-->
                                <div class="fs-5">13:00 - 14:00
                                <span class="fs-7 text-gray-400 text-uppercase">pm</span></div>
                                <!--end::Time-->
                                <!--begin::Title-->
                                <a href="#" class="fs-5 fw-bolder text-gray-800 text-hover-primary mb-2">Task name here</a>
                                <!--end::Title-->
                                <!--begin::User-->
                                <div class="text-gray-400">Lead by
                                <a href="#">Michael Walters</a></div>
                                <!--end::User-->
                            </div>
                            <!--end::Info-->
                            <!--begin::Action-->
                            <a href="#" class="btn btn-bg-light btn-active-color-primary btn-sm">View</a>
                            <!--end::Action-->
                        </div>
                        <!--end::Time-->
                    </div>
                    <!--end::Day-->
                    <!--begin::Day-->
                    <div id="kt_schedule_day_6" class="tab-pane fade show">
                        <!--begin::Time-->
                        <div class="d-flex flex-stack position-relative mt-8">
                            <!--begin::Bar-->
                            <div class="position-absolute h-100 w-4px bg-secondary rounded top-0 start-0"></div>
                            <!--end::Bar-->
                            <!--begin::Info-->
                            <div class="fw-bold ms-5 text-gray-600">
                                <!--begin::Time-->
                                <div class="fs-5">10:00 - 11:00
                                <span class="fs-7 text-gray-400 text-uppercase">am</span></div>
                                <!--end::Time-->
                                <!--begin::Title-->
                                <a href="#" class="fs-5 fw-bolder text-gray-800 text-hover-primary mb-2">Task name here</a>
                                <!--end::Title-->
                                <!--begin::User-->
                                <div class="text-gray-400">Lead by
                                <a href="#">Karina Clarke</a></div>
                                <!--end::User-->
                            </div>
                            <!--end::Info-->
                            <!--begin::Action-->
                            <a href="#" class="btn btn-bg-light btn-active-color-primary btn-sm">View</a>
                            <!--end::Action-->
                        </div>
                        <!--end::Time-->
                        <!--begin::Time-->
                        <div class="d-flex flex-stack position-relative mt-8">
                            <!--begin::Bar-->
                            <div class="position-absolute h-100 w-4px bg-secondary rounded top-0 start-0"></div>
                            <!--end::Bar-->
                            <!--begin::Info-->
                            <div class="fw-bold ms-5 text-gray-600">
                                <!--begin::Time-->
                                <div class="fs-5">14:30 - 15:30
                                <span class="fs-7 text-gray-400 text-uppercase">pm</span></div>
                                <!--end::Time-->
                                <!--begin::Title-->
                                <a href="#" class="fs-5 fw-bolder text-gray-800 text-hover-primary mb-2">Task name here</a>
                                <!--end::Title-->
                                <!--begin::User-->
                                <div class="text-gray-400">Lead by
                                <a href="#">Sean Bean</a></div>
                                <!--end::User-->
                            </div>
                            <!--end::Info-->
                            <!--begin::Action-->
                            <a href="#" class="btn btn-bg-light btn-active-color-primary btn-sm">View</a>
                            <!--end::Action-->
                        </div>
                        <!--end::Time-->
                        <!--begin::Time-->
                        <div class="d-flex flex-stack position-relative mt-8">
                            <!--begin::Bar-->
                            <div class="position-absolute h-100 w-4px bg-secondary rounded top-0 start-0"></div>
                            <!--end::Bar-->
                            <!--begin::Info-->
                            <div class="fw-bold ms-5 text-gray-600">
                                <!--begin::Time-->
                                <div class="fs-5">16:30 - 17:30
                                <span class="fs-7 text-gray-400 text-uppercase">pm</span></div>
                                <!--end::Time-->
                                <!--begin::Title-->
                                <a href="#" class="fs-5 fw-bolder text-gray-800 text-hover-primary mb-2">Task name here</a>
                                <!--end::Title-->
                                <!--begin::User-->
                                <div class="text-gray-400">Lead by
                                <a href="#">Caleb Donaldson</a></div>
                                <!--end::User-->
                            </div>
                            <!--end::Info-->
                            <!--begin::Action-->
                            <a href="#" class="btn btn-bg-light btn-active-color-primary btn-sm">View</a>
                            <!--end::Action-->
                        </div>
                        <!--end::Time-->
                    </div>
                    <!--end::Day-->
                    <!--begin::Day-->
                    <div id="kt_schedule_day_7" class="tab-pane fade show">
                        <!--begin::Time-->
                        <div class="d-flex flex-stack position-relative mt-8">
                            <!--begin::Bar-->
                            <div class="position-absolute h-100 w-4px bg-secondary rounded top-0 start-0"></div>
                            <!--end::Bar-->
                            <!--begin::Info-->
                            <div class="fw-bold ms-5 text-gray-600">
                                <!--begin::Time-->
                                <div class="fs-5">11:00 - 11:45
                                <span class="fs-7 text-gray-400 text-uppercase">am</span></div>
                                <!--end::Time-->
                                <!--begin::Title-->
                                <a href="#" class="fs-5 fw-bolder text-gray-800 text-hover-primary mb-2">Task name here</a>
                                <!--end::Title-->
                                <!--begin::User-->
                                <div class="text-gray-400">Lead by
                                <a href="#">Yannis Gloverson</a></div>
                                <!--end::User-->
                            </div>
                            <!--end::Info-->
                            <!--begin::Action-->
                            <a href="#" class="btn btn-bg-light btn-active-color-primary btn-sm">View</a>
                            <!--end::Action-->
                        </div>
                        <!--end::Time-->
                        <!--begin::Time-->
                        <div class="d-flex flex-stack position-relative mt-8">
                            <!--begin::Bar-->
                            <div class="position-absolute h-100 w-4px bg-secondary rounded top-0 start-0"></div>
                            <!--end::Bar-->
                            <!--begin::Info-->
                            <div class="fw-bold ms-5 text-gray-600">
                                <!--begin::Time-->
                                <div class="fs-5">13:00 - 14:00
                                <span class="fs-7 text-gray-400 text-uppercase">pm</span></div>
                                <!--end::Time-->
                                <!--begin::Title-->
                                <a href="#" class="fs-5 fw-bolder text-gray-800 text-hover-primary mb-2">Task name here</a>
                                <!--end::Title-->
                                <!--begin::User-->
                                <div class="text-gray-400">Lead by
                                <a href="#">Bob Harris</a></div>
                                <!--end::User-->
                            </div>
                            <!--end::Info-->
                            <!--begin::Action-->
                            <a href="#" class="btn btn-bg-light btn-active-color-primary btn-sm">View</a>
                            <!--end::Action-->
                        </div>
                        <!--end::Time-->
                        <!--begin::Time-->
                        <div class="d-flex flex-stack position-relative mt-8">
                            <!--begin::Bar-->
                            <div class="position-absolute h-100 w-4px bg-secondary rounded top-0 start-0"></div>
                            <!--end::Bar-->
                            <!--begin::Info-->
                            <div class="fw-bold ms-5 text-gray-600">
                                <!--begin::Time-->
                                <div class="fs-5">16:30 - 17:30
                                <span class="fs-7 text-gray-400 text-uppercase">pm</span></div>
                                <!--end::Time-->
                                <!--begin::Title-->
                                <a href="#" class="fs-5 fw-bolder text-gray-800 text-hover-primary mb-2">Task name here</a>
                                <!--end::Title-->
                                <!--begin::User-->
                                <div class="text-gray-400">Lead by
                                <a href="#">Naomi Hayabusa</a></div>
                                <!--end::User-->
                            </div>
                            <!--end::Info-->
                            <!--begin::Action-->
                            <a href="#" class="btn btn-bg-light btn-active-color-primary btn-sm">View</a>
                            <!--end::Action-->
                        </div>
                        <!--end::Time-->
                    </div>
                    <!--end::Day-->
                    <!--begin::Day-->
                    <div id="kt_schedule_day_8" class="tab-pane fade show">
                        <!--begin::Time-->
                        <div class="d-flex flex-stack position-relative mt-8">
                            <!--begin::Bar-->
                            <div class="position-absolute h-100 w-4px bg-secondary rounded top-0 start-0"></div>
                            <!--end::Bar-->
                            <!--begin::Info-->
                            <div class="fw-bold ms-5 text-gray-600">
                                <!--begin::Time-->
                                <div class="fs-5">14:30 - 15:30
                                <span class="fs-7 text-gray-400 text-uppercase">pm</span></div>
                                <!--end::Time-->
                                <!--begin::Title-->
                                <a href="#" class="fs-5 fw-bolder text-gray-800 text-hover-primary mb-2">Task name here</a>
                                <!--end::Title-->
                                <!--begin::User-->
                                <div class="text-gray-400">Lead by
                                <a href="#">Naomi Hayabusa</a></div>
                                <!--end::User-->
                            </div>
                            <!--end::Info-->
                            <!--begin::Action-->
                            <a href="#" class="btn btn-bg-light btn-active-color-primary btn-sm">View</a>
                            <!--end::Action-->
                        </div>
                        <!--end::Time-->
                        <!--begin::Time-->
                        <div class="d-flex flex-stack position-relative mt-8">
                            <!--begin::Bar-->
                            <div class="position-absolute h-100 w-4px bg-secondary rounded top-0 start-0"></div>
                            <!--end::Bar-->
                            <!--begin::Info-->
                            <div class="fw-bold ms-5 text-gray-600">
                                <!--begin::Time-->
                                <div class="fs-5">16:30 - 17:30
                                <span class="fs-7 text-gray-400 text-uppercase">pm</span></div>
                                <!--end::Time-->
                                <!--begin::Title-->
                                <a href="#" class="fs-5 fw-bolder text-gray-800 text-hover-primary mb-2">Task name here</a>
                                <!--end::Title-->
                                <!--begin::User-->
                                <div class="text-gray-400">Lead by
                                <a href="#">Yannis Gloverson</a></div>
                                <!--end::User-->
                            </div>
                            <!--end::Info-->
                            <!--begin::Action-->
                            <a href="#" class="btn btn-bg-light btn-active-color-primary btn-sm">View</a>
                            <!--end::Action-->
                        </div>
                        <!--end::Time-->
                        <!--begin::Time-->
                        <div class="d-flex flex-stack position-relative mt-8">
                            <!--begin::Bar-->
                            <div class="position-absolute h-100 w-4px bg-secondary rounded top-0 start-0"></div>
                            <!--end::Bar-->
                            <!--begin::Info-->
                            <div class="fw-bold ms-5 text-gray-600">
                                <!--begin::Time-->
                                <div class="fs-5">16:30 - 17:30
                                <span class="fs-7 text-gray-400 text-uppercase">pm</span></div>
                                <!--end::Time-->
                                <!--begin::Title-->
                                <a href="#" class="fs-5 fw-bolder text-gray-800 text-hover-primary mb-2">Task name here</a>
                                <!--end::Title-->
                                <!--begin::User-->
                                <div class="text-gray-400">Lead by
                                <a href="#">Yannis Gloverson</a></div>
                                <!--end::User-->
                            </div>
                            <!--end::Info-->
                            <!--begin::Action-->
                            <a href="#" class="btn btn-bg-light btn-active-color-primary btn-sm">View</a>
                            <!--end::Action-->
                        </div>
                        <!--end::Time-->
                    </div>
                    <!--end::Day-->
                    <!--begin::Day-->
                    <div id="kt_schedule_day_9" class="tab-pane fade show">
                        <!--begin::Time-->
                        <div class="d-flex flex-stack position-relative mt-8">
                            <!--begin::Bar-->
                            <div class="position-absolute h-100 w-4px bg-secondary rounded top-0 start-0"></div>
                            <!--end::Bar-->
                            <!--begin::Info-->
                            <div class="fw-bold ms-5 text-gray-600">
                                <!--begin::Time-->
                                <div class="fs-5">13:00 - 14:00
                                <span class="fs-7 text-gray-400 text-uppercase">pm</span></div>
                                <!--end::Time-->
                                <!--begin::Title-->
                                <a href="#" class="fs-5 fw-bolder text-gray-800 text-hover-primary mb-2">Task name here</a>
                                <!--end::Title-->
                                <!--begin::User-->
                                <div class="text-gray-400">Lead by
                                <a href="#">Walter White</a></div>
                                <!--end::User-->
                            </div>
                            <!--end::Info-->
                            <!--begin::Action-->
                            <a href="#" class="btn btn-bg-light btn-active-color-primary btn-sm">View</a>
                            <!--end::Action-->
                        </div>
                        <!--end::Time-->
                        <!--begin::Time-->
                        <div class="d-flex flex-stack position-relative mt-8">
                            <!--begin::Bar-->
                            <div class="position-absolute h-100 w-4px bg-secondary rounded top-0 start-0"></div>
                            <!--end::Bar-->
                            <!--begin::Info-->
                            <div class="fw-bold ms-5 text-gray-600">
                                <!--begin::Time-->
                                <div class="fs-5">12:00 - 13:00
                                <span class="fs-7 text-gray-400 text-uppercase">pm</span></div>
                                <!--end::Time-->
                                <!--begin::Title-->
                                <a href="#" class="fs-5 fw-bolder text-gray-800 text-hover-primary mb-2">Task name here</a>
                                <!--end::Title-->
                                <!--begin::User-->
                                <div class="text-gray-400">Lead by
                                <a href="#">David Stevenson</a></div>
                                <!--end::User-->
                            </div>
                            <!--end::Info-->
                            <!--begin::Action-->
                            <a href="#" class="btn btn-bg-light btn-active-color-primary btn-sm">View</a>
                            <!--end::Action-->
                        </div>
                        <!--end::Time-->
                        <!--begin::Time-->
                        <div class="d-flex flex-stack position-relative mt-8">
                            <!--begin::Bar-->
                            <div class="position-absolute h-100 w-4px bg-secondary rounded top-0 start-0"></div>
                            <!--end::Bar-->
                            <!--begin::Info-->
                            <div class="fw-bold ms-5 text-gray-600">
                                <!--begin::Time-->
                                <div class="fs-5">16:30 - 17:30
                                <span class="fs-7 text-gray-400 text-uppercase">pm</span></div>
                                <!--end::Time-->
                                <!--begin::Title-->
                                <a href="#" class="fs-5 fw-bolder text-gray-800 text-hover-primary mb-2">Task name here</a>
                                <!--end::Title-->
                                <!--begin::User-->
                                <div class="text-gray-400">Lead by
                                <a href="#">Terry Robins</a></div>
                                <!--end::User-->
                            </div>
                            <!--end::Info-->
                            <!--begin::Action-->
                            <a href="#" class="btn btn-bg-light btn-active-color-primary btn-sm">View</a>
                            <!--end::Action-->
                        </div>
                        <!--end::Time-->
                    </div>
                    <!--end::Day-->
                </div>
                <!--end::Tab Content-->
            </div>
            <!--end::Card body-->
        </div>
        <!--end::Card-->
    </div>
    <!--end::Col-->
    <!--begin::Col-->
    <div class="col-lg-6">
        <!--begin::Card-->
        <div class="card card-flush h-lg-100">
            <!--begin::Card header-->
            <div class="card-header mt-6">
                <!--begin::Card title-->
                <div class="card-title flex-column">
                    <h3 class="fw-bolder mb-1">Contract Workers</h3>
                    <div class="fs-6 text-gray-400">From total 482 Participants</div>
                </div>
                <!--end::Card title-->
                <!--begin::Card toolbar-->
                <div class="card-toolbar">
                    <a href="#" class="btn btn-bg-light btn-active-color-primary btn-sm">View All</a>
                </div>
                <!--end::Card toolbar-->
            </div>
            <!--end::Card toolbar-->
            <!--begin::Card body-->
            <div class="card-body d-flex flex-column p-9 pt-3 mb-9">
                <!--begin::Item-->
                <div class="d-flex align-items-center mb-5">
                    <!--begin::Avatar-->
                    <div class="me-5 position-relative">
                        <!--begin::Image-->
                        <div class="symbol symbol-35px symbol-circle">
                            <img alt="Pic" src="{{asset('assets/media/avatars/300-6.jpg')}}" />
                        </div>
                        <!--end::Image-->
                    </div>
                    <!--end::Avatar-->
                    <!--begin::Details-->
                    <div class="fw-bold">
                        <a href="#" class="fs-5 fw-bolder text-gray-900 text-hover-primary">Emma Smith</a>
                        <div class="text-gray-400">8 Pending &amp; 97 Completed Tasks</div>
                    </div>
                    <!--end::Details-->
                    <!--begin::Badge-->
                    <div class="badge badge-light ms-auto">5</div>
                    <!--end::Badge-->
                </div>
                <!--end::Item-->
                <!--begin::Item-->
                <div class="d-flex align-items-center mb-5">
                    <!--begin::Avatar-->
                    <div class="me-5 position-relative">
                        <!--begin::Image-->
                        <div class="symbol symbol-35px symbol-circle">
                            <span class="symbol-label bg-light-danger text-danger fw-bold">M</span>
                        </div>
                        <!--end::Image-->
                        <!--begin::Online-->
                        <div class="bg-success position-absolute h-8px w-8px rounded-circle translate-middle start-100 top-100 ms-n1 mt-n1"></div>
                        <!--end::Online-->
                    </div>
                    <!--end::Avatar-->
                    <!--begin::Details-->
                    <div class="fw-bold">
                        <a href="#" class="fs-5 fw-bolder text-gray-900 text-hover-primary">Melody Macy</a>
                        <div class="text-gray-400">5 Pending &amp; 84 Completed</div>
                    </div>
                    <!--end::Details-->
                    <!--begin::Badge-->
                    <div class="badge badge-light ms-auto">8</div>
                    <!--end::Badge-->
                </div>
                <!--end::Item-->
                <!--begin::Item-->
                <div class="d-flex align-items-center mb-5">
                    <!--begin::Avatar-->
                    <div class="me-5 position-relative">
                        <!--begin::Image-->
                        <div class="symbol symbol-35px symbol-circle">
                            <img alt="Pic" src="{{asset('assets/media/avatars/300-1.jpg')}}" />
                        </div>
                        <!--end::Image-->
                    </div>
                    <!--end::Avatar-->
                    <!--begin::Details-->
                    <div class="fw-bold">
                        <a href="#" class="fs-5 fw-bolder text-gray-900 text-hover-primary">Max Smith</a>
                        <div class="text-gray-400">9 Pending &amp; 103 Completed</div>
                    </div>
                    <!--end::Details-->
                    <!--begin::Badge-->
                    <div class="badge badge-light ms-auto">9</div>
                    <!--end::Badge-->
                </div>
                <!--end::Item-->
                <!--begin::Item-->
                <div class="d-flex align-items-center mb-5">
                    <!--begin::Avatar-->
                    <div class="me-5 position-relative">
                        <!--begin::Image-->
                        <div class="symbol symbol-35px symbol-circle">
                            <img alt="Pic" src="{{asset('assets/media/avatars/300-5.jpg')}}" />
                        </div>
                        <!--end::Image-->
                    </div>
                    <!--end::Avatar-->
                    <!--begin::Details-->
                    <div class="fw-bold">
                        <a href="#" class="fs-5 fw-bolder text-gray-900 text-hover-primary">Sean Bean</a>
                        <div class="text-gray-400">3 Pending &amp; 55 Completed</div>
                    </div>
                    <!--end::Details-->
                    <!--begin::Badge-->
                    <div class="badge badge-light ms-auto">3</div>
                    <!--end::Badge-->
                </div>
                <!--end::Item-->
                <!--begin::Item-->
                <div class="d-flex align-items-center">
                    <!--begin::Avatar-->
                    <div class="me-5 position-relative">
                        <!--begin::Image-->
                        <div class="symbol symbol-35px symbol-circle">
                            <img alt="Pic" src="{{asset('assets/media/avatars/300-25.jpg')}}" />
                        </div>
                        <!--end::Image-->
                    </div>
                    <!--end::Avatar-->
                    <!--begin::Details-->
                    <div class="fw-bold">
                        <a href="#" class="fs-5 fw-bolder text-gray-900 text-hover-primary">Brian Cox</a>
                        <div class="text-gray-400">4 Pending &amp; 115 Completed</div>
                    </div>
                    <!--end::Details-->
                    <!--begin::Badge-->
                    <div class="badge badge-light ms-auto">4</div>
                    <!--end::Badge-->
                </div>
                <!--end::Item-->
            </div>
            <!--end::Card body-->
        </div>
        <!--end::Card-->
    </div>
    <!--end::Col-->
</div>
<!--end::Row-->
@endsection