@extends('admin.layout')
@section('main')
    <style>
        .ser_count_rs i {
            font-size: 26px;
        }

        .planned_view {
            overflow: hidden;
        }

        .planned_view.purple {
            background: rgb(255 255 255) !important;
            height: 100%;
        }

        .white_shadow1 {
            background: #fff;
        }

        .rank_row .item p {
            color: #686868;
            font-weight: 500;
        }

        .planned_view.purple span {
            background: transparent linear-gradient(112deg, #FF935A 0%, #F17190 100%) 0% 0% no-repeat padding-box;
        }

        .planned_view span svg {
            vertical-align: middle;
            margin-right: 5px;
        }

        .planned_view.yellow span {
            background: transparent linear-gradient(101deg, #65BBFF 0%, #3297E8 100%) 0% 0% no-repeat padding-box;
        }

        .planned_view span {
            background: transparent linear-gradient(101deg, #34CABF 0%, #1DA7D0 100%) 0% 0% no-repeat padding-box;
            font-weight: 500;
            border-radius: 6px;
        }

        .planned_view.purple {
            background: rgb(6 152 230 / 10%);
        }

        .planned_view.yellow {
            background: #fff;
        }

        .rank_row .item p {
            color: #223E6D;
            font-weight: 500;
        }

        .rank_row .item h3 {
            color: #223E6D;
        }

        .planned_view {
            background: #fff;
            border: 1px solid #e8e8e8;
        }

        .rank_row .item {
            border-left: 1px solid #d4d4d4;
        }
    </style>
    <div class="content-header row">

    </div>
    <div class="content-body">
        <!-- Dashboard Ecommerce Starts -->
        <section id="dashboard-ecommerce">
            <div class="row match-height justify-content-end">
                @if (session('moduleType') != 'Camp')
                    <div class="col-lg-12 mr-auto">
                        <h2>Dashboard</h2>
                    </div>
                @endif

                @if ((session('current_role') == 'admin' && Auth::user()->hasRole('admin')) || (session('current_role') == 'super_admin' && Auth::user()->hasRole('super_admin')))
                    <div class="col-lg-2 col-md-6 my-1">
                        <div class="form-group">
                            <select multiple="multiple" class="multiple-select multi_select  w-100" id="DivisionFilter"
                                name="DivisionFilter[]" multiple>
                                @foreach ($DivisionList as $division)
                                    <option value="{{ $division->iDivisionID }}">{{ $division->vDivision }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                @endif



                @if (session('moduleType') == 'Contract' || (session('current_role') == 'admin' && Auth::user()->hasRole('admin')) || (session('current_role') == 'super_admin' && Auth::user()->hasRole('super_admin')) || Auth::user()->eRole == 'Field')
                    <div class="col-lg-2 col-md-6 my-1">
                        <div class="form-group">
                            <select class="select2 select-label form-control w-100" id="ActivityFilter"
                                name="ActivityFilter" onchange="getStudyData();">
                                <option value=""> Select Activity</option>
                                @foreach ($ActivityList as $activity)
                                    <option value="{{ $activity->iActivityTypeID }}">{{ $activity->vActivityType }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>


                    <div class="col-lg-2 col-md-6 my-1">
                        <div class="form-group">
                            <select class="select2 select-label form-control w-100" id="StudyFilter" name="StudyFilter">
                                <option value=""> Select Study</option>
                            </select>
                        </div>
                    </div>

                    <div class="col-lg-2 col-md-6 my-1">
                        <div class="form-group">
                            <select class="select2 select-label form-control w-100" id="fyFilter" name="fyFilter">
                                <option value=""> Select Activity-Year</option>
                                @foreach ($FYYear as $fyGroup)
                                    <option value="{{ $fyGroup->FY }}">
                                        {{ $fyGroup->FY }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-lg-auto col-md-6 my-1">
                        <div class="form-group">
                            <div id="reportrange" class="daterange">
                                <i class="fa fa-calendar"></i>&nbsp;
                                <span></span> <i class="fa fa-caret-down"></i>
                                <input type="hidden" name="dtFrom" id="dtFrom">
                                <input type="hidden" name="dtTo" id="dtTo">
                            </div>
                        </div>
                    </div>
                @endif

                @if ((Auth::user()->eRole == 'Division' && session('moduleType') == 'OtherService'))
<div class="col-lg-auto col-md-6 my-1">
                        <div class="form-group">
                            <div id="reportrange" class="daterange">
                                <i class="fa fa-calendar"></i>&nbsp;
                                <span></span> <i class="fa fa-caret-down"></i>
                                <input type="hidden" name="dtFrom" id="dtFrom">
                                <input type="hidden" name="dtTo" id="dtTo">
                            </div>
                        </div>
                    </div>

                            <div class="col-lg-auto col-md-6 my-1">
            <div class="form-group">
                <select class="select2 select-label form-control w-100" id="iActivityTypeIDFilter"
                    name="iActivityTypeIDFilter">
                    <option value="">Activity Type</option>
                    @foreach (otherServiceActivityType() as $key => $value)
                        <option value="{{ $value->iActivityTypeID }}"> {{ $value->vActivityType }}</option>
                    @endforeach
                </select>
            </div>
        </div>

                @endif
                <div class="col-lg-auto col-md-6 my-1 d-none">
                    <div class="form-group">
                        <div id="reportrange" class="daterange">
                            <i class="fa fa-calendar"></i>&nbsp;
                            <span></span> <i class="fa fa-caret-down"></i>
                        </div>
                    </div>
                </div>

                @if (Auth::user()->eRole != 'Plant')
                    @if (session('moduleType') == 'Contract' || (session('current_role') == 'admin' && Auth::user()->hasRole('admin')) || (session('current_role') == 'super_admin' && Auth::user()->hasRole('super_admin')) || Auth::user()->eRole == 'Field')
                        <div class="col-lg-auto col-md-6 my-1">
                            <div class="d-lg-flex">
                                <a href="#" id="applyfilter" onclick="filterData()" class="btn btn-primary">Apply</a>
                                <a href="#" id="clearFilter" class="btn btn-light ml-1">Clear</a>
                            </div>
                        </div>
                    @endif
                @endif
                @if ((Auth::user()->eRole == 'Division' && session('moduleType') == 'OtherService'))
                        <div class="col-lg-auto col-md-6 my-1">
                            <div class="d-lg-flex">
                                <a href="#" id="otherApplyFilter" class="btn btn-primary">Apply</a>
                                <a href="#" id="otherClearFilter" class="btn btn-light ml-1">Clear</a>
                            </div>
                        </div>
                    @endif



            </div>
            <div class="row match-height">
                <div class="col-xl-12 col-md-12 col-12">
                    @if ((session('current_role') == 'admin' && Auth::user()->hasRole('admin')) || (session('current_role') == 'super_admin' && Auth::user()->hasRole('super_admin')) || ((session('current_role') == 'division' && Auth::user()->hasRole('division')) && session('moduleType') != 'Camp'))
                        <div class="card card-statistics">

                            <div class="card-body statistics-body">

                                <div class="row">
                                    @if ((session('current_role') == 'admin' && Auth::user()->hasRole('admin')) || (session('current_role') == 'super_admin' && Auth::user()->hasRole('super_admin')))
                                        <div class="col-xl-3 col-sm-6 col-12 my-1">
                                            <div class="media" style="border-right: 1px solid #eee;">
                                                <div class="avatar bg-light-info mr-2">
                                                    <div class="avatar-content">
                                                        <i data-feather="server" class="avatar-icon"></i>
                                                    </div>
                                                </div>



                                                <div class="media-body my-auto">
                                                    <h2 class="font-weight-bolder mb-0" id="TotalDivisionCount"></h2>
                                                    <p class="card-text font-small-3 mb-0">Total Division
                                                    </p>
                                                </div>

                                            </div>
                                        </div>



                                        <a href="{{ route('admin.ho') }}" style="color: #6e6b7b;"
                                            class="col-xl-3 col-sm-6 col-12 my-1 ">
                                            <div class="media" style="border-right: 1px solid #eee;">
                                                <div class="avatar bg-light-primary mr-2">
                                                    <div class="avatar-content">
                                                        <i data-feather="user-check" class="avatar-icon"></i>
                                                    </div>
                                                </div>
                                                <div class="media-body my-auto">
                                                    <h2 class="font-weight-bolder mb-0" id="TotalHOUserCount"></h2>
                                                    <p class="card-text font-small-3 mb-0 ">Total HO User</p>
                                                </div>
                                            </div>
                                        </a>
                                    @endif
                                    @if (
                                        ((session('current_role') == 'division' && Auth::user()->hasRole('division')) && auth()->user()->can('field_person_view')) ||
                                            (session('current_role') == 'admin' && Auth::user()->hasRole('admin')) || (session('current_role') == 'super_admin' && Auth::user()->hasRole('super_admin')) ||
                                            Auth::user()->eRole == 'Field')
                                        <a href="{{ route('division.field') }}" style="color: #6e6b7b;"
                                            class="col-xl-3 col-sm-6 col-12 my-1">
                                            <div class="media">
                                                <div class="avatar bg-light-success mr-2">
                                                    <div class="avatar-content">
                                                        <i data-feather="user" class="avatar-icon"></i>
                                                    </div>
                                                </div>
                                                <div class="media-body my-auto">
                                                    <h2 class="font-weight-bolder mb-0" id="TotalFieldPersonCount"></h2>
                                                    <p class="card-text font-small-3 mb-0">Total Field Person</p>
                                                </div>
                                            </div>
                                        </a>
                                    @endif

                                    @if ((session('current_role') == 'division' && Auth::user()->hasRole('division')) && session('moduleType') == 'Counterfeit')
                                        <a href="" style="color: #6e6b7b;" class="col-xl-3 col-sm-6 col-12 my-1">
                                            <div class="media">
                                                <div class="avatar bg-light-success mr-2">
                                                    <div class="avatar-content">
                                                        <i data-feather="user" class="avatar-icon"></i>
                                                    </div>
                                                </div>
                                                <div class="media-body my-auto">
                                                    <h2 class="font-weight-bolder mb-0" id="counterfeitFieldPersonCount">
                                                    </h2>
                                                    <p class="card-text font-small-3 mb-0">Active Field Person</p>
                                                </div>
                                            </div>
                                        </a>
                                    @endif



                                    @if (
                                        ((session('current_role') == 'division' && Auth::user()->hasRole('division')) && auth()->user()->can('doctor_view') && session('moduleType') == 'Contract') ||
                                            (session('current_role') == 'admin' && Auth::user()->hasRole('admin')) || (session('current_role') == 'super_admin' && Auth::user()->hasRole('super_admin')))
                                        <a href="{{ route('division.doctor') }}" style="color: #6e6b7b;"
                                            class="col-xl-3 col-sm-6 col-12 my-1">
                                            <div class="media">
                                                <div class="avatar bg-light-success mr-2">
                                                    <div class="avatar-content">
                                                        <i data-feather="user" class="avatar-icon"></i>
                                                    </div>
                                                </div>
                                                <div class="media-body my-auto">
                                                    <h2 class="font-weight-bolder mb-0" id="TotalDoctorCount"></h2>
                                                    <p class="card-text font-small-3 mb-0">Total Doctor</p>
                                                </div>
                                            </div>
                                        </a>
                                    @endif



                                    @if (session('moduleType') == 'Contract' || (session('current_role') == 'admin' && Auth::user()->hasRole('admin')) || (session('current_role') == 'super_admin' && Auth::user()->hasRole('super_admin')) || Auth::user()->eRole == 'Field')
                                        @if (
                                            ((session('current_role') == 'division' && Auth::user()->hasRole('division')) && auth()->user()->can('activities_master_view')) ||
                                                (session('current_role') == 'admin' && Auth::user()->hasRole('admin')) || (session('current_role') == 'super_admin' && Auth::user()->hasRole('super_admin')))
                                            <a href="{{ route('division.activity') }}" style="color: #6e6b7b;"
                                                class="col-xl-3 col-sm-6 col-12 my-1">
                                                <div class="media" style="border-right: 1px solid #eee;">
                                                    <div class="avatar bg-light-primary mr-2">
                                                        <div class="avatar-content">
                                                            <i data-feather="user-plus" class="avatar-icon"></i>
                                                        </div>
                                                    </div>
                                                    <div class="media-body my-auto">
                                                        <h2 class="font-weight-bolder mb-0" id="TotalActivitiesCount">
                                                        </h2>
                                                        <p class="card-text font-small-3 mb-0">Total Activities
                                                        </p>
                                                    </div>
                                                </div>
                                            </a>
                                        @endif


                                        @if ((session('current_role') == 'division' && Auth::user()->hasRole('division')) && auth()->user()->can('activities_master_view'))
                                            <a href="{{ route('division.medical.approval') }}" style="color: #6e6b7b;"
                                                class="col-xl-3 col-sm-6 col-12 my-1">
                                                <div class="media" style="border-right: 1px solid #eee;">
                                                    <div class="avatar bg-light-primary mr-2">
                                                        <div class="avatar-content">
                                                            <i data-feather="user-plus" class="avatar-icon"></i>
                                                        </div>
                                                    </div>
                                                    <div class="media-body my-auto">
                                                        <h2 class="font-weight-bolder mb-0"
                                                            id="TotalActivitiesMedicalStatusCount"></h2>
                                                        <p class="card-text font-small-3 mb-0">Activities Pending Approval
                                                            from
                                                            Medical Team
                                                        </p>
                                                    </div>
                                                </div>
                                            </a>
                                        @endif
                                    @endif



                                </div>
                            </div>

                        </div>
                    @endif

                    @if (session('moduleType') == 'Contract' || (session('current_role') == 'admin' && Auth::user()->hasRole('admin')) || (session('current_role') == 'super_admin' && Auth::user()->hasRole('super_admin')) || Auth::user()->eRole == 'Field')
                        <div class="card card-statistics">

                            <div class="card-body statistics-body">

                                <div class="row">


                                    @if (
                                        ((session('current_role') == 'division' && Auth::user()->hasRole('division')) && auth()->user()->can('assigned_activity_view')) ||
                                            Auth::user()->eRole == 'Field' ||
                                            (session('current_role') == 'admin' && Auth::user()->hasRole('admin')) || (session('current_role') == 'super_admin' && Auth::user()->hasRole('super_admin')))


                                        @if (Auth::user()->eRole != 'Field')
                                            <a href="{{ route('division.activity.assign') }}" style="color: #6e6b7b;"
                                                class="col-xl-3 col-sm-6 col-12 my-1">
                                            @else
                                                <div class="col-xl-3 col-sm-6 col-12 my-1">
                                        @endif
                                        <div class="media" style="border-right: 1px solid #eee;">
                                            <div class="avatar bg-light-warning mr-2">
                                                <div class="avatar-content">
                                                    <i data-feather="user-plus" class="avatar-icon"></i>
                                                </div>
                                            </div>
                                            <div class="media-body my-auto">
                                                <h2 class="font-weight-bolder mb-0" id="TotalDoctorActivitiesCount">
                                                </h2>
                                                <p class="card-text font-small-3 mb-0">Total Doctors Enrolled</p>
                                            </div>
                                        </div>

                                        @if (Auth::user()->eRole != 'Field')
                                            </a>
                                        @else
                                </div>
                    @endif


                    @if (Auth::user()->eRole != 'Field')
                        <a href="{{ route('division.activity.assign', 'FieldApprovalPending') }}" style="color: #6e6b7b;"
                            class="col-xl-3 col-sm-6 col-12 my-1">
                        @else
                            <a href="{{ route('field.activity.approval.pending') }}" style="color: #6e6b7b;"
                                class="col-xl-3 col-sm-6 col-12 my-1">
                    @endif
                    <div class="media" style="border-right: 1px solid #eee;">
                        <div class="avatar bg-light-warning mr-2">
                            <div class="avatar-content">
                                <i data-feather="user-plus" class="avatar-icon"></i>
                            </div>
                        </div>
                        <div class="media-body my-auto">
                            <h2 class="font-weight-bolder mb-0" id="ActivityApprovalPendingCount">
                            </h2>
                            <p class="card-text font-small-3 mb-0">Field Approval Pending</p>
                        </div>
                    </div>


                    </a>








                    @if ((session('current_role') == 'division' && Auth::user()->hasRole('division')))
                        <a href="{{ route('division.activity.nsm.approval.pending') }}" style="color: #6e6b7b;"
                            class="col-xl-3 col-sm-6 col-12 my-1">
                        @else
                            <a href="{{ route('field.activity.assign', 'NSMApprovalPending') }}" style="color: #6e6b7b;"
                                class="col-xl-3 col-sm-6 col-12 my-1">
                    @endif
                    <div class="media" style="border-right: 1px solid #eee;">
                        <div class="avatar bg-light-success mr-2">
                            <div class="avatar-content">
                                <i data-feather="user-plus" class="avatar-icon"></i>
                            </div>
                        </div>
                        <div class="media-body my-auto">
                            <h2 class="font-weight-bolder mb-0" id="DoctorNSMApprovalCount">
                            </h2>
                            <p class="card-text font-small-3 mb-0">NSM Approval Pending
                            </p>
                        </div>
                    </div>
                    </a>






                    @if ((session('current_role') == 'division' && Auth::user()->hasRole('division')))
                        <a href="{{ route('division.activity.assigned.list') }}" style="color: #6e6b7b;"
                            class="col-xl-3 col-sm-6 col-12 my-1">
                        @else
                            <a href="{{ route('field.activity.assign', 'Pending') }}" style="color: #6e6b7b;"
                                class="col-xl-3 col-sm-6 col-12 my-1">
                    @endif
                    <div class="media" style="border-right: 1px solid #eee;">
                        <div class="avatar bg-light-success mr-2">
                            <div class="avatar-content">
                                <i data-feather="user-plus" class="avatar-icon"></i>
                            </div>
                        </div>
                        <div class="media-body my-auto">
                            <h2 class="font-weight-bolder mb-0" id="DoctorActivitiesAssignedCount">
                            </h2>
                            <p class="card-text font-small-3 mb-0">HO Approval Pending
                            </p>
                        </div>
                    </div>
                    </a>



                    @if ((session('current_role') == 'division' && Auth::user()->hasRole('division')))
                        <a href="{{ route('division.activity.assign', 'Rejected') }}" style="color: #6e6b7b;"
                            class="col-xl-3 col-sm-6 col-12 my-1">
                        @else
                            <a href="{{ route('field.activity.assign', 'Rejected') }}" style="color: #6e6b7b;"
                                class="col-xl-3 col-sm-6 col-12 my-1">
                    @endif

                    <div class="media" style="border-right: 1px solid #eee;">
                        <div class="avatar bg-light-primary mr-2">
                            <div class="avatar-content">
                                <i data-feather="user-plus" class="avatar-icon"></i>
                            </div>
                        </div>
                        <div class="media-body my-auto">
                            <h2 class="font-weight-bolder mb-0" id="TotalDoctorRejectedCount"></h2>
                            <p class="card-text font-small-3 mb-0">Total Doctor Rejected</p>
                        </div>
                    </div>
                    </a>



                    @if ((session('current_role') == 'division' && Auth::user()->hasRole('division')))
                        <a href="{{ route('division.activity.assigned.document') }}" style="color: #6e6b7b;"
                            class="col-xl-3 col-sm-6 col-12 my-1">
                        @else
                            <a href="{{ route('field.doctor.activity', 'Approved') }}" style="color: #6e6b7b;"
                                class="col-xl-3 col-sm-6 col-12 my-1">
                    @endif
                    <div class="media" style="border-right: 1px solid #eee;">
                        <div class="avatar bg-light-warning mr-2">
                            <div class="avatar-content">
                                <i data-feather="user-plus" class="avatar-icon"></i>
                            </div>
                        </div>
                        <div class="media-body my-auto">
                            <h2 class="font-weight-bolder mb-0" id="DocumentSubmissionPendingDoctorsCount"></h2>
                            <p class="card-text font-small-3 mb-0">Document Submission Pending
                                Doctors
                            </p>
                        </div>
                    </div>

                    </a>




                    @if (
                        ((session('current_role') == 'division' && Auth::user()->hasRole('division')) && auth()->user()->can('document_verification_all_documents')) ||
                            Auth::user()->eRole == 'Field' ||
                            (session('current_role') == 'admin' && Auth::user()->hasRole('admin')) || (session('current_role') == 'super_admin' && Auth::user()->hasRole('super_admin')))
                        @if ((session('current_role') == 'division' && Auth::user()->hasRole('division')))
                            <a href="{{ route('division.activity.assigned.document.verify') }}" style="color: #6e6b7b;"
                                class="col-xl-3 col-sm-6 col-12 my-1">
                            @else
                                <a href="{{ route('field.doctor.activity', 'Approved') }}" style="color: #6e6b7b;"
                                    class="col-xl-3 col-sm-6 col-12 my-1">
                        @endif
                        <div class="media" style="border-right: 1px solid #eee;">
                            <div class="avatar bg-light-warning mr-2">
                                <div class="avatar-content">
                                    <i data-feather="file-text" class="avatar-icon"></i>
                                </div>
                            </div>
                            <div class="media-body my-auto">
                                <h2 class="font-weight-bolder mb-0" id="DocumentVerificationPendingCount"></h2>
                                <p class="card-text font-small-3 mb-0">Document Verification Pending
                                </p>
                            </div>
                        </div>

                        </a>
                    @endif

                    @if (
                        ((session('current_role') == 'division' && Auth::user()->hasRole('division')) && auth()->user()->can('doctor_approval_view')) ||
                            Auth::user()->eRole == 'Field' ||
                            (session('current_role') == 'admin' && Auth::user()->hasRole('admin')) || (session('current_role') == 'super_admin' && Auth::user()->hasRole('super_admin')))
                        @if ((session('current_role') == 'division' && Auth::user()->hasRole('division')))
                            <a href="{{ route('division.activity.assigned.document.final.approval') }}"
                                style="color: #6e6b7b;" class="col-xl-3 col-sm-6 col-12 my-1">
                            @else
                                <a href="{{ route('field.doctor.activity', 'DocumentVerified') }}"
                                    style="color: #6e6b7b;" class="col-xl-3 col-sm-6 col-12 my-1">
                        @endif
                        <div class="media" style="border-right: 1px solid #eee;">
                            <div class="avatar bg-light-warning mr-2">
                                <div class="avatar-content">
                                    <i data-feather="user-plus" class="avatar-icon"></i>
                                </div>
                            </div>
                            <div class="media-body my-auto">
                                <h2 class="font-weight-bolder mb-0" id="DoctorApprovalPendingCount"></h2>
                                <p class="card-text font-small-3 mb-0">Doctor Approval Pending
                                </p>
                            </div>
                        </div>

                        </a>
                    @endif
                    @endif


                    @if (
                        ((session('current_role') == 'division' && Auth::user()->hasRole('division')) && auth()->user()->can('payment_approval_view')) ||
                            Auth::user()->eRole == 'Field' ||
                            (session('current_role') == 'admin' && Auth::user()->hasRole('admin')) || (session('current_role') == 'super_admin' && Auth::user()->hasRole('super_admin')))
                        @if ((session('current_role') == 'division' && Auth::user()->hasRole('division')))
                            <a href="{{ route('division.activity.assigned.payment.app.pending') }}"
                                style="color: #6e6b7b;" class="col-xl-3 col-sm-6 col-12 my-1">
                            @else
                                <a href="{{ route('field.doctor.activity', 'Final Approved') }}" style="color: #6e6b7b;"
                                    class="col-xl-3 col-sm-6 col-12 my-1">
                        @endif

                        <div class="media" style="border-right: 1px solid #eee;">
                            <div class="avatar bg-light-primary mr-2">
                                <div class="avatar-content">
                                    <i data-feather="credit-card" class="avatar-icon"></i>
                                </div>
                            </div>
                            <div class="media-body my-auto">
                                <h2 class="font-weight-bolder mb-0" id="PaymentApprovalPendingCount"></h2>
                                <p class="card-text font-small-3 mb-0">Payment Approval Pending</p>
                            </div>
                        </div>

                        </a>
                    @endif


                    @if (
                        ((session('current_role') == 'division' && Auth::user()->hasRole('division')) && auth()->user()->can('payment_pending_view')) ||
                            Auth::user()->eRole == 'Field' ||
                            (session('current_role') == 'admin' && Auth::user()->hasRole('admin')) || (session('current_role') == 'super_admin' && Auth::user()->hasRole('super_admin')))
                        @if ((session('current_role') == 'division' && Auth::user()->hasRole('division')))
                            <a href="{{ route('division.activity.assigned.payment.pending') }}" style="color: #6e6b7b;"
                                class="col-xl-3 col-sm-6 col-12 my-1">
                            @else
                                <a href="{{ route('field.doctor.activity', 'PaymentApproved') }}" style="color: #6e6b7b;"
                                    class="col-xl-3 col-sm-6 col-12 my-1">
                        @endif
                        <div class="media" style="border-right: 1px solid #eee;">
                            <div class="avatar bg-light-primary mr-2">
                                <div class="avatar-content">
                                    <i data-feather="credit-card" class="avatar-icon"></i>
                                </div>
                            </div>
                            <div class="media-body my-auto">
                                <h2 class="font-weight-bolder mb-0" id="PaymentPendingCount"></h2>
                                <p class="card-text font-small-3 mb-0">Marketing Services Verification</p>
                            </div>
                        </div>

                        </a>
                    @endif


                    @if (
                        ((session('current_role') == 'division' && Auth::user()->hasRole('division')) && auth()->user()->can('payment_on_hold_view')) ||
                            Auth::user()->eRole == 'Field' ||
                            (session('current_role') == 'admin' && Auth::user()->hasRole('admin')) || (session('current_role') == 'super_admin' && Auth::user()->hasRole('super_admin')))
                        @if ((session('current_role') == 'division' && Auth::user()->hasRole('division')))
                            <a href="{{ route('division.activity.assigned.payment.hold') }}" style="color: #6e6b7b;"
                                class="col-xl-3 col-sm-6 col-12 my-1">
                            @else
                                <a href="{{ route('field.doctor.activity', 'PaymentHold') }}" style="color: #6e6b7b;"
                                    class="col-xl-3 col-sm-6 col-12 my-1">
                        @endif
                        <div class="media" style="border-right: 1px solid #eee;">
                            <div class="avatar bg-light-warning mr-2">
                                <div class="avatar-content">
                                    <i data-feather="credit-card" class="avatar-icon"></i>
                                </div>
                            </div>
                            <div class="media-body my-auto">
                                <h2 class="font-weight-bolder mb-0" id="PaymentHoldCount"></h2>
                                <p class="card-text font-small-3 mb-0">Payment OnHold</p>
                            </div>
                        </div>

                        </a>
                    @endif

                    @if (
                        ((session('current_role') == 'division' && Auth::user()->hasRole('division')) && auth()->user()->can('payment_initiated_view')) ||
                            Auth::user()->eRole == 'Field' ||
                            (session('current_role') == 'admin' && Auth::user()->hasRole('admin')) || (session('current_role') == 'super_admin' && Auth::user()->hasRole('super_admin')))
                        @if ((session('current_role') == 'division' && Auth::user()->hasRole('division')))
                            <a href="{{ route('division.activity.assigned.payment.initiated') }}" style="color: #6e6b7b;"
                                class="col-xl-3 col-sm-6 col-12 my-1">
                            @else
                                <a href="{{ route('field.doctor.activity', 'PaymentInitiated') }}"
                                    style="color: #6e6b7b;" class="col-xl-3 col-sm-6 col-12 my-1">
                        @endif
                        <div class="media" style="border-right: 1px solid #eee;">
                            <div class="avatar bg-light-warning mr-2">
                                <div class="avatar-content">
                                    <i data-feather="credit-card" class="avatar-icon"></i>
                                </div>
                            </div>
                            <div class="media-body my-auto">
                                <h2 class="font-weight-bolder mb-0" id="PaymentInitiatedCount"></h2>
                                <p class="card-text font-small-3 mb-0">Payment Initiated</p>
                            </div>
                        </div>

                        </a>
                    @endif

                    @if (
                        ((session('current_role') == 'division' && Auth::user()->hasRole('division')) && auth()->user()->can('payment_processed_view')) ||
                            Auth::user()->eRole == 'Field' ||
                            (session('current_role') == 'admin' && Auth::user()->hasRole('admin')) || (session('current_role') == 'super_admin' && Auth::user()->hasRole('super_admin')))
                        @if ((session('current_role') == 'division' && Auth::user()->hasRole('division')))
                            <a href="{{ route('division.activity.assigned.payment.processed') }}" style="color: #6e6b7b;"
                                class="col-xl-3 col-sm-6 col-12 my-1">
                            @else
                                <a href="{{ route('field.doctor.activity', 'PaymentProcessed') }}"
                                    style="color: #6e6b7b;" class="col-xl-3 col-sm-6 col-12 my-1">
                        @endif
                        <div class="media" style="border-right: 1px solid #eee;">
                            <div class="avatar bg-light-success mr-2">
                                <div class="avatar-content">
                                    <i data-feather="credit-card" class="avatar-icon"></i>
                                </div>
                            </div>
                            <div class="media-body my-auto">
                                <h2 class="font-weight-bolder mb-0" id="PaymentProcessedCount"></h2>
                                <p class="card-text font-small-3 mb-0">Cheque Issue</p>
                            </div>
                        </div>

                        </a>
                    @endif

                    @if (
                        ((session('current_role') == 'division' && Auth::user()->hasRole('division')) && auth()->user()->can('cheque_cleared_view')) ||
                            Auth::user()->eRole == 'Field' ||
                            (session('current_role') == 'admin' && Auth::user()->hasRole('admin')) || (session('current_role') == 'super_admin' && Auth::user()->hasRole('super_admin')))
                        @if ((session('current_role') == 'division' && Auth::user()->hasRole('division')))
                            <a href="{{ route('division.activity.assigned.cheque.cleared') }}" style="color: #6e6b7b;"
                                class="col-xl-3 col-sm-6 col-12 my-1">
                            @else
                                <a href="{{ route('field.doctor.activity', 'ChequeCleared') }}" style="color: #6e6b7b;"
                                    class="col-xl-3 col-sm-6 col-12 my-1">
                        @endif
                        <div class="media" style="border-right: 1px solid #eee;">
                            <div class="avatar bg-light-success mr-2">
                                <div class="avatar-content">
                                    <i data-feather="credit-card" class="avatar-icon"></i>
                                </div>
                            </div>
                            <div class="media-body my-auto">
                                <h2 class="font-weight-bolder mb-0" id="ChequeClearedCount"></h2>
                                <p class="card-text font-small-3 mb-0">Cheque Cleared</p>
                            </div>
                        </div>

                        </a>
                    @endif



                    @if (
                        ((session('current_role') == 'division' && Auth::user()->hasRole('division')) && auth()->user()->can('archived_doctors_view')) ||
                            Auth::user()->eRole == 'Field' ||
                            (session('current_role') == 'admin' && Auth::user()->hasRole('admin')) || (session('current_role') == 'super_admin' && Auth::user()->hasRole('super_admin')))
                        @if ((session('current_role') == 'division' && Auth::user()->hasRole('division')))
                            <a href="{{ route('division.activity.assigned.archive') }}" style="color: #6e6b7b;"
                                class="col-xl-3 col-sm-6 col-12 my-1">
                            @else
                                <a href="{{ route('field.doctor.archived') }}" style="color: #6e6b7b;"
                                    class="col-xl-3 col-sm-6 col-12 my-1">
                        @endif
                        <div class="media" style="border-right: 1px solid #eee;">
                            <div class="avatar bg-light-danger mr-2">
                                <div class="avatar-content">
                                    <i data-feather="credit-card" class="avatar-icon"></i>
                                </div>
                            </div>
                            <div class="media-body my-auto">
                                <h2 class="font-weight-bolder mb-0" id="ArchivedDoctorActivitiesCount"></h2>
                                <p class="card-text font-small-3 mb-0">Archived Doctor Activities</p>
                            </div>
                        </div>

                        </a>
                    @endif
                </div>
            </div>

            @endif
    </div>
    </div>
    @include('admin.otherServiceDashboard')



    @if ((session('current_role') == 'admin' && Auth::user()->hasRole('admin')) || (session('current_role') == 'super_admin' && Auth::user()->hasRole('super_admin')))
        <div class="card card-statistics">

            <div class="card-body statistics-body">

                <div class="row">


                    <div class="col-xl-3 col-sm-6 col-12 my-1">
                        <div class="media" style="border-right: 1px solid #eee;">
                            <div class="avatar bg-light-primary mr-2">
                                <div class="avatar-content">
                                    <i class="avatar-icon fa-solid fa-indian-rupee-sign"></i>
                                </div>
                            </div>
                            <div class="media-body my-auto">
                                <h2 class="font-weight-bolder mb-0" id="TotalAmountCount"></h2>
                                <p class="card-text font-small-3 mb-0">Total Amount</p>
                            </div>
                        </div>
                    </div>


                    <div class="col-xl-3 col-sm-6 col-12 my-1">
                        <div class="media" style="border-right: 1px solid #eee;">
                            <div class="avatar bg-light-warning mr-2">
                                <div class="avatar-content">
                                    <i class="avatar-icon fa-solid fa-indian-rupee-sign"></i>
                                </div>
                            </div>
                            <div class="media-body my-auto">
                                <h2 class="font-weight-bolder mb-0" id="PendingAmountCount"></h2>
                                <p class="card-text font-small-3 mb-0">Pending Amount</p>
                            </div>
                        </div>
                    </div>


                    <div class="col-xl-3 col-sm-6 col-12 my-1">
                        <div class="media" style="border-right: 1px solid #eee;">
                            <div class="avatar bg-light-info mr-2">
                                <div class="avatar-content">
                                    <i class="avatar-icon fa-solid fa-indian-rupee-sign"></i>
                                </div>
                            </div>
                            <div class="media-body my-auto">
                                <h2 class="font-weight-bolder mb-0" id="PaymentProcessedAmountCount"></h2>
                                <p class="card-text font-small-3 mb-0">Cheque Issue Amount</p>
                            </div>
                        </div>
                    </div>


                    <div class="col-xl-3 col-sm-6 col-12 my-1">
                        <div class="media" style="border-right: 1px solid #eee;">
                            <div class="avatar bg-light-success mr-2">
                                <div class="avatar-content">
                                    <i class="avatar-icon fa-solid fa-indian-rupee-sign"></i>
                                </div>
                            </div>
                            <div class="media-body my-auto">
                                <h2 class="font-weight-bolder mb-0" id="ChequeClearedAmountCount"></h2>
                                <p class="card-text font-small-3 mb-0">Cheque Cleared Amount</p>
                            </div>
                        </div>
                    </div>






                </div>
            </div>

        </div>
    @endif






    @if (
        ((session('current_role') == 'division' && Auth::user()->hasRole('division')) && session('moduleType') == 'Counterfeit') ||
            Auth::user()->eRole == 'Field' ||
            Auth::user()->eRole == 'Plant')
        <div class="col-xl-12 col-md-12 col-12">
            <div class="card card-statistics">

                <div class="card-body statistics-body">
                    <div class="row">

                        @if (Auth::user()->eRole == 'Plant')
                            <div class="col-xl-3 col-sm-6 col-12 my-1">
                                <a href="{{ route('plant.counterfeit.request', ['status' => 'requested']) }}"
                                    style="color: #6e6b7b;" class="col-xl-3 col-sm-6 col-12 my-1">
                                    <div class="media" style="border-right: 1px solid #eee;">
                                        <div class="avatar bg-light-warning mr-2">
                                            <div class="avatar-content">
                                                <i data-feather="credit-card" class="avatar-icon"></i>
                                            </div>
                                        </div>
                                        <div class="media-body my-auto">
                                            <h2 class="font-weight-bolder mb-0" id="PendingCounterfeitRequest"></h2>
                                            <p class="card-text font-small-3 mb-0">Pending Request</p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        @endif


                        @if ((session('current_role') == 'division' && Auth::user()->hasRole('division')) || Auth::user()->eRole == 'Field')
                            <div class="col-xl-3 col-sm-6 col-12 my-1">

                                @if ((session('current_role') == 'division' && Auth::user()->hasRole('division')))
                                    <a href="{{ route('division.counterfeit.request', ['status' => 'requested']) }}"
                                        style="color: #6e6b7b;" class="col-xl-3 col-sm-6 col-12 my-1">
                                    @elseif(Auth::user()->eRole == 'Field')
                                        <a href="{{ route('field.counterfeit.request', ['status' => 'requested']) }}"
                                            style="color: #6e6b7b;" class="col-xl-3 col-sm-6 col-12 my-1">
                                @endif
                                <div class="media" style="border-right: 1px solid #eee;">
                                    <div class="avatar bg-light-warning mr-2">
                                        <div class="avatar-content">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25"
                                                viewBox="0 0 34.125 29.145">
                                                <g id="Group_33838" data-name="Group 33838"
                                                    transform="translate(-546 -13803)">
                                                    <g id="Group_33831" data-name="Group 33831"
                                                        transform="translate(546.001 13802.999)">
                                                        <path id="Subtraction_1" data-name="Subtraction 1"
                                                            d="M13.557,27.116A13.558,13.558,0,1,1,27.114,13.559c0,.168,0,.339-.009.508a7.467,7.467,0,0,0-1.81.007c.007-.164.011-.337.011-.515a11.754,11.754,0,1,0-6.041,10.268,7.34,7.34,0,0,0,.811,1.617A13.546,13.546,0,0,1,13.557,27.116Zm.946-9.664H13.008V9.327H11.8V7.975h2.7v9.476Z"
                                                            transform="translate(0 0)" fill="#ff9f42" />
                                                        <path id="Path_65233" data-name="Path 65233"
                                                            d="M7.546,15.092A7.546,7.546,0,1,0,0,7.546,7.555,7.555,0,0,0,7.546,15.092Zm0-14.086a6.54,6.54,0,1,1-6.54,6.54,6.546,6.546,0,0,1,6.54-6.54Z"
                                                            transform="translate(18.783 13.804)" fill="#ff9f42" />
                                                        <path id="Path_65233_-_Outline" data-name="Path 65233 - Outline"
                                                            d="M7.546,15.342a7.8,7.8,0,1,1,7.8-7.8A7.8,7.8,0,0,1,7.546,15.342ZM7.546.25a7.3,7.3,0,1,0,7.3,7.3A7.3,7.3,0,0,0,7.546.25Zm0,14.086a6.79,6.79,0,1,1,6.79-6.79A6.8,6.8,0,0,1,7.546,14.336Zm0-13.08a6.29,6.29,0,1,0,6.29,6.29A6.3,6.3,0,0,0,7.546,1.256Z"
                                                            transform="translate(18.783 13.804)" fill="#ff9f42" />
                                                    </g>
                                                    <g id="Group_33832" data-name="Group 33832"
                                                        transform="translate(568.827 13821.794)">
                                                        <path id="Path_65237" data-name="Path 65237"
                                                            d="M170.073,78.027a.441.441,0,0,0,.28.1.448.448,0,0,0,.28-.8l-2.071-1.656V72.306a.448.448,0,0,0-.9,0v3.581a.449.449,0,0,0,.168.349Z"
                                                            transform="translate(-164.727 -72.181)" fill="#ff9f42" />
                                                    </g>
                                                </g>
                                            </svg>
                                        </div>
                                    </div>
                                    <div class="media-body my-auto">
                                        <h2 class="font-weight-bolder mb-0" id="TotalCounterfeitPendingRequestedCount">
                                        </h2>
                                        <p class="card-text font-small-3 mb-0">Total Pending Requested Count</p>
                                    </div>
                                </div>
                                @if ((session('current_role') == 'division' && Auth::user()->hasRole('division')) || Auth::user()->eRole == 'Field')
                                    </a>
                                @endif
                            </div>




                            <div class="col-xl-3 col-sm-6 col-12 my-1">

                                @if ((session('current_role') == 'division' && Auth::user()->hasRole('division')))
                                    <a href="{{ route('division.counterfeit.request', ['status' => 'plant_reviewed']) }}"
                                        style="color: #6e6b7b;" class="col-xl-3 col-sm-6 col-12 my-1">
                                    @elseif(Auth::user()->eRole == 'Field')
                                        <a href="{{ route('field.counterfeit.request', ['status' => 'plant_reviewed']) }}"
                                            style="color: #6e6b7b;" class="col-xl-3 col-sm-6 col-12 my-1">
                                @endif


                                <div class="media" style="border-right: 1px solid #eee;">
                                    <div class="avatar bg-light-warning mr-2">
                                        <div class="avatar-content">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25"
                                                viewBox="0 0 34.125 29.145">
                                                <g id="Group_33838" data-name="Group 33838"
                                                    transform="translate(-546 -13803)">
                                                    <g id="Group_33831" data-name="Group 33831"
                                                        transform="translate(546.001 13802.999)">
                                                        <path id="Subtraction_1" data-name="Subtraction 1"
                                                            d="M13.557,27.116A13.558,13.558,0,1,1,27.114,13.559c0,.168,0,.339-.009.508a7.467,7.467,0,0,0-1.81.007c.007-.164.011-.337.011-.515a11.754,11.754,0,1,0-6.041,10.268,7.34,7.34,0,0,0,.811,1.617A13.546,13.546,0,0,1,13.557,27.116Zm.946-9.664H13.008V9.327H11.8V7.975h2.7v9.476Z"
                                                            transform="translate(0 0)" fill="#ff9f42" />
                                                        <path id="Path_65233" data-name="Path 65233"
                                                            d="M7.546,15.092A7.546,7.546,0,1,0,0,7.546,7.555,7.555,0,0,0,7.546,15.092Zm0-14.086a6.54,6.54,0,1,1-6.54,6.54,6.546,6.546,0,0,1,6.54-6.54Z"
                                                            transform="translate(18.783 13.804)" fill="#ff9f42" />
                                                        <path id="Path_65233_-_Outline" data-name="Path 65233 - Outline"
                                                            d="M7.546,15.342a7.8,7.8,0,1,1,7.8-7.8A7.8,7.8,0,0,1,7.546,15.342ZM7.546.25a7.3,7.3,0,1,0,7.3,7.3A7.3,7.3,0,0,0,7.546.25Zm0,14.086a6.79,6.79,0,1,1,6.79-6.79A6.8,6.8,0,0,1,7.546,14.336Zm0-13.08a6.29,6.29,0,1,0,6.29,6.29A6.3,6.3,0,0,0,7.546,1.256Z"
                                                            transform="translate(18.783 13.804)" fill="#ff9f42" />
                                                    </g>
                                                    <g id="Group_33832" data-name="Group 33832"
                                                        transform="translate(568.827 13821.794)">
                                                        <path id="Path_65237" data-name="Path 65237"
                                                            d="M170.073,78.027a.441.441,0,0,0,.28.1.448.448,0,0,0,.28-.8l-2.071-1.656V72.306a.448.448,0,0,0-.9,0v3.581a.449.449,0,0,0,.168.349Z"
                                                            transform="translate(-164.727 -72.181)" fill="#ff9f42" />
                                                    </g>
                                                </g>
                                            </svg>
                                        </div>
                                    </div>
                                    <div class="media-body my-auto">
                                        <h2 class="font-weight-bolder mb-0" id="TotalCounterfeitPlantReviewedCount"></h2>
                                        <p class="card-text font-small-3 mb-0">Total Factory Reviewed Count</p>
                                    </div>
                                </div>
                                @if ((session('current_role') == 'division' && Auth::user()->hasRole('division')) || Auth::user()->eRole == 'Field')
                                    </a>
                                @endif
                            </div>
                        @endif

                        <div class="col-xl-3 col-sm-6 col-12 my-1">

                            @if ((session('current_role') == 'division' && Auth::user()->hasRole('division')))
                                <a href="{{ route('division.counterfeit.request', ['status' => 'plant_reviewed', 'requeststatus' => 'Genuine']) }}"
                                    style="color: #6e6b7b;" class="col-xl-3 col-sm-6 col-12 my-1">
                                @elseif(Auth::user()->eRole == 'Field')
                                    <a href="{{ route('field.counterfeit.request', ['status' => 'plant_reviewed', 'requeststatus' => 'Genuine']) }}"
                                        style="color: #6e6b7b;" class="col-xl-3 col-sm-6 col-12 my-1">
                                    @elseif(Auth::user()->eRole == 'Plant')
                                        <a href="{{ route('plant.counterfeit.request', ['status' => 'plant_reviewed', 'requeststatus' => 'Genuine']) }}"
                                            style="color: #6e6b7b;" class="col-xl-3 col-sm-6 col-12 my-1">
                            @endif


                            <div class="media" style="border-right: 1px solid #eee;">
                                <div class="avatar bg-light-success mr-2">
                                    <div class="avatar-content">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25"
                                            viewBox="0 0 34.125 29.145">
                                            <g id="Group_33833" data-name="Group 33833"
                                                transform="translate(-546 -13803)">
                                                <g id="Group_33831" data-name="Group 33831"
                                                    transform="translate(546.001 13802.999)">
                                                    <path id="Subtraction_1" data-name="Subtraction 1"
                                                        d="M13.557,27.116A13.558,13.558,0,1,1,27.114,13.559c0,.168,0,.339-.009.508a7.467,7.467,0,0,0-1.81.007c.007-.164.011-.337.011-.515a11.754,11.754,0,1,0-6.041,10.268,7.34,7.34,0,0,0,.811,1.617A13.546,13.546,0,0,1,13.557,27.116Zm.946-9.664H13.008V9.327H11.8V7.975h2.7v9.476Z"
                                                        transform="translate(0 0)" fill="#28c76f"></path>
                                                    <path id="Path_65233" data-name="Path 65233"
                                                        d="M7.546,15.092A7.546,7.546,0,1,0,0,7.546,7.555,7.555,0,0,0,7.546,15.092Zm0-14.086a6.54,6.54,0,1,1-6.54,6.54,6.546,6.546,0,0,1,6.54-6.54Z"
                                                        transform="translate(18.783 13.804)" fill="#28c76f"></path>
                                                    <path id="Path_65233_-_Outline" data-name="Path 65233 - Outline"
                                                        d="M7.546,15.342a7.8,7.8,0,1,1,7.8-7.8A7.8,7.8,0,0,1,7.546,15.342ZM7.546.25a7.3,7.3,0,1,0,7.3,7.3A7.3,7.3,0,0,0,7.546.25Zm0,14.086a6.79,6.79,0,1,1,6.79-6.79A6.8,6.8,0,0,1,7.546,14.336Zm0-13.08a6.29,6.29,0,1,0,6.29,6.29A6.3,6.3,0,0,0,7.546,1.256Z"
                                                        transform="translate(18.783 13.804)" fill="#28c76f"></path>
                                                </g>
                                                <g id="Group_33832" data-name="Group 33832"
                                                    transform="translate(568.827 13821.794)">
                                                    <path id="Path_65234" data-name="Path 65234"
                                                        d="M2.558,5.455A.358.358,0,0,1,2.3,5.349l-2.2-2.2a.359.359,0,1,1,.508-.508L2.558,4.588,6.7.444a.359.359,0,0,1,.508.508l-4.4,4.4A.358.358,0,0,1,2.558,5.455Zm0,0"
                                                        transform="translate(0 -0.339)" fill="#28c76f"></path>
                                                    <path id="Path_65234_-_Outline" data-name="Path 65234 - Outline"
                                                        d="M2.558,5.7h0a.6.6,0,0,1-.43-.178l-2.2-2.2a.609.609,0,0,1,.431-1.04.605.605,0,0,1,.431.178L2.558,4.234,6.525.267a.609.609,0,0,1,.861.861l-4.4,4.4A.6.6,0,0,1,2.558,5.7ZM.359,2.788a.109.109,0,0,0-.077.186l2.2,2.2a.108.108,0,0,0,.077.032h0a.109.109,0,0,0,.077-.032l4.4-4.4A.109.109,0,1,0,6.878.621L2.558,4.942.436,2.82A.108.108,0,0,0,.359,2.788Z"
                                                        transform="translate(0 -0.339)" fill="#28c76f"></path>
                                                </g>
                                            </g>
                                        </svg>
                                    </div>
                                </div>
                                <div class="media-body my-auto">
                                    <h2 class="font-weight-bolder mb-0" id="TotalCounterfeitGenuineCount"></h2>
                                    <p class="card-text font-small-3 mb-0">Total Genuine Count</p>
                                </div>
                            </div>
                            @if ((session('current_role') == 'division' && Auth::user()->hasRole('division')) || Auth::user()->eRole == 'Field' || Auth::user()->eRole == 'Plant')
                                </a>
                            @endif
                        </div>
                        <div class="col-xl-3 col-sm-6 col-12 my-1">
                            @if ((session('current_role') == 'division' && Auth::user()->hasRole('division')))
                                <a href="{{ route('division.counterfeit.request', ['status' => 'plant_reviewed', 'requeststatus' => 'Spurious']) }}"
                                    style="color: #6e6b7b;" class="col-xl-3 col-sm-6 col-12 my-1">
                                @elseif(Auth::user()->eRole == 'Field')
                                    <a href="{{ route('field.counterfeit.request', ['status' => 'plant_reviewed', 'requeststatus' => 'Spurious']) }}"
                                        style="color: #6e6b7b;" class="col-xl-3 col-sm-6 col-12 my-1">
                                    @elseif(Auth::user()->eRole == 'Plant')
                                        <a href="{{ route('plant.counterfeit.request', ['status' => 'plant_reviewed', 'requeststatus' => 'Spurious']) }}"
                                            style="color: #6e6b7b;" class="col-xl-3 col-sm-6 col-12 my-1">
                            @endif
                            <div class="media" style="border-right: 1px solid #eee;">
                                <div class="avatar bg-light-primary mr-2">
                                    <div class="avatar-content">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25"
                                            viewBox="0 0 34.125 29.145">
                                            <g id="Group_33834" data-name="Group 33834"
                                                transform="translate(-546 -13803)">
                                                <g id="Group_33831" data-name="Group 33831"
                                                    transform="translate(546.001 13802.999)">
                                                    <path id="Subtraction_1" data-name="Subtraction 1"
                                                        d="M13.557,27.116A13.558,13.558,0,1,1,27.114,13.559c0,.168,0,.339-.009.508a7.467,7.467,0,0,0-1.81.007c.007-.164.011-.337.011-.515a11.754,11.754,0,1,0-6.041,10.268,7.34,7.34,0,0,0,.811,1.617A13.546,13.546,0,0,1,13.557,27.116Zm.946-9.664H13.008V9.327H11.8V7.975h2.7v9.476Z"
                                                        transform="translate(0 0)" fill="#db634c"></path>
                                                    <path id="Path_65233" data-name="Path 65233"
                                                        d="M7.546,15.092A7.546,7.546,0,1,0,0,7.546,7.555,7.555,0,0,0,7.546,15.092Zm0-14.086a6.54,6.54,0,1,1-6.54,6.54,6.546,6.546,0,0,1,6.54-6.54Z"
                                                        transform="translate(18.783 13.804)" fill="#db634c"></path>
                                                    <path id="Path_65233_-_Outline" data-name="Path 65233 - Outline"
                                                        d="M7.546,15.342a7.8,7.8,0,1,1,7.8-7.8A7.8,7.8,0,0,1,7.546,15.342ZM7.546.25a7.3,7.3,0,1,0,7.3,7.3A7.3,7.3,0,0,0,7.546.25Zm0,14.086a6.79,6.79,0,1,1,6.79-6.79A6.8,6.8,0,0,1,7.546,14.336Zm0-13.08a6.29,6.29,0,1,0,6.29,6.29A6.3,6.3,0,0,0,7.546,1.256Z"
                                                        transform="translate(18.783 13.804)" fill="#db634c"></path>
                                                </g>
                                                <g id="Group_33835" data-name="Group 33835"
                                                    transform="translate(485.539 13737.416)">
                                                    <path id="Path_65235" data-name="Path 65235"
                                                        d="M84.214,90.141a.464.464,0,0,1-.328-.792l5.464-5.463a.464.464,0,0,1,.656.656l-5.464,5.463A.462.462,0,0,1,84.214,90.141Z"
                                                        transform="translate(0 -0.01)" fill="#db634c"></path>
                                                    <path id="Path_65236" data-name="Path 65236"
                                                        d="M89.677,90.131A.462.462,0,0,1,89.349,90l-5.463-5.464a.464.464,0,0,1,.656-.656l5.464,5.464a.464.464,0,0,1-.328.792Z"
                                                        fill="#db634c"></path>
                                                </g>
                                            </g>
                                        </svg>
                                    </div>
                                </div>
                                <div class="media-body my-auto">
                                    <h2 class="font-weight-bolder mb-0" id="TotalCounterfeitSpuriousCount"></h2>
                                    <p class="card-text font-small-3 mb-0">Total Spurious Count</p>
                                </div>
                            </div>
                            @if ((session('current_role') == 'division' && Auth::user()->hasRole('division')) || Auth::user()->eRole == 'Field' || Auth::user()->eRole == 'Plant')
                                </a>
                            @endif
                        </div>
                    </div>
                </div>
                {{-- <div class="row">
                    <div class="col-xl-6 col-sm-6 col-12 my-1">
                        <div class="card card-statistics">
                            <div class="card-body">
                                <canvas id="myChart"></canvas>
                            </div>
                        </div>
                    </div>
                </div> --}}
            </div>

        </div>
    @endif
    </div>
    </div>

    @if (session('moduleType') == 'OtherService' && auth()->user()->can('other_activities_traveldesk_requests'))
        <div class="col-xl-12 col-md-12 col-12">
            <div class="card card-statistics">

                <div class="card-body statistics-body">
                    <div class="row mb-2 mt-2">

                        <div class="col-lg-auto  col-md-6 col-sm-6">
                            <div class="planned_view yellow">
                                <span>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="26.183" height="21.538"
                                        viewBox="0 0 26.183 21.538">
                                        <g id="Group_36573" data-name="Group 36573" transform="translate(-3.75 -8.814)">
                                            <path id="Path_67007" data-name="Path 67007"
                                                d="M27.39,9.064H6.293A2.3,2.3,0,0,0,4,11.357V13.88a.459.459,0,0,0,.459.459,2.522,2.522,0,1,1,0,5.045A.459.459,0,0,0,4,19.842v2.522a2.3,2.3,0,0,0,2.293,2.293h9.784a6.875,6.875,0,1,0,10.767-6.99,2.5,2.5,0,0,1,2.38-3.329.459.459,0,0,0,.459-.459V11.357A2.3,2.3,0,0,0,27.39,9.064Zm1.376,14.159A5.962,5.962,0,1,1,22.8,17.261a5.969,5.969,0,0,1,5.962,5.962Zm0-9.771a3.445,3.445,0,0,0-2.981,3.409c0,.059,0,.117.008.175a6.863,6.863,0,0,0-9.868,6.187c0,.174.014.346.026.517H11.8V22.472a.459.459,0,0,0-.917,0V23.74H6.293a1.377,1.377,0,0,1-1.376-1.376V20.27a3.44,3.44,0,0,0,0-6.818V11.357A1.377,1.377,0,0,1,6.293,9.981h4.586v1.268a.459.459,0,1,0,.917,0V9.981H27.39a1.377,1.377,0,0,1,1.376,1.376Z"
                                                fill="#fff" />
                                            <path id="Path_67007_-_Outline" data-name="Path 67007 - Outline"
                                                d="M6.293,8.814h21.1a2.55,2.55,0,0,1,2.543,2.543V13.88a.709.709,0,0,1-.709.709H29.2a2.248,2.248,0,0,0-2.143,2.924,6.953,6.953,0,0,1,2.582,3.66,7.342,7.342,0,0,1-2.5,7.721A7.007,7.007,0,0,1,22.8,30.352a7.139,7.139,0,0,1-6.926-5.445H6.293A2.55,2.55,0,0,1,3.75,22.365V19.842a.709.709,0,0,1,.709-.709,2.272,2.272,0,1,0,0-4.545.709.709,0,0,1-.709-.709V11.357A2.55,2.55,0,0,1,6.293,8.814Zm22.934,5.274a.208.208,0,0,0,.206-.209V11.357A2.049,2.049,0,0,0,27.39,9.314H6.293A2.049,2.049,0,0,0,4.25,11.357V13.88a.209.209,0,0,0,.209.209,2.772,2.772,0,1,1,0,5.545.209.209,0,0,0-.209.209v2.522a2.049,2.049,0,0,0,2.043,2.043H16.28l.042.2A6.675,6.675,0,0,0,22.8,29.852,6.638,6.638,0,0,0,26.7,17.869l-.063-.046-.026-.073A2.748,2.748,0,0,1,29.2,14.088ZM6.293,9.731h4.837v1.518a.209.209,0,0,0,.417,0V9.731H27.39a1.63,1.63,0,0,1,1.626,1.626V13.67L28.8,13.7a3.207,3.207,0,0,0-2.765,3.162c0,.037,0,.077,0,.12l.026.466-.382-.186a6.613,6.613,0,0,0-6.408.343,6.575,6.575,0,0,0-3.1,5.619c0,.15.011.3.022.453l.023.314H11.547V22.472a.209.209,0,1,0-.417,0V23.99H6.293a1.63,1.63,0,0,1-1.626-1.626V20.051l.217-.029a3.19,3.19,0,0,0,0-6.323l-.217-.029V11.357A1.63,1.63,0,0,1,6.293,9.731Zm4.337.5H6.293a1.129,1.129,0,0,0-1.126,1.126V13.24a3.69,3.69,0,0,1,0,7.243v1.882A1.129,1.129,0,0,0,6.293,23.49h4.336V22.472a.709.709,0,0,1,1.417,0V23.49h3.636c0-.088-.008-.177-.008-.267a7.113,7.113,0,0,1,9.867-6.575,3.712,3.712,0,0,1,2.975-3.408V11.357a1.129,1.129,0,0,0-1.126-1.126H12.047v1.018a.709.709,0,1,1-1.417,0ZM22.8,17.011H22.8a6.212,6.212,0,0,1,0,12.424h-.011a6.212,6.212,0,0,1,0-12.424Zm.01,11.924a5.712,5.712,0,0,0,0-11.424,5.712,5.712,0,0,0,0,11.424Z"
                                                fill="#fff" />
                                            <path id="Path_67008" data-name="Path 67008"
                                                d="M19.459,18.477a.459.459,0,0,0-.459.459v1.726a.459.459,0,1,0,.917,0V18.936A.459.459,0,0,0,19.459,18.477Zm0,4.316a.459.459,0,0,0-.459.459v1.726a.459.459,0,1,0,.917,0V23.252A.459.459,0,0,0,19.459,22.793Z"
                                                transform="translate(-8.121 -5.096)" fill="#fff" />
                                            <path id="Path_67008_-_Outline" data-name="Path 67008 - Outline"
                                                d="M19.459,18.227a.709.709,0,0,1,.709.709v1.726a.709.709,0,1,1-1.417,0V18.936A.709.709,0,0,1,19.459,18.227Zm0,2.644a.209.209,0,0,0,.209-.209V18.936a.209.209,0,0,0-.417,0v1.726A.209.209,0,0,0,19.459,20.871Zm0,1.673a.709.709,0,0,1,.709.709v1.726a.709.709,0,1,1-1.417,0V23.252A.709.709,0,0,1,19.459,22.543Zm0,2.644a.209.209,0,0,0,.209-.209V23.252a.209.209,0,1,0-.417,0v1.726A.209.209,0,0,0,19.459,25.187Z"
                                                transform="translate(-8.121 -5.096)" fill="#fff" />
                                            <path id="Path_67011" data-name="Path 67011"
                                                d="M30.466,24.65v3.669a.459.459,0,0,0,.459.459h2.752a.459.459,0,0,0,0-.917H31.383V24.65a.459.459,0,1,0-.917,0Z"
                                                transform="translate(-8.121 -4.098)" fill="#fff" />
                                            <path id="Path_67011_-_Outline" data-name="Path 67011 - Outline"
                                                d="M30.924,23.941a.709.709,0,0,1,.709.709v2.96h2.043a.709.709,0,0,1,0,1.417H30.924a.709.709,0,0,1-.709-.709V24.65A.709.709,0,0,1,30.924,23.941Zm2.752,4.586a.209.209,0,0,0,0-.417H31.133V24.65a.209.209,0,1,0-.417,0v3.669a.209.209,0,0,0,.209.209Z"
                                                transform="translate(-8.121 -4.098)" fill="#fff" />
                                        </g>
                                    </svg>

                                    Request Count

                                </span>
                                <div class="rank_row">
                                    <div class="item">
                                        <h3 id="totalRequestCount">0</h3>
                                        <p>Total Request</p>
                                    </div>
                                    <div class="item">
                                        <h3 id="pendingRequestCount">0</h3>
                                        <p>Pending Request</p>
                                    </div>
                                    <div class="item">
                                        <h3 id="completedRequestCount">0</h3>
                                        <p>Completed Request</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-auto  col-md-6 col-sm-6">
                            <div class="planned_view">
                                <span>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="26.183" height="21.538"
                                        viewBox="0 0 26.183 21.538">
                                        <g id="Group_36573" data-name="Group 36573" transform="translate(-3.75 -8.814)">
                                            <path id="Path_67007" data-name="Path 67007"
                                                d="M27.39,9.064H6.293A2.3,2.3,0,0,0,4,11.357V13.88a.459.459,0,0,0,.459.459,2.522,2.522,0,1,1,0,5.045A.459.459,0,0,0,4,19.842v2.522a2.3,2.3,0,0,0,2.293,2.293h9.784a6.875,6.875,0,1,0,10.767-6.99,2.5,2.5,0,0,1,2.38-3.329.459.459,0,0,0,.459-.459V11.357A2.3,2.3,0,0,0,27.39,9.064Zm1.376,14.159A5.962,5.962,0,1,1,22.8,17.261a5.969,5.969,0,0,1,5.962,5.962Zm0-9.771a3.445,3.445,0,0,0-2.981,3.409c0,.059,0,.117.008.175a6.863,6.863,0,0,0-9.868,6.187c0,.174.014.346.026.517H11.8V22.472a.459.459,0,0,0-.917,0V23.74H6.293a1.377,1.377,0,0,1-1.376-1.376V20.27a3.44,3.44,0,0,0,0-6.818V11.357A1.377,1.377,0,0,1,6.293,9.981h4.586v1.268a.459.459,0,1,0,.917,0V9.981H27.39a1.377,1.377,0,0,1,1.376,1.376Z"
                                                fill="#fff" />
                                            <path id="Path_67007_-_Outline" data-name="Path 67007 - Outline"
                                                d="M6.293,8.814h21.1a2.55,2.55,0,0,1,2.543,2.543V13.88a.709.709,0,0,1-.709.709H29.2a2.248,2.248,0,0,0-2.143,2.924,6.953,6.953,0,0,1,2.582,3.66,7.342,7.342,0,0,1-2.5,7.721A7.007,7.007,0,0,1,22.8,30.352a7.139,7.139,0,0,1-6.926-5.445H6.293A2.55,2.55,0,0,1,3.75,22.365V19.842a.709.709,0,0,1,.709-.709,2.272,2.272,0,1,0,0-4.545.709.709,0,0,1-.709-.709V11.357A2.55,2.55,0,0,1,6.293,8.814Zm22.934,5.274a.208.208,0,0,0,.206-.209V11.357A2.049,2.049,0,0,0,27.39,9.314H6.293A2.049,2.049,0,0,0,4.25,11.357V13.88a.209.209,0,0,0,.209.209,2.772,2.772,0,1,1,0,5.545.209.209,0,0,0-.209.209v2.522a2.049,2.049,0,0,0,2.043,2.043H16.28l.042.2A6.675,6.675,0,0,0,22.8,29.852,6.638,6.638,0,0,0,26.7,17.869l-.063-.046-.026-.073A2.748,2.748,0,0,1,29.2,14.088ZM6.293,9.731h4.837v1.518a.209.209,0,0,0,.417,0V9.731H27.39a1.63,1.63,0,0,1,1.626,1.626V13.67L28.8,13.7a3.207,3.207,0,0,0-2.765,3.162c0,.037,0,.077,0,.12l.026.466-.382-.186a6.613,6.613,0,0,0-6.408.343,6.575,6.575,0,0,0-3.1,5.619c0,.15.011.3.022.453l.023.314H11.547V22.472a.209.209,0,1,0-.417,0V23.99H6.293a1.63,1.63,0,0,1-1.626-1.626V20.051l.217-.029a3.19,3.19,0,0,0,0-6.323l-.217-.029V11.357A1.63,1.63,0,0,1,6.293,9.731Zm4.337.5H6.293a1.129,1.129,0,0,0-1.126,1.126V13.24a3.69,3.69,0,0,1,0,7.243v1.882A1.129,1.129,0,0,0,6.293,23.49h4.336V22.472a.709.709,0,0,1,1.417,0V23.49h3.636c0-.088-.008-.177-.008-.267a7.113,7.113,0,0,1,9.867-6.575,3.712,3.712,0,0,1,2.975-3.408V11.357a1.129,1.129,0,0,0-1.126-1.126H12.047v1.018a.709.709,0,1,1-1.417,0ZM22.8,17.011H22.8a6.212,6.212,0,0,1,0,12.424h-.011a6.212,6.212,0,0,1,0-12.424Zm.01,11.924a5.712,5.712,0,0,0,0-11.424,5.712,5.712,0,0,0,0,11.424Z"
                                                fill="#fff" />
                                            <path id="Path_67008" data-name="Path 67008"
                                                d="M19.459,18.477a.459.459,0,0,0-.459.459v1.726a.459.459,0,1,0,.917,0V18.936A.459.459,0,0,0,19.459,18.477Zm0,4.316a.459.459,0,0,0-.459.459v1.726a.459.459,0,1,0,.917,0V23.252A.459.459,0,0,0,19.459,22.793Z"
                                                transform="translate(-8.121 -5.096)" fill="#fff" />
                                            <path id="Path_67008_-_Outline" data-name="Path 67008 - Outline"
                                                d="M19.459,18.227a.709.709,0,0,1,.709.709v1.726a.709.709,0,1,1-1.417,0V18.936A.709.709,0,0,1,19.459,18.227Zm0,2.644a.209.209,0,0,0,.209-.209V18.936a.209.209,0,0,0-.417,0v1.726A.209.209,0,0,0,19.459,20.871Zm0,1.673a.709.709,0,0,1,.709.709v1.726a.709.709,0,1,1-1.417,0V23.252A.709.709,0,0,1,19.459,22.543Zm0,2.644a.209.209,0,0,0,.209-.209V23.252a.209.209,0,1,0-.417,0v1.726A.209.209,0,0,0,19.459,25.187Z"
                                                transform="translate(-8.121 -5.096)" fill="#fff" />
                                            <path id="Path_67013" data-name="Path 67013"
                                                d="M71.012,90.448l-3.439,3.439L66,92.315a.475.475,0,1,0-.671.671l1.908,1.908a.475.475,0,0,0,.671,0l3.775-3.775a.475.475,0,0,0-.671-.671Z"
                                                transform="translate(-45.695 -68.889)" fill="#fff" />
                                            <path id="Path_67013_-_Outline" data-name="Path 67013 - Outline"
                                                d="M71.348,90.059h0A.725.725,0,0,1,71.86,91.3l-3.775,3.775a.725.725,0,0,1-1.025,0l-1.908-1.908a.725.725,0,0,1,1.025-1.025l1.4,1.4,3.262-3.262A.72.72,0,0,1,71.348,90.059Zm-3.775,4.724a.224.224,0,0,0,.16-.066l3.775-3.775a.225.225,0,0,0-.318-.318l-3.616,3.616-1.749-1.749a.225.225,0,1,0-.318.318l1.908,1.908A.225.225,0,0,0,67.572,94.784Z"
                                                transform="translate(-45.695 -68.889)" fill="#fff" />
                                        </g>
                                    </svg>
                                    Voucher Count
                                </span>
                                <div class="rank_row">
                                    <div class="item">
                                        <h3 id="totalVoucherCount">0</h3>
                                        <p>Total Voucher</p>
                                    </div>
                                    <div class="item">
                                        <h3 id="stayVoucherCount">0</h3>
                                        <p>Stay Voucher</p>
                                    </div>
                                    <div class="item">
                                        <h3 id="banquetVoucherCount">0</h3>
                                        <p>Banquet Voucher</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endif {{-- Camp module dashboard --}}

    @if ((session('current_role') == 'division' && Auth::user()->hasRole('division')) && session('moduleType') == 'Camp')
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper">
            <div class="content-header row">

            </div>
            <div class="content-body">
                <!-- Dashboard Ecommerce Starts -->
                <section id="dashboard-ecommerce">
                    <div class="row match-height justify-content-end">
                        <div class="col-lg-auto col-md-auto col-sm-auto col-auto mr-auto my-auto">
                            <h2 class="m-0">Dashboard<a href="" class="ml-1" data-toggle="tooltip"
                                    data-placement="right" title=""
                                    data-original-title="Division dashboard with Camp Data."><i
                                        data-feather="help-circle"></i></a></h2>
                        </div>
                        <div class="col-lg-2 col-md-6 my-1">
                            <div class="form-group">
                                <select class="select2 select-label form-control w-100" id="campFilter"
                                    name="select-label">
                                    <option value="" selected default disabled> Select Camp</option>
                                    @foreach ($campList as $list)
                                        <option value="{{ $list->iCampID }}">{{ $list->vCampName }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="col-lg-auto col-md-6 my-1">
                            <div class="form-group">
                                <div class="daterange" id="campDateFilter">
                                    <i class="fa fa-calendar"></i>&nbsp;
                                    <span></span> <i class="fa fa-caret-down"></i>
                                </div>
                            </div>
                        </div>

                        {{-- <div class="col-lg-auto col-md-6 my-1">
                            <select class="select2 select-label form-control w-100" aria-label="Default select example" id="financialYearFilter">
                                <option value="" selected default disabled>Select financial year</option>
                                <option value="2024-25">2024 - 25</option>
                                <option value="2025-26">2025 - 26</option>
                                <option value="2026-27">2026 - 27</option>
                            </select>
                        </div> --}}

                        <div class="col-lg-auto col-md-6 my-1">
                            <div class="d-flex align-items-center">
                                <a href="#" onclick="campData()" class="btn btn-primary search_blue mr-1"><i
                                        class="fa fa-search"></i></a>
                                <a href="#" onclick="reset()" class="btn btn-danger close_red mr-1"><i
                                        class="fa fa-times"></i></a>
                            </div>
                        </div>
                    </div>

                    <div class="row mb-4">
                        <div class="col-lg-auto  col-md-6 col-sm-6">
                            <div class="planned_view yellow">
                                <span>Total Camps</span>
                                <div class="rank_row">
                                    <div class="item">
                                        <h3 id="totalCampCount"></h3>
                                        <p>Camps</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-auto  col-md-6 col-sm-6">
                            <div class="planned_view">
                                <span>Planned</span>
                                <div class="rank_row">
                                    <div class="item">
                                        <h3 id="plannedPendingCount"></h3>
                                        <p>Pending</p>
                                    </div>
                                    <div class="item">
                                        <h3 id="plannedApprovedCount"></h3>
                                        <p>Approved</p>
                                    </div>
                                    <div class="item">
                                        <h3 id="plannedRejectedCount"></h3>
                                        <p>Rejected</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-auto  col-md-6 col-sm-6">
                            <div class="planned_view purple">
                                <span>Implemented</span>
                                <div class="rank_row">
                                    <div class="item">
                                        <h3 id="implementedPendingCount"></h3>
                                        <p>Pending</p>
                                    </div>
                                    <div class="item">
                                        <h3 id="implementedApprovedCount"></h3>
                                        <p>Approved</p>
                                    </div>
                                    <div class="item">
                                        <h3 id="implementedRejectedCount"></h3>
                                        <p>Rejected</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-auto  col-md-6 col-sm-6">
                            <div class="planned_view green">
                                <span>Cancelled</span>
                                <div class="rank_row">
                                    <div class="item">
                                        <h3 id="cancelledCampCount"></h3>
                                        <p>Cancelled</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </section>
                <!-- Dashboard Ecommerce ends -->

                <div class="border_rs">
                    <div class="row pt-1 pb-1">
                        <div class="col-lg-12">
                            <h5 class="title">Filter</h5>
                        </div>
                        <div class="col-lg-auto  col-md-6 col-sm-6">
                            <label class="form-label">My Team</label>
                            <select class="select2 select-label form-control w-100" aria-label="Default select example"
                                id="myTeamFilter">
                                <option selected default disabled>Select field person</option>
                                @foreach ($fieldPersons as $person)
                                    <option value="{{ $person->iUserID }}">{{ $person->vFirstName }}
                                        {{ $person->vLastName }} - ({{ $person->vDesignation }})</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-lg-auto  col-md-6 col-sm-6 mt-auto">
                            <label class="form-label"></label>
                            <select class="select2 select-label form-control w-100" aria-label="Default select example"
                                id="campStageFilter">
                                <option value="" selected default disabled>Select Camp Stage</option>
                                <option value="1">Planned</option>
                                <option value="2">Implemented</option>
                            </select>
                        </div>

                        <div class="col-lg-auto col-md-auto  col-sm-auto col-auto mt-auto">
                            <div class="d-flex align-items-center">
                                <a href="#" onclick="setCampGraph()" class="btn btn-primary search_blue mr-1"><i
                                        class="fa fa-search"></i></a>
                                <a href="#" onclick="resetGraph()" class="btn btn-danger close_red mr-1"><i
                                        class="fa fa-times"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="row pt-1 pb-1">

                        <div class="col-12 col-lg-12 col-md-12">
                            <div class="white_shadow1 mb-3">
                                <div class="pb-3">
                                    <div class="row">
                                        <div class="col-lg-auto col-md-auto  col-sm-auto col-auto my-auto">
                                            <h5 class="title">Camp Statistics</h5>
                                        </div>
                                    </div>
                                </div>
                                <div class="box">
                                    <div id="chart"></div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endif
    </section>


    </div>

@endsection
@section('scripts')
    @include('scripts.otherServices.dashboard-scripts')
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>

    <script>
        $(function() {
            $('.multiple-select').multipleSelect({
                placeholder: 'Select Divisions',
                includeSelectAllOption: false,
                selectAllText: 'Select All Divisions',
                enableCheckAll: true
            })
        });



        $('#iDivisionIDNav').change(function() {
            let fyValue = $('#fyFilter option:last').val();
            $('#fyFilter').val(fyValue).trigger('change');
            @if (session('moduleType') == 'Camp')
                $('#ActivityFilter').val('');
                campData();
                setCampGraph();
                getFilterUsers();
            @else
                $('#ActivityFilter').val('');
                $('#StudyFilter').val('');
                // $('#fyFilter').val('');
                $(".select2").select2();
                getStudyData();
                filterData();
            @endif

            filterOtherActivityData();
            filterOtherActivityContractData();

        });

        $('#otherApplyFilter').click(function() {
            filterOtherActivityData();
            filterOtherActivityContractData();
        });
        $('#otherClearFilter').click(function() {
            $("#iActivityTypeIDFilter").val('').select2();
            var start = moment().month(3).startOf('month');
            var end = moment().add(1, 'year').month(2).endOf('month');
            $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format(
                'MMMM D, YYYY'));
            $("#dtFrom").val(start.format('YYYY-MM-DD'));
            $("#dtTo").val(end.format('YYYY-MM-DD'));
            filterOtherActivityData();
            filterOtherActivityContractData();
        });




        function getFilterUsers() {
            var divisionID = $('#iDivisionIDNav option:selected').val();

            $('#myTeamFilter').empty();
            $('#myTeamFilter').append('<option selected disabled>Select field person</option>');

            if (divisionID) {
                $.ajax({
                    url: '{{ route('division.getFieldPersons') }}',
                    type: 'POST',
                    data: {
                        divisionID: divisionID,
                        _token: '{{ csrf_token() }}'
                    },
                    success: function(data) {
                        if (data.length > 0) {
                            $.each(data, function(index, person) {
                                var lastName = person.vLastName != null ? person.vLastName : '';
                                $('#myTeamFilter').append(
                                    '<option value="' + person.iUserID + '">' +
                                    person.vFirstName + ' ' + lastName +
                                    ' - (' + person.vDesignation + ')</option>'
                                );
                            });
                        } else {
                            $('#myTeamFilter').append('<option disabled>No field persons available</option>');
                        }

                        $(".select2").select2();
                    },
                    error: function() {
                        alert("Error fetching field persons");
                    }
                });
            }
        }
        document.addEventListener('DOMContentLoaded', () => {
            const select = document.getElementById('DivisionFilter');
            if (select) {
                Array.from(select.options).forEach(option => option.selected = true);
            }
        });
        $('#clearFilter').click(function() {

            $('#DivisionFilter').val('all');
            $('#ActivityFilter').val('');
            $('#StudyFilter').val('');
            $('#fyFilter').val('');
            $(".select2").select2();
            const select = document.getElementById('DivisionFilter');
            if (select) {
                Array.from(select.options).forEach(option => option.selected = true);
            }
            filterData();
        });

        @if ((session('current_role') == 'admin' && Auth::user()->hasRole('admin')) || (session('current_role') == 'super_admin' && Auth::user()->hasRole('super_admin')) || Auth::user()->eRole == 'Plant' || Auth::user()->eRole == 'Field')
            filterData();
        @endif
        @if (session('current_role') == 'division' && Auth::user()->hasRole('division'))
        filterOtherActivityData();
        filterOtherActivityContractData();
        @endif

        function filterData() {
            @if ((session('current_role') == 'admin' && Auth::user()->hasRole('admin')) || (session('current_role') == 'super_admin' && Auth::user()->hasRole('super_admin')))
                if (Array.from($('#DivisionFilter option:selected'), option => option.value).length == 0) {
                    const select = document.getElementById('DivisionFilter');
                    if (select) {
                        Array.from(select.options).forEach(option => option.selected = true);
                    }
                }
            @endif

            $.ajax({
                url: "{{ url('/dashboardFilter') }}",
                type: "POST",
                data: {
                    iDivisionID: Array.from($('#DivisionFilter option:selected'), option => option.value),
                    iActivityTypeID: $('#ActivityFilter option:selected').val(),
                    iDivisionIDNav: $('#iDivisionIDNav option:selected').val(),
                    StudyFilter: $('#StudyFilter option:selected').val(),
                    fyFilter: $('#fyFilter option:selected').val(),
                    dtFrom: $("#dtFrom").val(),
                    dtTo: $("#dtTo").val(),
                    _token: '{{ csrf_token() }}'
                },
                success: function(result) {
                    // alert(result);
                    $('#TotalDivisionCount').html(result.TotalDivision);
                    $('#TotalHOUserCount').html(result.TotalHOUser);
                    $('#TotalFieldPersonCount').html(result.TotalFieldPerson);

                    $('#TotalDoctorCount').html(result.TotalDoctor);
                    $('#TotalActivitiesCount').html(result.TotalActivities);
                    $('#TotalActivitiesMedicalStatusCount').html(result.TotalActivitiesMedicalStatus);
                    $('#TotalDoctorActivitiesCount').html(result.TotalDoctorActivities);
                    $('#ActivityApprovalPendingCount').html(result.ActivityApprovalPending);
                    $('#DoctorNSMApprovalCount').html(result.nsmApprovalPending);
                    $('#DoctorActivitiesAssignedCount').html(result.DoctorActivitiesAssigned);
                    $('#TotalDoctorRejectedCount').html(result.TotalDoctorRejected);
                    $('#DocumentSubmissionPendingDoctorsCount').html(result.DocumentSubmissionPendingDoctors);
                    $('#DoctorApprovalPendingCount').html(result.DoctorApprovalPending);
                    $('#PaymentApprovalPendingCount').html(result.PaymentApprovalPending);
                    $('#PaymentPendingCount').html(result.PaymentPending);
                    $('#PaymentHoldCount').html(result.PaymentHold);
                    $('#PaymentInitiatedCount').html(result.PaymentInitiated);
                    $('#PaymentProcessedCount').html(result.PaymentProcessed);
                    $('#ArchivedDoctorActivitiesCount').html(result.ArchivedDoctorActivities);
                    $('#DocumentVerificationPendingCount').html(result.DocumentVerificationPending);
                    $('#TotalAmountCount').html(numDifferentiation(result.TotalAmount));
                    $('#PendingAmountCount').html(numDifferentiation(result.PendingAmount));
                    $('#ReleasedAmountCount').html(numDifferentiation(result.ReleasedAmount));
                    $('#PaymentProcessedAmountCount').html(numDifferentiation(result.PaymentProcessedAmount));
                    $('#ChequeClearedAmountCount').html(numDifferentiation(result.ChequeClearedAmount));
                    $('#ChequeClearedCount').html(result.ChequeCleared);

                    $('#PendingCounterfeitRequest').html(result.PendingCounterfeitRequest);
                    $('#TotalCounterfeitPendingRequestedCount').html(result.TotalCounterfeitPendingRequestedCount);
                    $('#TotalCounterfeitApprovedCount').html(result.TotalCounterfeitApprovedCount);
                    $('#TotalCounterfeitRejectedCount').html(result.TotalCounterfeitRejectedCount);
                    $('#TotalCounterfeitPlantReviewedCount').html(result.TotalCounterfeitPlantReviewedCount);
                    $('#TotalCounterfeitGenuineCount').html(result.TotalCounterfeitGenuineCount);
                    $('#TotalCounterfeitSpuriousCount').html(result.TotalCounterfeitSpuriousCount);


                    // $('#PaymentProcessedAmountCount').html(result.PaymentProcessedAmount);
                    // $('#ChequeClearedAmountCount').html(result.ChequeClearedAmount);
                    // $('#ChequeClearedCount').html(result.ChequeCleared);
                    @if ((session('current_role') == 'division' && Auth::user()->hasRole('division')))
                        setDivision($("#iDivisionIDNav").val(), false);
                    @endif

                    @if ((session('current_role') == 'division' && Auth::user()->hasRole('division')) && session('moduleType') == 'Counterfeit')
                        $('#counterfeitFieldPersonCount').html(result.counterfeitFieldPerson);
                        // var resultchart = {
                        //     TotalCounterfeitPendingRequestedCount: result
                        //
                        // .TotalCounterfeitPendingRequestedCount,
                        //     TotalCounterfeitApprovedCount: result.TotalCounterfeitApprovedCount,
                        //     TotalCounterfeitRejectedCount: result.TotalCounterfeitRejectedCount,
                        //     TotalCounterfeitPlantReviewedCount: result.TotalCounterfeitPlantReviewedCount,
                        //     TotalCounterfeitGenuineCount: result.TotalCounterfeitGenuineCount,
                        //     TotalCounterfeitSpuriousCount: result.TotalCounterfeitSpuriousCount
                        // };
                        // Create the chart with the example data
                        // createChart(resultchart);
                    @endif



                    @if (Auth::user()->eRole == 'Plant')
                        var plantresultchart = {
                            PendingCounterfeitRequest: result.PendingCounterfeitRequest,
                            TotalCounterfeitGenuineCount: result.TotalCounterfeitGenuineCount,
                            TotalCounterfeitSpuriousCount: result.TotalCounterfeitSpuriousCount
                        };
                        // Create the chart with the example data
                        // createPlantChart(plantresultchart);
                    @endif


                    @if ((session('current_role') == 'division' && Auth::user()->hasRole('division')) && auth()->user()->can('other_activities_traveldesk_requests'))
                        $('#totalRequestCount').html(result.totalRequestCount);
                        $('#pendingRequestCount').html(result.pendingRequestCount);
                        $('#completedRequestCount').html(result.completedRequestCount);
                        $('#totalVoucherCount').html(result.totalVoucherCount);
                        $('#stayVoucherCount').html(result.stayVoucherCount);
                        $('#banquetVoucherCount').html(result.banquetVoucherCount);
                    @endif

                },
                error: function(jqXHR, textStatus, errorThrown) {
                    if (jqXHR.status == 419) {
                        $.notify("Please refresh the Page", "error");
                    } else if (jqXHR.status == 500) {
                        $.notify("Please try after a few minutes", "error");
                    } else {
                        $.notify(jqXHR.responseJSON.message, "error");
                    }
                }
            })
        }


        function setDivision(iDivisionID, reload = true) {
            $.post("{{ route('division.set.session') }}", {
                    iDivisionID: iDivisionID,
                    _token: "{{ csrf_token() }}"
                },
                function(data, status) {

                });
        }

        function getStudyData() {
            $.ajax({
                url: "{{ url('/get-study-data') }}",
                type: "POST",
                data: {
                    // iDivisionID: $('#DivisionFilter option:selected').val(),
                    iDivisionID: Array.from($('#DivisionFilter option:selected'), option => option.value),
                    iActivityTypeID: $('#ActivityFilter option:selected').val(),
                    iDivisionIDNav: $('#iDivisionIDNav option:selected').val(),
                    _token: '{{ csrf_token() }}'
                },
                success: function(result) {
                    $('#StudyFilter').html('<option value="">Select Study</option>');
                    $.each(result, function(key, value) {
                        $("#StudyFilter").append('<option value="' + value.iActivityID + '">' + value
                            .vActivity + '</option>');
                    });

                }
            })
        }



        function numDifferentiation(val) {
            if (val >= 10000000) val = (val / 10000000).toFixed(2) + ' Cr';
            else if (val >= 100000) val = (val / 100000).toFixed(2) + ' Lac';
            else if (val >= 1000) val = (val / 1000).toFixed(2) + ' K';
            return val;
        }
        var chartInstance;


        function createChart(result) {

            // console.log(result);return;

            // Check if the chart instance already exists
            if (chartInstance) {
                // Destroy the existing chart instance
                chartInstance.destroy();
            }

            // console.log(TotalCounterfeitPendingRequestedCount);
            var ctx = document.getElementById('myChart').getContext('2d');
            chartInstance = new Chart(ctx, {
                type: 'bar',
                data: {
                    labels: ['Pending Requested', 'HO Approved', 'HO Rejected',
                        'Factory Reviewed', 'Genuine', 'Spurious'
                    ],
                    datasets: [{
                        data: [result.TotalCounterfeitPendingRequestedCount, result
                            .TotalCounterfeitApprovedCount, result.TotalCounterfeitRejectedCount, result
                            .TotalCounterfeitPlantReviewedCount, result.TotalCounterfeitGenuineCount,
                            result.TotalCounterfeitSpuriousCount
                        ],
                        borderWidth: 2,
                        backgroundColor: [
                            'rgba(255, 99, 132, 0.2)',
                            'rgba(54, 162, 235, 0.2)',
                            'rgba(255, 206, 86, 0.2)',
                            'rgba(75, 192, 192, 0.2)',
                            'rgba(153, 102, 255, 0.2)',
                            'rgba(255, 159, 64, 0.2)'
                        ],
                        borderColor: [
                            'rgba(255, 99, 132, 1)',
                            'rgba(54, 162, 235, 1)',
                            'rgba(255, 206, 86, 1)',
                            'rgba(75, 192, 192, 1)',
                            'rgba(153, 102, 255, 1)',
                            'rgba(255, 159, 64, 1)'
                        ]
                    }]
                },
                options: {
                    plugins: {
                        legend: {
                            display: false
                        }
                    },
                    scales: {
                        y: {
                            beginAtZero: true,
                            title: {
                                display: true,
                                text: 'Counts'
                            }
                        },
                        x: {
                            title: {
                                display: true,
                                text: 'Proactive Sampling Request'
                            }
                        }
                    }
                }
            });
        }


        var plantchartInstance;


        function createPlantChart(result) {

            // console.log(result);return;

            // Check if the chart instance already exists
            if (plantchartInstance) {
                // Destroy the existing chart instance
                plantchartInstance.destroy();
            }

            // console.log(TotalCounterfeitPendingRequestedCount);
            var plantdata = document.getElementById('myChart').getContext('2d');
            plantchartInstance = new Chart(plantdata, {
                type: 'bar',
                data: {
                    labels: ['Pending Requested', 'Genuine', 'Spurious'],
                    datasets: [{
                        data: [result.PendingCounterfeitRequest, result.TotalCounterfeitGenuineCount,
                            result.TotalCounterfeitSpuriousCount
                        ],
                        borderWidth: 2,
                        backgroundColor: [
                            'rgba(255, 99, 132, 0.2)',
                            'rgba(54, 162, 235, 0.2)',
                            'rgba(255, 206, 86, 0.2)'
                        ],
                        borderColor: [
                            'rgba(255, 99, 132, 1)',
                            'rgba(54, 162, 235, 1)',
                            'rgba(255, 206, 86, 1)'
                        ]
                    }]
                },
                options: {
                    plugins: {
                        legend: {
                            display: false
                        }
                    },
                    scales: {
                        y: {
                            beginAtZero: true,
                            title: {
                                display: true,
                                text: 'Counts'
                            }
                        },
                        x: {
                            title: {
                                display: true,
                                text: 'Proactive Sampling Request'
                            }
                        }
                    }
                }
            });
        }
    </script>

    {{-- Camp counts Script --}}

    @if ((session('current_role') == 'division' && Auth::user()->hasRole('division')) && session('moduleType') == 'Camp')
        <script>
            // $(document).ready(function() {
            //     $('#financialYearFilter').val('1').trigger('change');
            //     $('#financialYearFilter').on('change', function() {
            //         var selectedYear = $(this).val();
            //         console.log('Selected Financial Year:', selectedYear);
            //     });
            // });

            var dateFilterStart = '';
            var dateFilterEnd = '';
            $(function() {
                var currentDate = moment();
                var fyStart = currentDate.month() >= 3 ? moment([currentDate.year(), 3, 1]) : moment([currentDate
                    .year() - 1, 3, 1
                ]);
                var fyEnd = fyStart.clone().add(1, 'year').subtract(1, 'day');

                function cb(start, end) {
                    $('#campDateFilter span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
                    updateDateRange();
                }

                $('#campDateFilter').daterangepicker({
                    startDate: fyStart,
                    endDate: fyEnd,
                    ranges: {
                        'Today': [moment(), moment()],
                        'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                        'Last 7 Days': [moment().subtract(6, 'days'), moment()],
                        'Last 30 Days': [moment().subtract(29, 'days'), moment()],
                        'This Month': [moment().startOf('month'), moment().endOf('month')],
                        'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1,
                            'month').endOf('month')],
                        'Financial Year': [fyStart, fyEnd]
                    }
                }, cb);

                cb(fyStart, fyEnd);

                function updateDateRange() {
                    var campDateRange = $("#campDateFilter span").text().split(' - ');
                    dateFilterStart = campDateRange[0] ? moment(campDateRange[0], 'MMMM D, YYYY').format('YYYY-MM-DD') :
                        '';
                    dateFilterEnd = campDateRange[1] ? moment(campDateRange[1], 'MMMM D, YYYY').format('YYYY-MM-DD') :
                        '';
                }
            });

            function reset() {
                $('#campFilter').val('').trigger('change');

                var currentDate = moment();
                var fyStart = currentDate.month() >= 3 ? moment([currentDate.year(), 3, 1]) : moment([currentDate.year() - 1, 3,
                    1
                ]);
                var fyEnd = fyStart.clone().add(1, 'year').subtract(1, 'day');

                $('#campDateFilter').daterangepicker({
                    startDate: fyStart,
                    endDate: fyEnd,
                    ranges: {
                        'Today': [moment(), moment()],
                        'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                        'Last 7 Days': [moment().subtract(6, 'days'), moment()],
                        'Last 30 Days': [moment().subtract(29, 'days'), moment()],
                        'This Month': [moment().startOf('month'), moment().endOf('month')],
                        'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month')
                            .endOf('month')
                        ],
                        'Financial Year': [fyStart, fyEnd]
                    }
                }, function(start, end) {
                    $('#campDateFilter span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
                    dateFilterStart = start.format('YYYY-MM-DD');
                    dateFilterEnd = end.format('YYYY-MM-DD');
                });

                $('#campDateFilter span').html(fyStart.format('MMMM D, YYYY') + ' - ' + fyEnd.format('MMMM D, YYYY'));

                dateFilterStart = fyStart.format('YYYY-MM-DD');
                dateFilterEnd = fyEnd.format('YYYY-MM-DD');

                campData();
                setCampGraph();
            }

            function campData() {
                var currentDate = moment();
                var fyStart = currentDate.month() >= 3 ? moment([currentDate.year(), 3, 1]) : moment([currentDate.year() - 1, 3,
                    1
                ]);
                var fyEnd = fyStart.clone().add(1, 'year').subtract(1, 'day');

                var startDate = dateFilterStart || fyStart.format('YYYY-MM-DD');
                var endDate = dateFilterEnd || fyEnd.format('YYYY-MM-DD');

                $.ajax({
                    url: "{{ route('division.camp.dashboard.data') }}",
                    type: "POST",
                    data: {
                        iCampID: $('#campFilter option:selected').val(),
                        campStartDateFilter: startDate,
                        campEndDateFilter: endDate,
                        iDivisionIDNav: $('#iDivisionIDNav option:selected').val(),
                        _token: '{{ csrf_token() }}'
                    },
                    success: function(result) {
                        $('#totalCampCount').html(result.totalCampCount);
                        $('#plannedApprovedCount').html(result.plannedApprovedCount);
                        $('#plannedPendingCount').html(result.plannedPendingCount);
                        $('#plannedRejectedCount').html(result.plannedRejectedCount);
                        $('#implementedApprovedCount').html(result.implementedApprovedCount);
                        $('#implementedPendingCount').html(result.implementedPendingCount);
                        $('#implementedRejectedCount').html(result.implementedRejectedCount);
                        $('#cancelledCampCount').html(result.cancelledCampCount);
                        setCampGraph();
                    }
                });
            }
            campData();
            setCampGraph();
        }

        function campData() {
            var currentDate = moment();
            var fyStart = currentDate.month() >= 3 ? moment([currentDate.year(), 3, 1]) : moment([currentDate.year() - 1, 3, 1]);
            var fyEnd = fyStart.clone().add(1, 'year').subtract(1, 'day');

            var startDate = dateFilterStart || fyStart.format('YYYY-MM-DD');
            var endDate = dateFilterEnd || fyEnd.format('YYYY-MM-DD');

            $.ajax({
                url: "{{ route('division.camp.dashboard.data') }}",
                type: "POST",
                data: {
                    iCampID: $('#campFilter option:selected').val(),
                    campStartDateFilter: startDate,
                    campEndDateFilter: endDate,
                    iDivisionIDNav: $('#iDivisionIDNav option:selected').val(),
                    _token: '{{ csrf_token() }}'
                },
                success: function(result) {
                    $('#totalCampCount').html(result.totalCampCount);
                    $('#plannedApprovedCount').html(result.plannedApprovedCount);
                    $('#plannedPendingCount').html(result.plannedPendingCount);
                    $('#plannedRejectedCount').html(result.plannedRejectedCount);
                    $('#implementedApprovedCount').html(result.implementedApprovedCount);
                    $('#implementedPendingCount').html(result.implementedPendingCount);
                    $('#implementedRejectedCount').html(result.implementedRejectedCount);
                    $('#cancelledCampCount').html(result.cancelledCampCount);                    
                    setCampGraph();
                    if (result.campList) {
                        var $campFilter = $('#campFilter');
                        $campFilter.empty();
                        $campFilter.append('<option value="" disabled selected>Select Camp</option>'); 

                        $.each(result.campList, function(index, camp) {
                            $campFilter.append(
                                $('<option></option>').val(camp.iCampID).text(camp.vCampName)
                            );
                        });

                        $campFilter.trigger('change.select2');
                    }

                }
            });
        }
        campData();
    </script>
    @endif

    {{-- camp chart script --}}

    <script>
        @if ((session('current_role') == 'division' && Auth::user()->hasRole('division')) && session('moduleType') == 'Camp')

            function getMonthName(monthNumber) {
                const monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
                return monthNames[monthNumber - 1];
            }

            var chartOptions = {
                series: [{
                        name: "Planned",
                        data: []
                    },
                    {
                        name: "Implemented",
                        data: []
                    }
                ],
                colors: ["#ff8b6b", "#205781"],
                chart: {
                    type: "bar",
                    height: 350,
                    stacked: true
                },
                plotOptions: {
                    bar: {
                        horizontal: false,
                        columnWidth: '20%'
                    }
                },
                dataLabels: {
                    enabled: false
                },
                stroke: {
                    width: 1,
                    colors: ["#fff"]
                },
                xaxis: {
                    categories: [],
                    title: {
                        text: "Months"
                    }
                },
                yaxis: {
                    title: {
                        text: "Camps"
                    }
                },
                tooltip: {
                    y: {
                        formatter: function(val) {
                            return val + " Camps";
                        }
                    }
                },
                fill: {
                    opacity: 1
                },
                legend: {
                    position: "top",
                    offsetX: 40,
                    onItemHover: {
                        highlightDataSeries: false
                    }
                }
            };

            var chart = new ApexCharts(document.querySelector("#chart"), chartOptions);
            chart.render();

            function setCampGraph() {
                var user = $('#myTeamFilter').val();
                var campStage = $('#campStageFilter').val();

                $.ajax({
                    url: "{{ route('division.get.dashboard.graph') }}",
                    type: 'POST',
                    data: {
                        _token: "{{ csrf_token() }}",
                        user: user,
                        campStage: campStage,
                        iCampID: $('#campFilter option:selected').val(),
                        iDivisionIDNav: $('#iDivisionIDNav option:selected').val(),
                    },
                    dataType: "json",
                    success: function(response) {
                        @if ((session('current_role') == 'division' && Auth::user()->hasRole('division')))
                            setDivision($("#iDivisionIDNav").val(), true);
                        @endif
                        if (response) {
                            var plannedData = [];
                            var implementedData = [];
                            var labels = [];

                            response.forEach(function(record) {
                                let financialYearStart = parseInt(record.financial_year.split("-")[0]);
                                let financialYearEnd = parseInt(record.financial_year.split("-")[1]);

                                let year = record.month >= 4 ? financialYearStart : financialYearEnd;
                                let monthYear = getMonthName(record.month) + "-" + year.toString()
                                    .substring(2);

                                labels.push({
                                    monthYear: monthYear,
                                    month: record.month,
                                    year: year,
                                });
                                plannedData.push({
                                    value: parseInt(record.planned),
                                    month: record.month,
                                    year: year,
                                });
                                implementedData.push({
                                    value: parseInt(record.implemented),
                                    month: record.month,
                                    year: year,
                                });
                            });

                            labels.sort((a, b) => (a.year - b.year) || (a.month - b.month));
                            plannedData.sort((a, b) => (a.year - b.year) || (a.month - b.month));
                            implementedData.sort((a, b) => (a.year - b.year) || (a.month - b.month));

                            let sortedLabels = labels.map(label => label.monthYear);
                            let sortedPlannedData = plannedData.map(data => data.value);
                            let sortedImplementedData = implementedData.map(data => data.value);

                            chart.updateOptions({
                                series: [{
                                        name: "Planned",
                                        data: sortedPlannedData,
                                    },
                                    {
                                        name: "Implemented",
                                        data: sortedImplementedData,
                                    },
                                ],
                                xaxis: {
                                    categories: sortedLabels,
                                },
                                yaxis: {
                                    title: {
                                        text: "Camps",
                                    },
                                },
                            });
                        }
                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                        if (jqXHR.status == 419) {
                            $.notify("Please refresh the Page", "error");
                        } else if (jqXHR.status == 500) {
                            $.notify("Please try after a few minutes", "error");
                        } else {
                            $.notify(jqXHR.responseJSON.message, "error");
                        }
                    }
                });
            }

            function resetGraph() {
                $('#myTeamFilter')
                    .prop('selectedIndex', 0)
                    .trigger('change');

                $('#campStageFilter')
                    .val('')
                    .trigger('change')
                    .prop('selectedIndex', 0);

                chart.updateOptions({
                    series: [{
                            name: "Planned",
                            data: []
                        },
                        {
                            name: "Implemented",
                            data: []
                        }
                    ],
                    xaxis: {
                        categories: []
                    }
                });

                setCampGraph();
            }
            var chart = new ApexCharts(document.querySelector("#chart"), options);
            chart.render()

            setCampGraph();
        @endif
    </script>
@endsection