@extends('Admin.layouts.master')
@section('style')
    <style>
        .dataTables_filter {
            display: none;
        }

        .dt-buttons {
            display: none;
        }
    </style>
@endsection
@section('content')
    <!--begin::Main-->
    <div class="app-main flex-column flex-row-fluid" id="kt_app_main">
        <!--begin::Content wrapper-->
        <div class="d-flex flex-column flex-column-fluid">
            <div id="kt_app_content_container" class="app-container container-xxl">
                <div class="row max-w-100 index_table mt-10">
                    <div class="top_header d-flex justify-content-between">
                        <p class='fs-2 fw-bold'>Edit Sub Admin</p>
                        <div class="table_right_options d-flex">
                            <a class="btn btn-primary me-3" href="{{ route('manage_sub_admin') }}"
                                style="margin-left: 682px;">Back</a>
                        </div>
                    </div>
                    <div class="dataTable_area my-5 mb-0">
                        <!--begin::Card-->
                        <div class="card">
                            <div class="card-header border-0 pt-0 h-0">
                                <!--begin::Card toolbar-->
                                <div class="card-toolbar">
                                    <!--begin::Toolbar-->
                                    <div class=" d-flex justify-content-end" data-kt-user-table-toolbar="base">
                                        <!--begin::Group actions-->
                                        <div class="d-flex justify-content-end align-items-center d-none"
                                            data-kt-user-table-toolbar="selected">
                                            <button type="button" class="btn btn-danger"
                                                data-kt-user-table-select="delete_selected">Delete Selected</button>
                                        </div>
                                    </div>
                                    <!--end::Group actions-->
                                </div>
                                <!--end::Card toolbar-->
                            </div>
                            <!--begin::Card body-->
                            <div class="card-body py-4">
                                <!--begin::Table-->
                                <form id="update_user_role_form" method="POST">
                                    @csrf
                                    @method('PATCH')
                                    <div class="m-4">
                                        {{-- user detail start --}}
                                        <div class="row d-flex justify-content-around">
                                            {{-- <h5>Hello</h5> --}}
                                            <div class="col-md-4 fv-row mb-7">
                                                <!--begin::Label-->
                                                <label class="required fw-semibold fs-6 mb-2">Full Name</label>
                                                <!--end::Label-->
                                                <!--begin::Input-->
                                                <input type="hidden" name="id" value="{{ $id }}">
                                                <input type="text" name="name"
                                                    class="form-control form-control-solid mb-3 mb-lg-0"
                                                    placeholder="Please Enter Full name" value="{{ $user->name }}" />
                                                <!--end::Input-->
                                            </div>
                                            <div class="col-md-4 fv-row mb-7">
                                                <!--begin::Label-->
                                                <label class="required fw-semibold fs-6 mb-2">Email</label>
                                                <!--end::Label-->
                                                <!--begin::Input-->
                                                <input type="email" name="email"
                                                    class="form-control form-control-solid mb-3 mb-lg-0"
                                                    placeholder="Please Enter Full name" value="{{ $user->email }}" />
                                                <!--end::Input-->
                                            </div>
                                            <div class="col-md-4 fv-row mb-7">
                                                <!--begin::Label-->
                                                <label class="required fw-semibold fs-6 mb-2">Mobile Number</label>
                                                <!--end::Label-->
                                                <!--begin::Input-->
                                                <input type="number" name="mobile_number"
                                                    class="form-control form-control-solid mb-3 mb-lg-0"
                                                    placeholder="Please Enter Full name"
                                                    value="{{ $user->contact_number }}" />
                                                <!--end::Input-->
                                            </div>
                                        </div>
                                        {{-- user detail end --}}

                                        {{-- user role start --}}
                                        <div class="d-flex justify-content-around m-4">
                                            {{-- <h5>Hello</h5> --}}
                                            <div class="d-flex fv-row">
                                                <!--begin::Radio-->
                                                <div class="form-check form-check-custom form-check-solid">
                                                    <!--begin::Input-->
                                                    <input class="form-check-input me-3 role_type" name="role_type"
                                                        type="radio" value="1"
                                                        {{ $user->role == 1 ? 'checked' : '' }} id="admin_user" />
                                                    <!--end::Input-->
                                                    <!--begin::Label-->
                                                    <label class="form-check-label" for="admin_user">
                                                        <div class="fw-bold text-gray-800">Admin</div>
                                                    </label>
                                                    <!--end::Label-->
                                                </div>
                                                <!--end::Radio-->
                                            </div>
                                            <!--end::Input row-->
                                            <div class='separator separator-dashed my-5'></div>
                                            <div class="d-flex fv-row">
                                                <!--begin::Radio-->
                                                {{-- @dd($user) --}}
                                                <div class="form-check form-check-custom form-check-solid">
                                                    <!--begin::Input-->
                                                    <input class="form-check-input me-3 role_type" name="role_type"
                                                        type="radio" value="2"
                                                        {{ $user->role == 2 ? 'checked' : '' }} id="sub_admin_user" />
                                                    <!--end::Input-->
                                                    <!--begin::Label-->
                                                    <label class="form-check-label" for="sub_admin_user">
                                                        <div class="fw-bold text-gray-800">Sub-Admin</div>
                                                    </label>
                                                    <!--end::Label-->
                                                </div>
                                                <!--end::Radio-->
                                            </div>
                                            <!--end::Input row-->
                                            <div class='separator separator-dashed my-5'></div>
                                        </div>
                                        {{-- user role ends --}}

                                        {{-- user access start --}}
                                        <div class="">
                                            {{-- <div class="accordion" id="accordionExample"> --}}
                                            {{-- dashboard start --}}
                                            <div class="fv-row">
                                                <!--begin::Radio-->
                                                <div class="accordion-item">
                                                    <h6 class="accordion-header" id="dashboard-accordion">
                                                        {{-- <button class="accordion-button" type="button"
                                                            data-bs-toggle="collapse" data-bs-target="#dashboardOne"
                                                            aria-expanded="true" aria-controls="dashboardOne"> --}}
                                                        <div class="form-check form-check-custom form-check-solid">
                                                            <!--begin::Input-->
                                                            <input class="form-check-input me-3" id="dashboard"
                                                                name="dashboard" type="checkbox"
                                                                value="9"{{ $accessPage->contains(9) ? 'checked' : '' }}
                                                                {{-- class="accordion-button" type="button" --}} data-bs-toggle="collapse"
                                                                data-bs-target="#dashboardOne" aria-expanded="true"
                                                                aria-controls="dashboardOne" />
                                                            <!--end::Input-->
                                                            <!--begin::Label-->
                                                            <label class="form-check-label" for="dashboard">
                                                                <div class="fw-bold text-gray-800">Dashboard
                                                                </div>
                                                            </label>
                                                            <!--end::Label-->
                                                        </div>
                                                        {{-- </button> --}}
                                                    </h6>
                                                    <!--end::Radio-->
                                                    <div id="dashboardOne" class="accordion-collapse collapse show"
                                                        aria-labelledby="dashboard-accordion"
                                                        data-bs-parent="#accordionExample">
                                                        <div class="accordion-body">
                                                            <div class='separator separator-dashed my-5'></div>
                                                            <div style="margin-left: 50px;" id="investor_user">
                                                                <div class="ml-4">
                                                                    <div>
                                                                        <div
                                                                            class="form-check form-check-custom form-check-solid">
                                                                            <!--begin::Input-->
                                                                            <input class="form-check-input me-3"
                                                                                onclick="checkDashboardCheckBox()"
                                                                                id="general_dashboard"
                                                                                name="general_dashboard" type="checkbox"
                                                                                value="39"
                                                                                {{ $accessPage->contains(39) ? 'checked' : '' }} />
                                                                            <!--end::Input-->
                                                                            <!--begin::Label-->
                                                                            <label class="form-check-label"
                                                                                for="general_dashboard">
                                                                                <div class="fw-bold text-gray-800">General
                                                                                    Dashboard
                                                                                </div>
                                                                            </label>
                                                                            <!--end::Label-->
                                                                        </div>
                                                                    </div>
                                                                    <div class='separator separator-dashed my-5'></div>
                                                                    <div>
                                                                        <div
                                                                            class="form-check form-check-custom form-check-solid">
                                                                            <!--begin::Input-->
                                                                            <input class="form-check-input me-3"
                                                                                id="personal_dashboard"
                                                                                name="personal_dashboard"
                                                                                onclick="checkDashboardCheckBox()"
                                                                                type="checkbox" value="40"
                                                                                {{ $accessPage->contains(40) ? 'checked' : '' }} />
                                                                            <!--end::Input-->
                                                                            <!--begin::Label-->
                                                                            <label class="form-check-label"
                                                                                for="personal_dashboard">
                                                                                <div class="fw-bold text-gray-800">Personal
                                                                                    Dashboard
                                                                                </div>
                                                                            </label>
                                                                            <!--end::Label-->
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            {{-- dashboard ends --}}

                                            <div class='separator separator-dashed my-5'></div>

                                            {{-- manage-commission start --}}
                                            <div class="fv-row">
                                                <!--begin::Radio-->
                                                <div class="accordion-item">
                                                    <h6 class="accordion-header" id="manageCommission-accordion">
                                                        {{-- <button class="accordion-button" type="button"
                                                            data-bs-toggle="collapse" data-bs-target="#manageCommissionOne"
                                                            aria-expanded="true" aria-controls="manageCommissionOne"> --}}
                                                        <div class="form-check form-check-custom form-check-solid">
                                                            <!--begin::Input-->
                                                            <input class="form-check-input me-3" id="manageCommission"
                                                                name="manageCommission" type="checkbox" value="10"
                                                                {{ $accessPage->contains(10) ? 'checked' : '' }}
                                                                {{-- class="accordion-button" type="button" --}} data-bs-toggle="collapse"
                                                                data-bs-target="#manageCommissionOne" aria-expanded="true"
                                                                aria-controls="manageCommissionOne" />
                                                            <!--end::Input-->
                                                            <!--begin::Label-->
                                                            <label class="form-check-label" for="manageCommission">
                                                                <div class="fw-bold text-gray-800">Manage Commission
                                                                </div>
                                                            </label>
                                                            <!--end::Label-->
                                                        </div>
                                                        {{-- </button> --}}
                                                    </h6>
                                                    <!--end::Radio-->
                                                    <div id="manageCommissionOne" class="accordion-collapse collapse show"
                                                        aria-labelledby="manageCommission-accordion"
                                                        data-bs-parent="#accordionExample">
                                                        <div class="accordion-body">
                                                            <div class='separator separator-dashed my-5'></div>
                                                            <div style="margin-left: 50px;" id="investor_user">
                                                                <div class="ml-4">
                                                                    <div>
                                                                        <div
                                                                            class="form-check form-check-custom form-check-solid">
                                                                            <!--begin::Input-->
                                                                            <input class="form-check-input me-3"
                                                                                onclick="checkManageCommissionCheckBox()"
                                                                                id="product_commission"
                                                                                name="product_commission" type="checkbox"
                                                                                value="41"
                                                                                {{ $accessPage->contains(41) ? 'checked' : '' }} />
                                                                            <!--end::Input-->
                                                                            <!--begin::Label-->
                                                                            <label class="form-check-label"
                                                                                for="product_commission">
                                                                                <div class="fw-bold text-gray-800">Product
                                                                                    Commission
                                                                                </div>
                                                                            </label>
                                                                            <!--end::Label-->
                                                                        </div>
                                                                    </div>
                                                                    <div class='separator separator-dashed my-5'></div>
                                                                    <div>
                                                                        <div
                                                                            class="form-check form-check-custom form-check-solid">
                                                                            <!--begin::Input-->
                                                                            <input class="form-check-input me-3"
                                                                                id="user_commission"
                                                                                name="user_commission"
                                                                                onclick="checkManageCommissionCheckBox()"
                                                                                type="checkbox" value="42"
                                                                                {{ $accessPage->contains(42) ? 'checked' : '' }} />
                                                                            <!--end::Input-->
                                                                            <!--begin::Label-->
                                                                            <label class="form-check-label"
                                                                                for="user_commission">
                                                                                <div class="fw-bold text-gray-800">User
                                                                                    Commission
                                                                                </div>
                                                                            </label>
                                                                            <!--end::Label-->
                                                                        </div>
                                                                    </div>
                                                                    <div class='separator separator-dashed my-5'></div>
                                                                    <div>
                                                                        <div
                                                                            class="form-check form-check-custom form-check-solid">
                                                                            <!--begin::Input-->
                                                                            <input class="form-check-input me-3"
                                                                                id="trail_commission"
                                                                                onclick="checkManageCommissionCheckBox()"
                                                                                name="trail_commission" type="checkbox"
                                                                                value="43"
                                                                                {{ $accessPage->contains(43) ? 'checked' : '' }} />
                                                                            <!--end::Input-->
                                                                            <!--begin::Label-->
                                                                            <label class="form-check-label"
                                                                                for="trail_commission">
                                                                                <div class="fw-bold text-gray-800">Trail
                                                                                    Commission</div>
                                                                            </label>
                                                                            <!--end::Label-->
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            {{-- manage-commission ends --}}

                                            <div class='separator separator-dashed my-5'></div>

                                            {{-- manage-investor start --}}
                                            <div class="fv-row">
                                                <!--begin::Radio-->
                                                <div class="accordion-item">
                                                    <h6 class="accordion-header" id="investor-accordion">
                                                        {{-- <button class="accordion-button" type="button"
                                                            data-bs-toggle="collapse" data-bs-target="#investorOne"
                                                            aria-expanded="true" aria-controls="investorOne"> --}}
                                                        <div class="form-check form-check-custom form-check-solid">
                                                            <!--begin::Input-->
                                                            <input class="form-check-input me-3" id="investor"
                                                                name="investor" type="checkbox" value="11"
                                                                {{ $accessPage->contains(11) ? 'checked' : '' }}
                                                                {{-- class="accordion-button" type="button" --}} data-bs-toggle="collapse"
                                                                data-bs-target="#investorOne" aria-expanded="true"
                                                                aria-controls="investorOne" />
                                                            <!--end::Input-->
                                                            <!--begin::Label-->
                                                            <label class="form-check-label" for="investor">
                                                                <div class="fw-bold text-gray-800">Investor (user)
                                                                </div>
                                                            </label>
                                                            <!--end::Label-->
                                                        </div>
                                                        {{-- </button> --}}
                                                    </h6>
                                                    <!--end::Radio-->
                                                    <div id="investorOne" class="accordion-collapse collapse show"
                                                        aria-labelledby="investor-accordion"
                                                        data-bs-parent="#accordionExample">
                                                        <div class="accordion-body">
                                                            <div class='separator separator-dashed my-5'></div>
                                                            <div style="margin-left: 50px;" id="investor_user">
                                                                <div class="ml-4">
                                                                    <div>
                                                                        <div
                                                                            class="form-check form-check-custom form-check-solid">
                                                                            <!--begin::Input-->
                                                                            <input class="form-check-input me-3"
                                                                                onclick="checkInvestorUserCheckBox()"
                                                                                id="manage_investor"
                                                                                name="manage_investor" type="checkbox"
                                                                                value="19"
                                                                                {{ $accessPage->contains(19) ? 'checked' : '' }} />
                                                                            <!--end::Input-->
                                                                            <!--begin::Label-->
                                                                            <label class="form-check-label"
                                                                                for="manage_investor">
                                                                                <div class="fw-bold text-gray-800">Manage
                                                                                    Investors
                                                                                </div>
                                                                            </label>
                                                                            <!--end::Label-->
                                                                        </div>
                                                                    </div>
                                                                    <div class='separator separator-dashed my-5'></div>
                                                                    <div>
                                                                        <div
                                                                            class="form-check form-check-custom form-check-solid">
                                                                            <!--begin::Input-->
                                                                            <input class="form-check-input me-3"
                                                                                id="manage_investor_kyc"
                                                                                name="manage_investor_kyc"
                                                                                onclick="checkInvestorUserCheckBox()"
                                                                                type="checkbox" value="20"
                                                                                {{ $accessPage->contains(20) ? 'checked' : '' }} />
                                                                            <!--end::Input-->
                                                                            <!--begin::Label-->
                                                                            <label class="form-check-label"
                                                                                for="manage_investor_kyc">
                                                                                <div class="fw-bold text-gray-800">Manage
                                                                                    Investor KYC
                                                                                </div>
                                                                            </label>
                                                                            <!--end::Label-->
                                                                        </div>
                                                                    </div>
                                                                    <div class='separator separator-dashed my-5'></div>
                                                                    <div>
                                                                        <div
                                                                            class="form-check form-check-custom form-check-solid">
                                                                            <!--begin::Input-->
                                                                            <input class="form-check-input me-3"
                                                                                id="manage_partner_platform"
                                                                                onclick="checkInvestorUserCheckBox()"
                                                                                name="manage_partner_platform"
                                                                                type="checkbox" value="21"
                                                                                {{ $accessPage->contains(21) ? 'checked' : '' }} />
                                                                            <!--end::Input-->
                                                                            <!--begin::Label-->
                                                                            <label class="form-check-label"
                                                                                for="manage_partner_platform">
                                                                                <div class="fw-bold text-gray-800">Manage
                                                                                    Partner
                                                                                    Platform</div>
                                                                            </label>
                                                                            <!--end::Label-->
                                                                        </div>
                                                                    </div>
                                                                    <div class='separator separator-dashed my-5'></div>
                                                                    <div>
                                                                        <div
                                                                            class="form-check form-check-custom form-check-solid">
                                                                            <!--begin::Input-->
                                                                            <input class="form-check-input me-3"
                                                                                id="manage_user_product"
                                                                                name="manage_user_product"
                                                                                onclick="checkInvestorUserCheckBox()"
                                                                                type="checkbox" value="22"
                                                                                {{ $accessPage->contains(22) ? 'checked' : '' }} />
                                                                            <!--end::Input-->
                                                                            <!--begin::Label-->
                                                                            <label class="form-check-label"
                                                                                for="manage_user_product">
                                                                                <div class="fw-bold text-gray-800">Manage
                                                                                    User
                                                                                    Product</div>
                                                                            </label>
                                                                            <!--end::Label-->
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            {{-- manage-investor ends --}}

                                            <div class='separator separator-dashed my-5'></div>

                                            {{-- primary-market start --}}
                                            <div class=" fv-row">
                                                <!--begin::Radio-->
                                                <div class="accordion-item">
                                                    <h6 class="accordion-header" id="primary_market_accordion">
                                                        <div class="form-check form-check-custom form-check-solid">
                                                            <!--begin::Input-->
                                                            <input class="form-check-input me-3" id="primaryMarket"
                                                                name="primaryMarket" type="checkbox" value="44"
                                                                {{ $accessPage->contains(44) ? 'checked' : '' }}
                                                                data-bs-toggle="collapse" data-bs-target="#primary_market"
                                                                aria-expanded="true" aria-controls="primary_market" />
                                                            <!--end::Input-->
                                                            <!--begin::Label-->
                                                            <label class="form-check-label" for="primaryMarket">
                                                                <div class="fw-bold text-gray-800">Primary Market
                                                                </div>
                                                            </label>
                                                            <!--end::Label-->
                                                        </div>
                                                    </h6>
                                                    <!--end::Radio-->
                                                    <div id="primary_market" class="accordion-collapse collapse show"
                                                        aria-labelledby="primary_market_accordion"
                                                        data-bs-parent="#accordionExample">
                                                        <div class="accordion-body">
                                                            <div class='separator separator-dashed my-5'></div>
                                                            <div style="margin-left: 50px;" id="cms">
                                                                <div class="ml-4">
                                                                    <div>
                                                                        <div
                                                                            class="form-check form-check-custom form-check-solid">
                                                                            <!--begin::Input-->
                                                                            <input class="form-check-input me-3"
                                                                                id="manage_product" name="manage_product"
                                                                                type="checkbox"
                                                                                onclick="checkPrimaryMarketCheckBox()"
                                                                                value="23"
                                                                                {{ $accessPage->contains(23) ? 'checked' : '' }} />
                                                                            <!--end::Input-->
                                                                            <!--begin::Label-->
                                                                            <label class="form-check-label"
                                                                                for="manage_product">
                                                                                <div class="fw-bold text-gray-800">Manage
                                                                                    Product</div>
                                                                            </label>
                                                                            <!--end::Label-->
                                                                        </div>
                                                                    </div>
                                                                    <div class='separator separator-dashed my-5'></div>
                                                                    <div>
                                                                        <div
                                                                            class="form-check form-check-custom form-check-solid">
                                                                            <!--begin::Input-->
                                                                            <input class="form-check-input me-3"
                                                                                id="manage_manufacture_company"
                                                                                onclick="checkPrimaryMarketCheckBox()"
                                                                                name="manage_manufacture_company"
                                                                                type="checkbox" value="24"
                                                                                {{ $accessPage->contains(24) ? 'checked' : '' }} />
                                                                            <!--end::Input-->
                                                                            <!--begin::Label-->
                                                                            <label class="form-check-label"
                                                                                for="manage_manufacture_company">
                                                                                <div class="fw-bold text-gray-800">Manage
                                                                                    Manufactures
                                                                                    (Company)</div>
                                                                            </label>
                                                                            <!--end::Label-->
                                                                        </div>
                                                                    </div>
                                                                    <div class='separator separator-dashed my-5'></div>
                                                                    <div>
                                                                        <div
                                                                            class="form-check form-check-custom form-check-solid">
                                                                            <!--begin::Input-->
                                                                            <input class="form-check-input me-3"
                                                                                id="manage_categories"
                                                                                onclick="checkPrimaryMarketCheckBox()"
                                                                                name="manage_categories" type="checkbox"
                                                                                value="25"
                                                                                {{ $accessPage->contains(25) ? 'checked' : '' }} />
                                                                            <!--end::Input-->
                                                                            <!--begin::Label-->
                                                                            <label class="form-check-label"
                                                                                for="manage_categories">
                                                                                <div class="fw-bold text-gray-800">Manage
                                                                                    Categories</div>
                                                                            </label>
                                                                            <!--end::Label-->
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            {{-- primary-market ends --}}

                                            <div class='separator separator-dashed my-5'></div>

                                            {{-- secondary-market  start --}}
                                            <div class=" fv-row">
                                                <!--begin::Radio-->
                                                <div class="accordion-item">
                                                    <h6 class="accordion-header" id="secondaryMarket-accordion">
                                                        <div class="form-check form-check-custom form-check-solid">
                                                            <!--begin::Input-->
                                                            <input class="form-check-input me-3" id="secondary_market"
                                                                name="secondary_market" type="checkbox" value="45"
                                                                {{ $accessPage->contains(45) ? 'checked' : '' }}
                                                                data-bs-target="#secondaryMarketThree"
                                                                aria-expanded="true" aria-controls="secondaryMarketThree"
                                                                data-bs-toggle="collapse" />
                                                            <!--end::Input-->
                                                            <!--begin::Label-->
                                                            <label class="form-check-label" for="secondary_market">
                                                                <div class="fw-bold text-gray-800">Secondary Market</div>
                                                            </label>
                                                            <!--end::Label-->
                                                        </div>
                                                    </h6>
                                                    <!--end::Radio-->
                                                    <div id="secondaryMarketThree"
                                                        class="accordion-collapse collapse show"
                                                        aria-labelledby="secondaryMarket-accordion"
                                                        data-bs-parent="#accordionExample">
                                                        <div class="accordion-body">
                                                            <div class='separator separator-dashed my-5'></div>
                                                            <div style="margin-left: 50px;" id="cms">
                                                                <div class="ml-4">
                                                                    <div>
                                                                        <div
                                                                            class="form-check form-check-custom form-check-solid">
                                                                            <!--begin::Input-->
                                                                            <input class="form-check-input me-3"
                                                                                id="overview"
                                                                                onclick="checkSecondaryMarketCheckBox()"
                                                                                name="overview" type="checkbox"
                                                                                value="26"
                                                                                {{ $accessPage->contains(26) ? 'checked' : '' }} />
                                                                            <!--end::Input-->
                                                                            <!--begin::Label-->
                                                                            <label class="form-check-label"
                                                                                for="overview">
                                                                                <div class="fw-bold text-gray-800">
                                                                                    Overview</div>
                                                                            </label>
                                                                            <!--end::Label-->
                                                                        </div>
                                                                    </div>
                                                                    <div class='separator separator-dashed my-5'></div>
                                                                    <div>
                                                                        <div
                                                                            class="form-check form-check-custom form-check-solid">
                                                                            <!--begin::Input-->
                                                                            <input class="form-check-input me-3"
                                                                                id="investment_listing_transfer"
                                                                                onclick="checkSecondaryMarketCheckBox()"
                                                                                name="investment_listing_transfer"
                                                                                type="checkbox" value="27"
                                                                                {{ $accessPage->contains(27) ? 'checked' : '' }} />
                                                                            <!--end::Input-->
                                                                            <!--begin::Label-->
                                                                            <label class="form-check-label"
                                                                                for="investment_listing_transfer">
                                                                                <div class="fw-bold text-gray-800">
                                                                                    Investment
                                                                                    Listing
                                                                                    Transfer</div>
                                                                            </label>
                                                                            <!--end::Label-->
                                                                        </div>
                                                                    </div>
                                                                    <div class='separator separator-dashed my-5'></div>
                                                                    <div>
                                                                        <div
                                                                            class="form-check form-check-custom form-check-solid">
                                                                            <!--begin::Input-->
                                                                            <input class="form-check-input me-3"
                                                                                id="completed_transactions"
                                                                                onclick="checkSecondaryMarketCheckBox()"
                                                                                name="completed_transactions"
                                                                                type="checkbox" value="28"
                                                                                {{ $accessPage->contains(28) ? 'checked' : '' }} />
                                                                            <!--end::Input-->
                                                                            <!--begin::Label-->
                                                                            <label class="form-check-label"
                                                                                for="completed_transactions">
                                                                                <div class="fw-bold text-gray-800">
                                                                                    Completed
                                                                                    Transactions</div>
                                                                            </label>
                                                                            <!--end::Label-->
                                                                        </div>
                                                                    </div>
                                                                    <div class='separator separator-dashed my-5'></div>
                                                                    <div>
                                                                        <div
                                                                            class="form-check form-check-custom form-check-solid">
                                                                            <!--begin::Input-->
                                                                            <input class="form-check-input me-3"
                                                                                id="manage_seller_profile"
                                                                                onclick="checkSecondaryMarketCheckBox()"
                                                                                name="manage_seller_profile"
                                                                                type="checkbox" value="29"
                                                                                {{ $accessPage->contains(29) ? 'checked' : '' }} />
                                                                            <!--end::Input-->
                                                                            <!--begin::Label-->
                                                                            <label class="form-check-label"
                                                                                for="manage_seller_profile">
                                                                                <div class="fw-bold text-gray-800">
                                                                                    Manage Seller
                                                                                    Profile</div>
                                                                            </label>
                                                                            <!--end::Label-->
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            {{-- secondary-market ends --}}

                                            <div class='separator separator-dashed my-5'></div>

                                            {{-- manage-lead start --}}
                                            <div class="d-flex fv-row">
                                                <!--begin::Radio-->
                                                <div class="form-check form-check-custom form-check-solid">
                                                    <!--begin::Input-->
                                                    <input class="form-check-input me-3" id="manage_lead"
                                                        onclick="checkSubAdmin()" name="manage_lead" type="checkbox"
                                                        value="14" {{ $accessPage->contains(14) ? 'checked' : '' }} />
                                                    <!--end::Input-->
                                                    <!--begin::Label-->
                                                    <label class="form-check-label" for="manage_lead">
                                                        <div class="fw-bold text-gray-800">Manage Leads</div>
                                                    </label>
                                                    <!--end::Label-->
                                                </div>
                                                <!--end::Radio-->
                                            </div>
                                            <!--end::Input row-->
                                            {{-- manage-lead ends --}}

                                            <div class='separator separator-dashed my-5'></div>

                                            {{-- cms-panel start --}}
                                            <div class="">
                                                <div class="accordion-item">
                                                    <h6 class="accordion-header" id="cmsPanel-accordion">
                                                        <!--begin::Radio-->
                                                        <div class="form-check form-check-custom form-check-solid">
                                                            <!--begin::Input-->
                                                            <input class="form-check-input me-3" id="cms_panel"
                                                                name="cms_panel" type="checkbox" value="4"
                                                                {{ $accessPage->contains(4) ? 'checked' : '' }}
                                                                data-bs-toggle="collapse" data-bs-target="#cmsPanelFour"
                                                                aria-expanded="true" aria-controls="cmsPanelFour" />
                                                            <!--end::Input-->
                                                            <!--begin::Label-->
                                                            <label class="form-check-label" for="cms_panel">
                                                                <div class="fw-bold text-gray-800">CMS Panel</div>
                                                            </label>
                                                            <!--end::Label-->
                                                        </div>
                                                        <!--end::Radio-->
                                                    </h6>
                                                    <div id="cmsPanelFour" class="accordion-collapse collapse show"
                                                        aria-labelledby="cmsPanel-accordion"
                                                        data-bs-parent="#accordionExample">
                                                        <div class="accordion-body">
                                                            <div class='separator separator-dashed my-5'></div>
                                                            <div style="margin-left: 50px;" id="cms">
                                                                {{-- <h5>Hello</h5> --}}
                                                                <div class="ml-4">
                                                                    <div>
                                                                        <div
                                                                            class="form-check form-check-custom form-check-solid">
                                                                            <!--begin::Input-->
                                                                            <input class="form-check-input me-3"
                                                                                id="manage_tags"
                                                                                onclick="checkCMSPanelCheckBox()"
                                                                                name="manage_tags" type="checkbox"
                                                                                value="30"
                                                                                {{ $accessPage->contains(30) ? 'checked' : '' }} />
                                                                            <!--end::Input-->
                                                                            <!--begin::Label-->
                                                                            <label class="form-check-label"
                                                                                for="manage_tags">
                                                                                <div class="fw-bold text-gray-800">Manage
                                                                                    Tags
                                                                                </div>
                                                                            </label>
                                                                            <!--end::Label-->
                                                                        </div>
                                                                    </div>
                                                                    <div class='separator separator-dashed my-5'></div>
                                                                    <div>
                                                                        <div
                                                                            class="form-check form-check-custom form-check-solid">
                                                                            <!--begin::Input-->
                                                                            <input class="form-check-input me-3"
                                                                                id="manage_blogs"
                                                                                onclick="checkCMSPanelCheckBox()"
                                                                                name="manage_blogs" type="checkbox"
                                                                                value="31"
                                                                                {{ $accessPage->contains(31) ? 'checked' : '' }} />
                                                                            <!--end::Input-->
                                                                            <!--begin::Label-->
                                                                            <label class="form-check-label"
                                                                                for="manage_blogs">
                                                                                <div class="fw-bold text-gray-800">Manage
                                                                                    Blogs
                                                                                </div>
                                                                            </label>
                                                                            <!--end::Label-->
                                                                        </div>
                                                                    </div>
                                                                    <div class='separator separator-dashed my-5'></div>
                                                                    <div>
                                                                        <div
                                                                            class="form-check form-check-custom form-check-solid">
                                                                            <!--begin::Input-->
                                                                            <input class="form-check-input me-3"
                                                                                id="manage_faq"
                                                                                onclick="checkCMSPanelCheckBox()"
                                                                                name="manage_faq" type="checkbox"
                                                                                value="32"
                                                                                {{ $accessPage->contains(32) ? 'checked' : '' }} />
                                                                            <!--end::Input-->
                                                                            <!--begin::Label-->
                                                                            <label class="form-check-label"
                                                                                for="manage_faq">
                                                                                <div class="fw-bold text-gray-800">Manage
                                                                                    FAQ</div>
                                                                            </label>
                                                                            <!--end::Label-->
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class='separator separator-dashed my-5'></div>
                                                                <div>
                                                                    <div>
                                                                        <div
                                                                            class="form-check form-check-custom form-check-solid">
                                                                            <!--begin::Input-->
                                                                            <input class="form-check-input me-3"
                                                                                id="manage_testimonial"
                                                                                name="manage_testimonial"
                                                                                onclick="checkCMSPanelCheckBox()"
                                                                                type="checkbox" value="33"
                                                                                {{ $accessPage->contains(33) ? 'checked' : '' }} />
                                                                            <!--end::Input-->
                                                                            <!--begin::Label-->
                                                                            <label class="form-check-label"
                                                                                for="kt_modal_update_role_option_0">
                                                                                <div class="fw-bold text-gray-800">Manage
                                                                                    Testimoials
                                                                                </div>
                                                                            </label>
                                                                            <!--end::Label-->
                                                                        </div>
                                                                    </div>
                                                                    <div class='separator separator-dashed my-5'></div>
                                                                    <div>
                                                                        <div
                                                                            class="form-check form-check-custom form-check-solid">
                                                                            <!--begin::Input-->
                                                                            <input class="form-check-input me-3"
                                                                                id="privacy_policy"
                                                                                onclick="checkCMSPanelCheckBox()"
                                                                                name="privacy_policy" type="checkbox"
                                                                                value="34"
                                                                                {{ $accessPage->contains(34) ? 'checked' : '' }} />
                                                                            <!--end::Input-->
                                                                            <!--begin::Label-->
                                                                            <label class="form-check-label"
                                                                                for="privacy_policy">
                                                                                <div class="fw-bold text-gray-800">Privacy
                                                                                    Policy
                                                                                </div>
                                                                            </label>
                                                                            <!--end::Label-->
                                                                        </div>
                                                                    </div>
                                                                    <div class='separator separator-dashed my-5'></div>
                                                                    <div>
                                                                        <div
                                                                            class="form-check form-check-custom form-check-solid">
                                                                            <!--begin::Input-->
                                                                            <input class="form-check-input me-3"
                                                                                id="terms_and_conditions"
                                                                                name="terms_and_conditions"
                                                                                onclick="checkCMSPanelCheckBox()"
                                                                                type="checkbox" value="35"
                                                                                {{ $accessPage->contains(35) ? 'checked' : '' }} />
                                                                            <!--end::Input-->
                                                                            <!--begin::Label-->
                                                                            <label class="form-check-label"
                                                                                for="terms_and_conditions">
                                                                                <div class="fw-bold text-gray-800">Terms
                                                                                    And
                                                                                    Conditions
                                                                                </div>
                                                                            </label>
                                                                            <!--end::Label-->
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--end::Input row-->
                                            {{-- cms-panel ends --}}

                                            <div class='separator separator-dashed my-5'></div>

                                            {{-- contact-us-form start --}}
                                            <div class="d-flex fv-row">
                                                <!--begin::Radio-->
                                                <div class="form-check form-check-custom form-check-solid">
                                                    <!--begin::Input-->
                                                    <input class="form-check-input me-3" id="contact_us_form"
                                                        onclick="checkSubAdmin()" name="contact_us_form" type="checkbox"
                                                        value="15" {{ $accessPage->contains(15) ? 'checked' : '' }} />
                                                    <!--end::Input-->
                                                    <!--begin::Label-->
                                                    <label class="form-check-label" for="contact_us_form">
                                                        <div class="fw-bold text-gray-800">Contact Us Form</div>
                                                    </label>
                                                    <!--end::Label-->
                                                </div>
                                                <!--end::Radio-->
                                            </div>
                                            <!--end::Input row-->
                                            {{-- contact-us-form ends --}}

                                            <div class='separator separator-dashed my-5'></div>

                                            {{-- manage sub-admin  start --}}
                                            <div class=" fv-row">
                                                <div class="accordion-item">
                                                    <h6 class="accordion-header" id="manageSubAdmin-accordion">
                                                        <!--begin::Radio-->
                                                        <div class="form-check form-check-custom form-check-solid">
                                                            <!--begin::Input-->
                                                            <input class="form-check-input me-3" id="manage_sub_admin"
                                                                name="manage_sub_admin" type="checkbox" value="16"
                                                                {{ $accessPage->contains(16) ? 'checked' : '' }}
                                                                data-bs-toggle="collapse"
                                                                data-bs-target="#manageSubAdminFive" aria-expanded="true"
                                                                aria-controls="manageSubAdminFive" />
                                                            <!--end::Input-->
                                                            <!--begin::Label-->
                                                            <label class="form-check-label" for="manage_sub_admin">
                                                                <div class="fw-bold text-gray-800">Manage Sub Admin</div>
                                                            </label>
                                                            <!--end::Label-->
                                                        </div>
                                                        <!--end::Radio-->
                                                        <h6>
                                                            <div id="manageSubAdminFive"
                                                                class="accordion-collapse collapse show"
                                                                aria-labelledby="manageSubAdmin-accordion"
                                                                data-bs-parent="#accordionExample">
                                                                <div class="accordion-body">
                                                                    <div class='separator separator-dashed my-5'></div>
                                                                    <div style="margin-left: 50px;" id="cms">
                                                                        <div
                                                                            class="form-check form-check-custom form-check-solid">
                                                                            <!--begin::Input-->
                                                                            <input class="form-check-input me-3"
                                                                                id="sub_admin"
                                                                                onclick="checkManageSubAdminCheckBox()"
                                                                                name="sub_admin" type="checkbox"
                                                                                value="36"
                                                                                {{ $accessPage->contains(36) ? 'checked' : '' }} />
                                                                            <!--end::Input-->
                                                                            <!--begin::Label-->
                                                                            <label class="form-check-label"
                                                                                for="sub_admin">
                                                                                <div class="fw-bold text-gray-800">Sub
                                                                                    Admin List</div>
                                                                            </label>
                                                                            <!--end::Label-->
                                                                        </div>
                                                                        <div class='separator separator-dashed my-5'></div>
                                                                        {{-- <div>
                                                                            <div
                                                                                class="form-check form-check-custom form-check-solid">
                                                                                <!--begin::Input-->
                                                                                <input class="form-check-input me-3"
                                                                                    id="user_list"
                                                                                    onclick="checkManageSubAdminCheckBox()"
                                                                                    name="user_list" type="checkbox"
                                                                                    value="37"
                                                                                    {{ $accessPage->contains(37) ? 'checked' : '' }} />
                                                                                <!--end::Input-->
                                                                                <!--begin::Label-->
                                                                                <label class="form-check-label"
                                                                                    for="user_list">
                                                                                    <div class="fw-bold text-gray-800">User
                                                                                        List</div>
                                                                                </label>
                                                                                <!--end::Label-->
                                                                            </div>
                                                                        </div>
                                                                        <div class='separator separator-dashed my-5'></div>
                                                                        <div>
                                                                            <div
                                                                                class="form-check form-check-custom form-check-solid">
                                                                                <!--begin::Input-->
                                                                                <input class="form-check-input me-3"
                                                                                    onclick="checkManageSubAdminCheckBox()"
                                                                                    id="update_user_password"
                                                                                    name="update_user_password"
                                                                                    type="checkbox" value="38"
                                                                                    {{ $accessPage->contains(38) ? 'checked' : '' }} />
                                                                                <!--end::Input-->
                                                                                <!--begin::Label-->
                                                                                <label class="form-check-label"
                                                                                    for="update_user_password">
                                                                                    <div class="fw-bold text-gray-800">
                                                                                        Update User
                                                                                        Password
                                                                                    </div>
                                                                                </label>
                                                                                <!--end::Label-->
                                                                            </div>
                                                                        </div>
                                                                        <div class='separator separator-dashed my-5'></div> --}}
                                                                    </div>
                                                                </div>
                                                            </div>
                                                </div>
                                            </div>
                                            {{-- manage sub-admin ends --}}
                                            {{-- </div> --}}
                                        </div>
                                        {{-- user access ends --}}

                                    </div>
                                    {{-- submit button start --}}
                                    <div class="" style="float: right;margin: 10px 0; ">
                                        <button type="submit" class="btn btn-primary btn-hover-rise me-5" id="submit">Submit</button>
                                    </div>
                                    {{-- submit button ends --}}
                                </form>
                                <!--end::Table-->
                            </div>
                            <!--end::Card body-->
                        </div>
                        <!--end::Card-->
                    </div>
                </div>
            </div>
            <!-- add-new-user-end -->
        </div>
        <!--end::Content wrapper-->
    </div>
    <!--end:::Main-->
@endsection
@section('scripts')
    {{-- <script src="{{asset('/assets/js/admin/user-management.js')}}"></script>
<script type="text/javascript" src="https://unpkg.com/xlsx@0.15.1/dist/xlsx.full.min.js"></script>
<script>
    $(document).ready(function() {
        var table = $('#manage_sub_admin').DataTable({
            dom: 'Bfrtip',
            buttons: [{
                    extend: 'excel',
                    title: 'Admin Users',
                    text: 'Export Search Results',
                    className: 'btn btn-default',
                    exportOptions: {
                        columns: ':not(.notexport)'
                    }
                }
            ]
            // exportOptions: {
            //     columns: ':not(.notexport)'
            // }
        });
        $("#ExportReporttoExcel").on("click", function() {
            table.button('.buttons-excel').trigger();
        });
        $("#searchbox").keyup(function() {
            table.search($(this).val()).draw();
        });
    });
</script> --}}
    <script>
        // check checkbox
        function checkCheckbox(id) {
            if ($(id).prop('checked') == false) {
                return $(id).prop('checked', true);
            }
        }
        // uncheck checkbox
        function unCheckCheckbox(id) {
            if ($(id).prop('checked') == true) {
                return $(id).prop('checked', false);
            }
        }

        // check and uncheck checkbox if parent checkbox is checked or not ---> (start from here)
        // dashboard
        $('#dashboard').click(function() {
            if ($('#dashboard').prop('checked') == true) {
                checkCheckbox('#general_dashboard');
                checkCheckbox('#personal_dashboard');
            } else {
                unCheckCheckbox('#general_dashboard');
                unCheckCheckbox('#personal_dashboard');
            }
            checkSubAdmin();
        });

        // manage commission
        $('#manageCommission').click(function() {
            if ($('#manageCommission').prop('checked') == true) {
                checkCheckbox('#product_commission');
                checkCheckbox('#user_commission');
                checkCheckbox('#trail_commission');
            } else {
                unCheckCheckbox('#product_commission');
                unCheckCheckbox('#user_commission');
                unCheckCheckbox('#trail_commission');
            }
            checkSubAdmin();
        });

        // investor (Users)
        $('#investor').click(function() {
            if ($('#investor').prop('checked') == true) {
                checkCheckbox('#manage_investor');
                checkCheckbox('#manage_investor_kyc');
                checkCheckbox('#manage_partner_platform');
                checkCheckbox('#manage_user_product');
            } else {
                unCheckCheckbox('#manage_investor');
                unCheckCheckbox('#manage_investor_kyc');
                unCheckCheckbox('#manage_partner_platform');
                unCheckCheckbox('#manage_user_product');
            }
            checkSubAdmin();
        });

        // primary market
        $('#primaryMarket').click(function() {
            if ($('#primaryMarket').prop('checked') == true) {
                checkCheckbox('#manage_product');
                checkCheckbox('#manage_manufacture_company');
                checkCheckbox('#manage_categories');
            } else {
                unCheckCheckbox('#manage_product');
                unCheckCheckbox('#manage_manufacture_company');
                unCheckCheckbox('#manage_categories');
            }
            checkSubAdmin();
        });

        // secondary market
        $('#secondary_market').click(function() {
            if ($('#secondary_market').prop('checked') == true) {
                checkCheckbox('#overview');
                checkCheckbox('#investment_listing_transfer');
                checkCheckbox('#completed_transactions');
                checkCheckbox('#manage_seller_profile');
            } else {
                unCheckCheckbox('#overview');
                unCheckCheckbox('#investment_listing_transfer');
                unCheckCheckbox('#completed_transactions');
                unCheckCheckbox('#manage_seller_profile');
            }
            checkSubAdmin();
        });

        // manage cms
        $('#cms_panel').click(function() {
            if ($('#cms_panel').prop('checked') == true) {
                checkCheckbox('#manage_tags');
                checkCheckbox('#manage_blogs');
                checkCheckbox('#manage_faq');
                checkCheckbox('#manage_testimonial');
                checkCheckbox('#privacy_policy');
                checkCheckbox('#terms_and_conditions');
            } else {
                unCheckCheckbox('#manage_tags');
                unCheckCheckbox('#manage_blogs');
                unCheckCheckbox('#manage_faq');
                unCheckCheckbox('#manage_testimonial');
                unCheckCheckbox('#privacy_policy');
                unCheckCheckbox('#terms_and_conditions');
            }
            checkSubAdmin();
        });

        // manage sub admin
        $('#manage_sub_admin').click(function() {
            if ($('#manage_sub_admin').prop('checked') == true) {
                checkCheckbox('#sub_admin');
                checkCheckbox('#user_list');
                checkCheckbox('#update_user_password');
            } else {
                unCheckCheckbox('#sub_admin');
                unCheckCheckbox('#user_list');
                unCheckCheckbox('#update_user_password');
            }
            checkSubAdmin();
        });

        // check and uncheck checkbox if parent checkbox is checked or not ---> (end here)

        // start
        // check admin checkbox if all checkbox is checked and check sub-admin checkbox if any of listed checkbox is unchecked
        function checkSubAdmin() {
            if ($('#dashboard').prop('checked') == false || $('#general_dashboard').prop('checked') == false || $(
                    '#personal_dashboard').prop('checked') == false || $('#manageCommission').prop('checked') ==
                false || $('#product_commission').prop('checked') == false ||
                $('#user_commission').prop('checked') == false || $('#trail_commission').prop('checked') ==
                false || $('#investor').prop('checked') == false || $('#manage_investor').prop(
                    'checked') == false ||
                $('#manage_investor_kyc').prop('checked') == false || $('#manage_partner_platform').prop('checked') ==
                false || $(
                    '#manage_user_product').prop('checked') == false || $('#primaryMarket').prop('checked') ==
                false || $('#manage_product').prop('checked') == false ||
                $('#manage_manufacture_company').prop('checked') == false || $('#manage_categories').prop('checked') ==
                false || $(
                    '#secondary_market').prop('checked') == false || $('#overview').prop('checked') == false || $(
                    '#investment_listing_transfer').prop('checked') == false || $('#completed_transactions').prop(
                    'checked') == false || $(
                    '#manage_seller_profile').prop('checked') == false ||
                $('#cms_panel').prop('checked') == false || $('#manage_tags').prop('checked') == false || $(
                    '#manage_blogs').prop('checked') == false || $('#manage_faq').prop('checked') == false ||
                $('#manage_testimonial').prop('checked') == false || $('#privacy_policy').prop('checked') == false || $(
                    '#terms_and_conditions').prop('checked') == false || $('#manage_sub_admin').prop('checked') == false ||
                $('#sub_admin').prop('checked') == false || $('#user_list').prop('checked') == false ||
                $('#update_user_password').prop('checked') == false || $('#manage_lead').prop('checked') == false || $(
                    '#contact_us_form').prop('checked') == false) {
                unCheckCheckbox('#admin_user');
                checkCheckbox('#sub_admin_user');
            } else {
                unCheckCheckbox('#sub_admin_user');
                checkCheckbox('#admin_user');
            }
        }
        // end

        // start functions
        // check parent checkboxes if any child checkbox is checked and uncheck checkbox if any child check boxes is unchecked
        // dashboard
        function checkDashboardCheckBox() {
            if ($('#general_dashboard').prop('checked') == true || $('#personal_dashboard').prop('checked') == true) {
                if ($('#dashboard').prop('checked') == false) {
                    checkCheckbox('#dashboard');
                }
            } else {
                if ($('#dashboardOne').hasClass('show') == true) {
                    // $('#dashboardOne').removeClass('show');
                    // $('#dashboard').addClass('collapsed');
                    // $('#dashboard').prop('aria-expanded', false);
                }
                unCheckCheckbox('#dashboard');
            }
            checkSubAdmin();
        }

        // manage commission
        function checkManageCommissionCheckBox() {
            if ($('#product_commission').prop('checked') == true || $('#user_commission').prop('checked') == true || $(
                    '#trail_commission').prop('checked') == true) {
                if ($('#manageCommission').prop('checked') == false) {
                    checkCheckbox('#manageCommission');
                }
            } else {
                if ($('#manageCommissionOne').hasClass('show') == true) {
                    // $('#manageCommissionOne').removeClass('show');
                    // $('#manageCommission').addClass('collapsed');
                    // $('#manageCommission').prop('aria-expanded', false);
                }
                unCheckCheckbox('#manageCommission');
            }
            checkSubAdmin();
        }

        // investor (users)
        function checkInvestorUserCheckBox() {
            if ($('#manage_investor').prop('checked') == true || $('#manage_investor_kyc').prop('checked') == true || $(
                    '#manage_partner_platform').prop('checked') == true || $('#manage_user_product').prop('checked') ==
                true) {
                if ($('#investor').prop('checked') == false) {
                    checkCheckbox('#investor');
                }
            } else {
                if ($('#investorOne').hasClass('show') == true) {
                    // $('#investorOne').removeClass('show');
                    // $('#investor').addClass('collapsed');
                    // $('#investor').prop('aria-expanded', false);
                }
                unCheckCheckbox('#investor');
            }
            checkSubAdmin();
        }

        // primary market
        function checkPrimaryMarketCheckBox() {
            if ($('#manage_product').prop('checked') == true || $('#manage_manufacture_company').prop('checked') == true ||
                $('#manage_categories').prop('checked') == true) {
                if ($('#primaryMarket').prop('checked') == false) {
                    checkCheckbox('#primaryMarket');
                }
            } else {
                if ($('#primary_market').hasClass('show') == true) {
                    // $('#primary_market').removeClass('show');
                    // $('#primaryMarket').addClass('collapsed');
                    // $('#primaryMarket').prop('aria-expanded', false);
                }
                unCheckCheckbox('#primaryMarket');
            }
            checkSubAdmin();
        }

        // secondary market
        function checkSecondaryMarketCheckBox() {
            if ($('#overview').prop('checked') == true || $('#investment_listing_transfer').prop('checked') == true || $(
                    '#completed_transactions').prop('checked') == true || $('#manage_seller_profile').prop('checked') ==
                true) {
                if ($('#secondary_market').prop('checked') == false) {
                    checkCheckbox('#secondary_market');
                }
            } else {
                if ($('#secondaryMarketThree').hasClass('show') == true) {
                    // $('#secondaryMarketThree').removeClass('show');
                    // $('#secondary_market').addClass('collapsed');
                    // $('#secondary_market').prop('aria-expanded', false);
                }
                unCheckCheckbox('#secondary_market');
            }
            checkSubAdmin();
        }

        // cms panel 
        function checkCMSPanelCheckBox() {
            if ($('#manage_tags').prop('checked') == true || $('#manage_blogs').prop('checked') == true || $('#manage_faq')
                .prop('checked') == true || $('#manage_testimonial').prop('checked') == true || $('#privacy_policy').prop(
                    'checked') == true || $('#terms_and_conditions').prop('checked') == true) {
                if ($('#cms_panel').prop('checked') == false) {
                    checkCheckbox('#cms_panel');
                }
            } else {
                if ($('#cmsPanelFour').hasClass('show') == true) {
                    // $('#cmsPanelFour').removeClass('show');
                    // $('#cms_panel').addClass('collapsed');
                    // $('#cms_panel').prop('aria-expanded', false);
                }
                unCheckCheckbox('#cms_panel');
            }
            checkSubAdmin();
        }

        // manage sub admin
        function checkManageSubAdminCheckBox() {
            if ($('#sub_admin').prop('checked') == true || $('#user_list').prop('checked') == true || $(
                    '#update_user_password').prop('checked') == true) {
                if ($('#manage_sub_admin').prop('checked') == false) {
                    checkCheckbox('#manage_sub_admin');
                }
            } else {
                if ($('#manageSubAdminFive').hasClass('show') == true) {
                    // $('#manageSubAdminFive').removeClass('show');
                    // $('#manage_sub_admin').addClass('collapsed');
                    // $('#manage_sub_admin').prop('aria-expanded', false);
                }
                unCheckCheckbox('#manage_sub_admin');
            }
            checkSubAdmin();
        }
        // end functions

        //check all access if admin and uncheck all access if sub-admin
        $(document).ready(function() {
            $('.role_type').click(function() {
                if ($(this).val() == true) {
                    checkCheckbox('input:checkbox');
                } else {
                    unCheckCheckbox('input:checkbox');
                }
            });
        });

        // form submitting
        $('#update_user_role_form').validate({
            ignore: [],
            debug: false,
            rules: {
                name: {
                    required: true,
                },
                email: {
                    required: true,
                },
                mobile_number: {
                    required: true,
                },
                role_type: {
                    required: true,
                },
            },
            message: {
                name: {
                    required: 'This field is required',
                },
                email: {
                    required: 'This field is required',
                },
                mobile_number: {
                    required: 'This field is required',
                },
                role_type: {
                    required: 'This field is required',
                },
            },
            submitHandler: function(form) {
                var formData = new FormData(form);

                $.ajax({
                    url: "{{ route('update.sub-admin') }}",
                    type: "POST",
                    data: formData,
                    processData: false,
                    contentType: false,
                    dataType: 'json',
                    success: function(result) {
                        // alert("hello");
                        if (result.status == '200') {
                            toastr.success(result.message);
                            window.location.href = "{{ route('manage_sub_admin') }}"
                        } else if (result.status == '400') {
                            toastr.warning(result.message);
                        }
                    }
                })
            }
        })







        // old jquery for check checkboxes and uncheck checkboxes


        // $('#investor').click(function() {
        //     // $('#cms_panel').prop('checked') == true ? $('#cms').attr('checked') : $('#cms').addClass('d-none');
        //     if ($('#investor').prop('checked') == true) {
        //         // alert('hello');
        //         // $('#investor').attr('checked', true);
        //         // $('#manage_investor').attr('checked', true);
        //         // $('#manage_investor_kyc').attr('checked', true);
        //         // $('#manage_partner_platform').attr('checked', true);
        //         // $('#manage_user_product').attr('checked', true);
        //         checkCheckbox('#investor');
        //         checkCheckbox('#manage_investor');
        //         checkCheckbox('#manage_investor_kyc');
        //         checkCheckbox('#manage_partner_platform');
        //         checkCheckbox('#manage_user_product');
        //     } else {
        //         unCheckCheckbox('#investor');
        //         unCheckCheckbox('#manage_investor');
        //         unCheckCheckbox('#manage_investor_kyc');
        //         unCheckCheckbox('#manage_partner_platform');
        //         unCheckCheckbox('#manage_user_product');
        //         // $('#investor').removeAttr('checked');
        //         // $('#manage_investor').removeAttr('checked');
        //         // $('#manage_investor_kyc').removeAttr('checked');
        //         // $('#manage_partner_platform').removeAttr('checked');
        //         // $('#manage_user_product').removeAttr('checked');
        //     }
        //     checkSubAdmin();
        // });

        // check investor checkbox if there child checkbox is checked
        // function checkInvestorCheckBox() {
        //     if ($('#manage_investor').prop('checked') == true || $('#manage_investor_kyc').prop('checked') == true || $(
        //             '#manage_partner_platform').prop('checked') == true || $('#manage_user_product').prop('checked') ==
        //         true) {
        //         if ($('#investor').prop('checked') == false) {
        //             checkCheckbox('#investor');
        //         }
        //     } else {
        //         if($('#investorOne').hasClass('show') == true)
        //         {
        //             $('#investorOne').removeClass('show');
        //             $('#investor').addClass('collapsed');
        //             $('#investor').prop('aria-expanded', false);
        //         }
        //         unCheckCheckbox('#investor');
        //     }
        //     checkSubAdmin();
        // }

        // manage freeu investment if checked
        // $('#manage_freeu_investment').click(function() {
        //     if ($('#manage_freeu_investment').prop('checked') == true) {
        //         // $('#manage_product').attr('checked', true);
        //         // $('#manage_manufacture_company').attr('checked', true);
        //         // $('#manage_investment_categories').attr('checked', true);
        //         checkCheckbox('#manage_product');
        //         checkCheckbox('#manage_manufacture_company');
        //         checkCheckbox('#manage_investment_categories');
        //     } else {
        //         // $('#manage_product').removeAttr('checked');
        //         // $('#manage_manufacture_company').removeAttr('checked');
        //         // $('#manage_investment_categories').removeAttr('checked');
        //         unCheckCheckbox('#manage_product');
        //         unCheckCheckbox('#manage_manufacture_company');
        //         unCheckCheckbox('#manage_investment_categories');
        //     }
        //     checkSubAdmin();
        // });

        // check manage freeu investment checkbox if there child checkbox is checked
        // function checkManageFreeuInvestmentCheckBox() {
        //     if ($('#manage_product').prop('checked') == true || $('#manage_manufacture_company').prop('checked') == true ||
        //         $('#manage_investment_categories').prop('checked') == true) {
        //         // $('#manage_freeu_investment').attr('checked', true);
        //         checkCheckbox('#manage_freeu_investment');
        //     } else {
        //         // $('#manage_freeu_investment').removeAttr('checked');
        //         if($('#manageFreeuInvestmentTwo').hasClass('show') == true)
        //         {
        //             $('#manageFreeuInvestmentTwo').removeClass('show');
        //             $('#manage_freeu_investment').addClass('collapsed');
        //             $('#manage_freeu_investment').prop('aria-expanded', false);
        //         }
        //         unCheckCheckbox('#manage_freeu_investment');
        //     }
        //     checkSubAdmin();
        // }

        // Pre-Owned Investment (Marketplace) if checked
        // $('#pre_owned_investment').click(function() {
        //     if ($('#pre_owned_investment').prop('checked') == true) {
        //         // $('#overview').attr('checked', true);
        //         // $('#investment_listing_transfer').attr('checked', true);
        //         // $('#completed_transactions').attr('checked', true);
        //         // $('#manage_seller_profile').attr('checked', true);
        //         checkCheckbox('#overview');
        //         checkCheckbox('#investment_listing_transfer');
        //         checkCheckbox('#completed_transactions');
        //         checkCheckbox('#manage_seller_profile');
        //     } else {
        //         // $('#overview').removeAttr('checked');
        //         // $('#investment_listing_transfer').removeAttr('checked');
        //         // $('#completed_transactions').removeAttr('checked');
        //         // $('#manage_seller_profile').removeAttr('checked');
        //         unCheckCheckbox('#overview');
        //         unCheckCheckbox('#investment_listing_transfer');
        //         unCheckCheckbox('#completed_transactions');
        //         unCheckCheckbox('#chmanage_seller_profileeck');
        //     }
        //     checkSubAdmin();
        // });

        // check Pre-Owned investment checkbox if there child checkbox is checked
        // function checkPreOwnednvestmentCheckBox() {
        //     if ($('#overview').prop('checked') == true || $('#investment_listing_transfer').prop('checked') == true || $(
        //             '#completed_transactions').prop('checked') == true || $('#manage_seller_profile').prop('checked') ==
        //         true) {
        //         // $('#pre_owned_investment').attr('checked', true);
        //         checkCheckbox('#pre_owned_investment');
        //     } else {
        //         // $('#pre_owned_investment').removeAttr('checked');
        //         if($('#preOwnedInvestmentThree').hasClass('show') == true)
        //         {
        //             $('#preOwnedInvestmentThree').removeClass('show');
        //             $('#pre_owned_investment').addClass('collapsed');
        //             $('#pre_owned_investment').prop('aria-expanded', false);
        //         }
        //         unCheckCheckbox('#pre_owned_investment');
        //     }
        //     checkSubAdmin();
        // }

        // cms-panel if checked
        // $('#cms_panel').click(function() {
        //     if ($('#cms_panel').prop('checked') == true) {
        //         // $('#manage_tags').attr('checked', true);
        //         // $('#manage_blogs').attr('checked', true);
        //         // $('#manage_faq').attr('checked', true);
        //         // $('#manage_testimonial').attr('checked', true);
        //         // $('#privacy_policy').attr('checked', true);
        //         // $('#terms_and_conditions').attr('checked', true);
        //         checkCheckbox('#manage_tags');
        //         checkCheckbox('#manage_blogs');
        //         checkCheckbox('#manage_faq');
        //         checkCheckbox('#manage_testimonial');
        //         checkCheckbox('#privacy_policy');
        //         checkCheckbox('#terms_and_conditions');
        //     } else {
        //         // $('#manage_tags').removeAttr('checked');
        //         // $('#manage_blogs').removeAttr('checked');
        //         // $('#manage_faq').removeAttr('checked');
        //         // $('#manage_testimonial').removeAttr('checked');
        //         // $('#privacy_policy').removeAttr('checked');
        //         // $('#terms_and_conditions').removeAttr('checked');
        //         unCheckCheckbox('#manage_tags');
        //         unCheckCheckbox('#manage_blogs');
        //         unCheckCheckbox('#manage_faq');
        //         unCheckCheckbox('#manage_testimonial');
        //         unCheckCheckbox('#privacy_policy');
        //         unCheckCheckbox('#terms_and_conditions');
        //     }
        //     checkSubAdmin();
        // });

        // check cms panel checkbox if there child checkbox is checked
        // function checkCMSPanelCheckBox() {
        //     if ($('#manage_tags').prop('checked') == true || $('#manage_blogs').prop('checked') == true || $('#manage_faq')
        //         .prop('checked') == true || $('#manage_testimonial').prop('checked') == true || $('#privacy_policy').prop(
        //             'checked') == true || $('#terms_and_conditions').prop('checked') == true) {
        //         // $('#cms_panel').attr('checked', true);
        //         checkCheckbox('#cms_panel');
        //     } else {
        //         // $('#cms_panel').removeAttr('checked');
        //         if($('#cmsPanelFour').hasClass('show') == true)
        //         {
        //             $('#cmsPanelFour').removeClass('show');
        //             $('#cms_panel').addClass('collapsed');
        //             $('#cms_panel').prop('aria-expanded', false);
        //         }
        //         unCheckCheckbox('#cms_panel');
        //     }
        //     checkSubAdmin();
        // }

        // manage_sub_admin if checked
        // $('#manage_sub_admin').click(function() {
        //     if ($('#manage_sub_admin').prop('checked') == true) {
        //         // $('#sub_admin').attr('checked', true);
        //         // $('#user_list').attr('checked', true);
        //         // $('#update_user_password').attr('checked', true);
        //         checkCheckbox('#sub_admin');
        //         checkCheckbox('#user_list');
        //         checkCheckbox('#update_user_password');
        //     } else {
        //         // $('#sub_admin').removeAttr('checked');
        //         // $('#user_list').removeAttr('checked');
        //         // $('#update_user_password').removeAttr('checked');
        //         unCheckCheckbox('#sub_admin');
        //         unCheckCheckbox('#user_list');
        //         unCheckCheckbox('#update_user_password');
        //     }
        //     checkSubAdmin();
        // });

        // check manage_sub_admin checkbox if there child checkbox is checked
        // function checkManageSubAdminCheckBox() {
        //     if ($('#sub_admin').prop('checked') == true || $('#user_list').prop('checked') == true || $(
        //             '#update_user_password').prop('checked') == true) {
        //         // $('#manage_sub_admin').attr('checked', true);
        //         checkCheckbox('#manage_sub_admin');
        //     } else {
        //         // $('#manage_sub_admin').removeAttr('checked');
        //         if($('#manageSubAdminFive').hasClass('show') == true)
        //         {
        //             $('#manageSubAdminFive').removeClass('show');
        //             $('#manage_sub_admin').addClass('collapsed');
        //             $('#manage_sub_admin').prop('aria-expanded', false);
        //         }
        //         unCheckCheckbox('#manage_sub_admin');
        //     }
        //     checkSubAdmin();
        // }

        // check sub-admin if any access of checkbox is unchecked
        // function checkSubAdmin() {
        //     if ($('#manage_investor').prop('checked') == false || $('#manage_investor_kyc').prop('checked') == false || $(
        //             '#manage_partner_platform').prop('checked') == false || $('#manage_user_product').prop('checked') ==
        //         false || $('#investor').prop('checked') == false ||
        //         $('#manage_product').prop('checked') == false || $('#manage_manufacture_company').prop('checked') ==
        //         false || $('#manage_investment_categories').prop('checked') == false || $('#manage_freeu_investment').prop(
        //             'checked') == false ||
        //         $('#overview').prop('checked') == false || $('#investment_listing_transfer').prop('checked') == false || $(
        //             '#completed_transactions').prop('checked') == false || $('#manage_seller_profile').prop('checked') ==
        //         false || $('#pre_owned_investment').prop('checked') == false ||
        //         $('#manage_tags').prop('checked') == false || $('#manage_blogs').prop('checked') == false || $(
        //             '#manage_faq').prop('checked') == false || $('#manage_testimonial').prop('checked') == false || $(
        //             '#privacy_policy').prop('checked') == false || $('#terms_and_conditions').prop('checked') == false || $(
        //             '#cms_panel').prop('checked') == false ||
        //         $('#sub_admin').prop('checked') == false || $('#user_list').prop('checked') == false || $(
        //             '#update_user_password').prop('checked') == false || $('#manage_sub_admin').prop('checked') == false ||
        //         $('#dashboard').prop('checked') == false || $('#manage_commission').prop('checked') == false || $(
        //             '#manage_lead').prop('checked') == false || $('#contact_us_form').prop('checked') == false) {
        //         unCheckCheckbox('#admin_user');
        //         checkCheckbox('#sub_admin_user');
        //     } else {
        //         unCheckCheckbox('#sub_admin_user');
        //         checkCheckbox('#admin_user');
        //     }
        // }

        // dasboard check
        // function updateCheckbox(updateInput) {
        //     if ($('#dashboard').prop('checked') == true) {
        //         // $('#dashboard').removeAttr('checked');
        //         unCheckCheckbox('#'+updateInput);
        //         // unCheckCheckbox('#dashboard');
        //     } else {
        //         // $('#dashboard').attr('checked', true);
        //         checkCheckbox('#'+updateInput);
        //         // checkCheckbox('#dashboard');
        //     }
        // }
    </script>
@endsection