@extends('admin.layout')
<style>
    ul.tabs {
        margin: 0 auto 10px;
        padding: 15px 0;
        list-style: none;
        display: flex;
        border-radius: 0;
        justify-content: center;
        border-top: 1px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7;
    }

    ul.tabs li {
        color: #808080;
        display: inline-block;
        padding: 10px 15px;
        cursor: pointer;
        background: rgb(166 166 166 / 20%);
        border-radius: 0px;
        width: 33.33%;
        margin: 0 6px;
        text-align: center;
        font-weight: 600;
        border: 1px solid #cbcbcb;
        border-radius: 4px;
        font-size: 16px;
        /* box-shadow: 0 0 9px #c9c9c9; */
    }

    ul.tabs li.current,
    ul.tabs li:hover {
        background: #DB644D;
        color: #fff;
    }

    .tab-content {
        display: none;
    }

    .tab-content.current {
        display: inherit;
    }
</style>
@section('main')
    <div class="content-wrapper">
        <div class="content-header row mb-1">
            <div class="row breadcrumbs-top">
                <div class="col-12">

                    <div class="breadcrumb-wrapper">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ route('general.dashboard') }}"
                                    class="router-link-active spaSlug" target="_self"><svg xmlns="http://www.w3.org/2000/svg"
                                        width="16px" height="16px" viewBox="0 0 24 24" fill="none"
                                        stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                        stroke-linejoin="round" class="align-text-top feather feather-home">
                                        <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
                                        <polyline points="9 22 9 12 15 12 15 22"></polyline>
                                    </svg></a></li>
                            <li class="breadcrumb-item"><a href="{{ route('admin.ho') }}" target="_self" class="spaSlug">
                                    Manage
                                    HO User
                                </a></li>
                            <li class="breadcrumb-item active"><span aria-current="location"> Add HO User </span>
                            </li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <div class="content-body">
            <section class="app-user-view">
                <!-- User Card & Plan Starts -->
                <div class="row">
                    <!-- User Card starts-->
                    <div class="col-xl-12">
                        <a href="{{ route('admin.ho') }}" class="mb-2 spaSlug"><i class="fa fa-arrow-left"></i> Back</a>
                        <div class="card user-card border-primary mt-2">
                            <div class="card-body">

                                <!-- users Add account form start -->
                                {{ Form::open(['url' => '#', 'name' => 'validateForm', 'id' => 'validateForm', 'enctype' => 'multipart/form-data', 'class' => 'form-validate']) }}
                                <input type="hidden" name="iUserID" id="iUserID"
                                    value="@isset($editData->iUserID) {{ $editData->iUserID }} @endisset">
                                <div class="row">


                                    <div class="col-md-4 ">
                                        <div class="form-group ">
                                            <label for="">First Name <span class="required">*</span></label>
                                            <input type="text" class="form-control" name="vFirstName" id="vFirstName"
                                                value="{{ isset($editData->vFirstName) ? $editData->vFirstName : '' }}"
                                                >
                                        </div>
                                    </div>
                                    <div class="col-md-4 ">
                                        <div class="form-group ">
                                            <label for="">Last Name <span class="required">*</span></label>
                                            <input type="text" class="form-control" name="vLastName" id="vLastName"
                                                value="{{ isset($editData->vLastName) ? $editData->vLastName : '' }}"
                                                >
                                        </div>
                                    </div>
                                    <div class="col-md-4 ">
                                        <div class="form-group ">
                                            <label for="">Email ID <span class="required">*</span></label>
                                            <input type="text" class="form-control" name="vEmail" id="vEmail"
                                                value="{{ isset($editData->vEmail) ? $editData->vEmail : '' }}"
                                                >
                                        </div>
                                    </div>
                                    @if ((session('current_role') == 'admin' && Auth::user()->hasRole('admin')))
                                        <div class="col-md-4 ">
                                            <div class="form-group ">
                                                <label for="">Password <span class="required">*</span></label>
                                                <input type="text" class="form-control" name="password" id="password"
                                                    value="{{ isset($editData->password) ? $editData->password : '' }}">
                                            </div>
                                        </div>
                                    @endif
                                    <div class="col-md-4 ">
                                        <div class="form-group">
                                            <label for="role">Designation <span class="required">*</span></label>
                                            <select class="select2 select-label form-control w-100" id="iDesignationID"
                                                name="iDesignationID" onchange="getPermission()"
                                                >
                                                <option value=""> Select Designation</option>
                                                @foreach ($designation as $key => $value)
                                                    <option value="{{ $value->iDesignationID }}"
                                                        {{ isset($editData) && $editData->iDesignationID == $value->iDesignationID ? 'selected' : '' }}>
                                                        {{ $value->vDesignation }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <label id="iDesignationID-error" class="error" for="iDesignationID"></label>
                                    </div>

                                    <div class="col-12 mt-2">
                                        <ul class="tabs">
                                            <li class="tab-link current" data-tab="tab-1" onclick="counterfeitTabreSet();">
                                                <i class="fa-solid fa-user-doctor mr-1"></i> Doctor's Contract
                                            </li>
                                            <li class="tab-link" data-tab="tab-2" onclick="counterfeitTabSet();"><i
                                                    class="fa-solid fa-coins mr-1"></i>Counterfeit</li>
                                            <li class="tab-link" data-tab="tab-3" onclick="campTabSet();"><i
                                                    class="fa-solid fa-coins mr-1"></i>Camp</li>
                                            <li class="tab-link" data-tab="tab-4" onclick="otherServiceTabSet();"><i
                                                    class="fa-solid fa-coins mr-1"></i>Other Services</li>
                                        </ul>
                                    </div>
                                    <div class="col-12">
                                        <div id="tab-1" class="tab-content current">
                                            <div class="row">
                                                <div class="col-md-4 ">
                                                    <div class="form-group">
                                                        <label for="role">Division <span
                                                                class="required">*</span></label>
                                                        <select class="select2 select-label form-control w-100" multiple
                                                            id="iDivisionID" name="iDivisionID[]" onchange="checkAll()"
                                                            >
                                                            <option value="all"> Select All Division</option>
                                                            @foreach ($division as $key => $value)
                                                                <option value="{{ $value->iDivisionID }}"
                                                                    @if (isset($editData) && in_array($value['iDivisionID'], $editData['iDivisionID'])) selected @endif>
                                                                    {{ $value->vDivision }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    <label id="iDivisionID-error" class="error"
                                                        for="iDivisionID"></label>
                                                </div>
                                                <div class="col-md-12 mt-2">
                                                    <!-- User Permissions -->
                                                    <div class="card border-primary">

                                                        <div class="d-flex"
                                                            style="justify-content: space-between;align-items:center;    background: #476470;">
                                                            <h6 class="py-1 mx-1 mb-0 font-medium-2">
                                                                <i data-feather="lock"
                                                                    class="font-medium-3 mr-25 text-white"></i>
                                                                <span class="align-middle text-white">HO Roles &
                                                                    Permissions</span>
                                                            </h6>
                                                            @if ((session('current_role') == 'admin' && Auth::user()->hasRole('admin')))
                                                                <div>
                                                                    <button onclick="getPermission()"
                                                                        class="btn btn-outline-light mr-2"
                                                                        style="padding:6px">Set
                                                                        Default</button>
                                                                </div>
                                                            @endif
                                                        </div>


                                                        <div class="table-responsive">
                                                            <table class="table table-striped table-borderless">

                                                                <tbody>
                                                                    @if ((session('current_role') == 'admin' && Auth::user()->hasRole('admin')))
                                                                        @foreach ($permission as $key => $value)
                                                                            <tr>
                                                                                <th>{{ $value['vPermissionType'] }}</th>
                                                                                @foreach ($value['permission'] as $key2 => $value2)
                                                                                    <td>
                                                                                        <div
                                                                                            class="custom-control custom-checkbox">
                                                                                            <input type="checkbox"
                                                                                                class="custom-control-input {{ $value2['vLable'] == 'View' ? $value['iPermissionTypeID'] . '_View' : $value['iPermissionTypeID'] . '_Rest' }}"
                                                                                                id="permission_{{ $value2['id'] }}"
                                                                                                name="permission[{{ $value2['name'] }}]"
                                                                                                @if (isset($editData) && in_array($value2['id'], $editData['permission'])) checked @endif
                                                                                                onchange="checkView({{ $value['iPermissionTypeID'] }},'{{ $value2['vLable'] }}')" />
                                                                                            <label
                                                                                                class="custom-control-label"
                                                                                                for="permission_{{ $value2['id'] }}">{{ $value2['vLable'] }}</label>
                                                                                        </div>
                                                                                        @if ($value2['name'] == 'doctor_approval_approve_reject')
                                                                                            <div>
                                                                                                <input type="number"
                                                                                                    name="biApprovalLimit"
                                                                                                    id="biApprovalLimit"
                                                                                                    value="{{ isset($editData->biApprovalLimit) ? $editData->biApprovalLimit : '' }}"
                                                                                                    class="form-control me-3 w-auto approve_limit_input"
                                                                                                    style="height: 25px; padding: 5px; border: 1px solid rgb(219, 100, 77); margin-left: 10px;">
                                                                                            </div>
                                                                                        @endif

                                                                                        @if ($value2['name'] == 'payment_approval_approve_reject')
                                                                                            <div>
                                                                                                <input type="number"
                                                                                                    name="paymentApprovalLimit"
                                                                                                    id="paymentApprovalLimit"
                                                                                                    value="{{ isset($editData->paymentApprovalLimit) ? $editData->paymentApprovalLimit : '' }}"
                                                                                                    class="form-control me-3 w-auto payment_approve_limit_input"
                                                                                                    style="height: 25px; padding: 5px; border: 1px solid rgb(219, 100, 77); margin-left: 10px;">
                                                                                            </div>
                                                                                        @endif
                                                                                    </td>
                                                                                @endforeach
                                                                            </tr>
                                                                        @endforeach
                                                                    @endif
                                                                </tbody>
                                                            </table>
                                                        </div>

                                                    </div>
                                                    <!-- /User Permissions -->
                                                </div>
                                                <div class="col-12 d-flex flex-sm-row flex-column mt-2">
                                                    <button type="submit"
                                                        class="btn btn-primary mb-1 mb-sm-0 mr-0 mr-sm-1"
                                                        id="submit">Save Changes</button>

                                                </div>
                                                {{ Form::close() }}
                                            </div>
                                        </div>
                                        <div id="tab-2" class="tab-content">
                                            <div class="row">
                                                <div class="col-md-4 ">
                                                    <div class="form-group">
                                                        <label for="role">Division <span
                                                                class="required">*</span></label>
                                                        <select class="select2 select-label form-control w-100" multiple
                                                            id="iCounterfeitDivisionID" name="iCounterfeitDivisionID[]"
                                                            onchange="counterfeitcheckAll()"
                                                            >
                                                            <option value="all"> Select All Division</option>
                                                            @foreach ($division as $key => $value)
                                                                <option value="{{ $value->iDivisionID }}"
                                                                    @if (isset($editData) && in_array($value['iDivisionID'], $editData['iCounterfeitDivisionID'])) selected @endif>
                                                                    {{ $value->vDivision }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    <label id="iCounterfeitDivisionID-error" class="error"
                                                        for="iCounterfeitDivisionID"></label>
                                                </div>
                                                <div class="col-md-12 mt-2">
                                                    <!-- User Permissions -->
                                                    <div class="card border-primary">

                                                        <div class="d-flex"
                                                            style="justify-content: space-between;align-items:center;    background: #476470;">
                                                            <h6 class="py-1 mx-1 mb-0 font-medium-2">
                                                                <i data-feather="lock"
                                                                    class="font-medium-3 mr-25 text-white"></i>
                                                                <span class="align-middle text-white">HO Roles &
                                                                    Permissions</span>
                                                            </h6>

                                                        </div>


                                                        <div class="table-responsive">
                                                            <table class="table table-striped table-borderless">

                                                                <tbody>
                                                                    @if ((session('current_role') == 'admin' && Auth::user()->hasRole('admin')))
                                                                        @foreach ($counterfeitpermission as $key => $value)
                                                                            <tr>
                                                                                <th>{{ $value['vPermissionType'] }}</th>
                                                                                @foreach ($value['permission'] as $key2 => $value2)
                                                                                    <td>
                                                                                        <div
                                                                                            class="custom-control custom-checkbox">
                                                                                            <input type="checkbox"
                                                                                                class="custom-control-input {{ $value2['vLable'] == 'View' ? $value['iPermissionTypeID'] . '_View' : $value['iPermissionTypeID'] . '_Rest' }}"
                                                                                                id="counterfeitpermission_{{ $value2['id'] }}"
                                                                                                name="counterfeitpermission[{{ $value2['name'] }}]"
                                                                                                @if (isset($editData) && in_array($value2['id'], $editData['permission'])) checked @endif
                                                                                                onchange="checkView({{ $value['iPermissionTypeID'] }},'{{ $value2['vLable'] }}')" />
                                                                                            <label
                                                                                                class="custom-control-label"
                                                                                                for="counterfeitpermission_{{ $value2['id'] }}">{{ $value2['vLable'] }}</label>
                                                                                        </div>


                                                                                    </td>
                                                                                @endforeach
                                                                            </tr>
                                                                        @endforeach
                                                                    @endif
                                                                </tbody>
                                                            </table>
                                                        </div>

                                                    </div>
                                                    <!-- /User Permissions -->
                                                </div>
                                                <div class="col-12 d-flex flex-sm-row flex-column mt-2">
                                                    <button type="submit"
                                                        class="btn btn-primary mb-1 mb-sm-0 mr-0 mr-sm-1"
                                                        id="submit">Save Changes</button>
                                                    <button type="reset" {{-- class="btn btn-outline-secondary mb-1 mb-sm-0 mr-0 mr-sm-1">Reset</button> --}} </div>
                                                </div>
                                                {{ Form::close() }}
                                            </div>
                                        </div>

                                        {{-- START Tab - 3 - CAMP --}}

                                        <div id="tab-3" class="tab-content">
                                            <div class="row">
                                                <div class="col-md-4 ">
                                                    <div class="form-group">
                                                        <label for="role">Division <span
                                                                class="required">*</span></label>
                                                        <select class="select2 select-label form-control w-100" multiple
                                                            id="iCampDivisionID" name="iCampDivisionID[]"
                                                            onchange="campCheckAll()"
                                                            >
                                                            <option value="all"> Select All Division</option>
                                                            @foreach ($division as $key => $value)
                                                                <option value="{{ $value->iDivisionID }}"
                                                                    @if (isset($editData) && in_array($value['iDivisionID'], $editData['iCampDivisionID'])) selected @endif>
                                                                    {{ $value->vDivision }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    <label id="iCampDivisionID-error" class="error"
                                                        for="iCampDivisionID"></label>
                                                </div>
                                                <div class="col-md-12 mt-2">
                                                    <!-- User Permissions -->
                                                    <div class="card border-primary">

                                                        <div class="d-flex"
                                                            style="justify-content: space-between;align-items:center;    background: #476470;">
                                                            <h6 class="py-1 mx-1 mb-0 font-medium-2">
                                                                <i data-feather="lock"
                                                                    class="font-medium-3 mr-25 text-white"></i>
                                                                <span class="align-middle text-white">HO Roles &
                                                                    Permissions</span>
                                                            </h6>

                                                        </div>


                                                        <div class="table-responsive">
                                                            <table class="table table-striped table-borderless">

                                                                <tbody>
                                                                    @if ((session('current_role') == 'admin' && Auth::user()->hasRole('admin')))
                                                                        @foreach ($campPermission as $key => $value)
                                                                            <tr>
                                                                                <th>{{ $value['vPermissionType'] }}</th>
                                                                                @foreach ($value['permission'] as $key2 => $value2)
                                                                                    <td>
                                                                                        <div
                                                                                            class="custom-control custom-checkbox">
                                                                                            <input type="checkbox"
                                                                                                class="custom-control-input {{ $value2['vLable'] == 'View' ? $value['iPermissionTypeID'] . '_View' : $value['iPermissionTypeID'] . '_Rest' }}"
                                                                                                id="campPermission{{ $value2['id'] }}"
                                                                                                name="campPermission[{{ $value2['name'] }}]"
                                                                                                @if (isset($editData) && in_array($value2['id'], $editData['permission'])) checked @endif
                                                                                                onchange="checkView({{ $value['iPermissionTypeID'] }},'{{ $value2['vLable'] }}')" />
                                                                                            <label
                                                                                                class="custom-control-label"
                                                                                                for="campPermission{{ $value2['id'] }}">{{ $value2['vLable'] }}</label>
                                                                                        </div>


                                                                                    </td>
                                                                                @endforeach
                                                                            </tr>
                                                                        @endforeach
                                                                    @endif
                                                                </tbody>
                                                            </table>
                                                        </div>

                                                    </div>
                                                    <!-- /User Permissions -->
                                                </div>
                                                <div class="col-12 d-flex flex-sm-row flex-column mt-2">
                                                    <button type="submit"
                                                        class="btn btn-primary mb-1 mb-sm-0 mr-0 mr-sm-1"
                                                        id="submit">Save Changes</button>
                                                    <button type="reset" {{-- class="btn btn-outline-secondary mb-1 mb-sm-0 mr-0 mr-sm-1">Reset</button> --}} </div>
                                                </div>
                                                {{ Form::close() }}
                                            </div>
                                        </div>

                                        {{-- END TAB - 3 CAMP --}}

                                        {{-- START Tab - 4 - OTHER SERVICES --}}

                                        <div id="tab-4" class="tab-content">
                                            <div class="row">
                                                <div class="col-md-4 ">
                                                    <div class="form-group">
                                                        <label for="role">Division <span
                                                                class="required">*</span></label>
                                                        <select class="select2 select-label form-control w-100" multiple
                                                            id="iOtherServiceDivisionID" name="iOtherServiceDivisionID[]"
                                                            onchange="otherServiceCheckAll()"
                                                            >
                                                            <option value="all"> Select All Division</option>
                                                            @foreach ($division as $key => $value)
                                                                <option value="{{ $value->iDivisionID }}"
                                                                    @if (isset($editData) && in_array($value['iDivisionID'], $editData['iOtherServiceDivisionID'])) selected @endif>
                                                                    {{ $value->vDivision }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    <label id="iOtherServiceDivisionID-error" class="error"
                                                        for="iOtherServiceDivisionID"></label>
                                                </div>
                                                <div class="col-md-12 mt-2">
                                                    <!-- User Permissions -->
                                                    <div class="card border-primary">

                                                        <div class="d-flex"
                                                            style="justify-content: space-between;align-items:center;    background: #476470;">
                                                            <h6 class="py-1 mx-1 mb-0 font-medium-2">
                                                                <i data-feather="lock"
                                                                    class="font-medium-3 mr-25 text-white"></i>
                                                                <span class="align-middle text-white">HO Roles &
                                                                    Permissions</span>
                                                            </h6>

                                                        </div>


                                                        <div class="table-responsive">
                                                            <table class="table table-striped table-borderless">

                                                                <tbody>
                                                                    @if ((session('current_role') == 'admin' && Auth::user()->hasRole('admin')))
                                                                        @foreach ($otherServicePermission as $key => $value)
                                                                            <tr>
                                                                                <th>{{ $value['vPermissionType'] }}</th>
                                                                                @foreach ($value['permission'] as $key2 => $value2)
                                                                                    <td>
                                                                                        <div
                                                                                            class="custom-control custom-checkbox">
                                                                                            <input type="checkbox"
                                                                                                class="custom-control-input {{ $value2['vLable'] == 'View' ? $value['iPermissionTypeID'] . '_View' : $value['iPermissionTypeID'] . '_Rest' }}"
                                                                                                id="otherServicePermission{{ $value2['id'] }}"
                                                                                                name="otherServicePermission[{{ $value2['name'] }}]"
                                                                                                @if (isset($editData) && in_array($value2['id'], $editData['permission'])) checked @endif
                                                                                                onchange="checkView({{ $value['iPermissionTypeID'] }},'{{ $value2['vLable'] }}')" />
                                                                                            <label
                                                                                                class="custom-control-label"
                                                                                                for="otherServicePermission{{ $value2['id'] }}">{{ $value2['vLable'] }}</label>
                                                                                        </div>

                                                                                        @if ($value2['name'] == 'other_activities_closure_review_approve_reject')
                                                                                            <div>
                                                                                                <input type="number"
                                                                                                    name="otherActivityClosureReviewLimit"
                                                                                                    id="otherActivityClosureReviewLimit"
                                                                                                    value="{{ isset($editData->otherActivityClosureReviewLimit) ? $editData->otherActivityClosureReviewLimit : '' }}"
                                                                                                    class="form-control me-3 w-auto other_activity_closure_review_input"
                                                                                                    style="height: 25px; padding: 5px; border: 1px solid rgb(219, 100, 77); margin-left: 10px;">
                                                                                            </div>
                                                                                        @endif

                                                                                        @if ($value2['name'] == 'other_activities_expense_pending_approve_reject')
                                                                                            <div>
                                                                                                <input type="number"
                                                                                                    name="otherActivityExpenseReviewLimit"
                                                                                                    id="otherActivityExpenseReviewLimit"
                                                                                                    value="{{ isset($editData->otherActivityExpenseReviewLimit) ? $editData->otherActivityExpenseReviewLimit : '' }}"
                                                                                                    class="form-control me-3 w-auto other_activity_expense_review_input"
                                                                                                    style="height: 25px; padding: 5px; border: 1px solid rgb(219, 100, 77); margin-left: 10px;">
                                                                                            </div>
                                                                                        @endif


                                                                                        @if ($value2['name'] == 'other_contract_doctor_approval_approve_reject')
                                                                                        <div>
                                                                                            <input type="number"
                                                                                                name="otherbiApprovalLimit"
                                                                                                id="otherbiApprovalLimit"
                                                                                                value="{{ isset($editData->otherbiApprovalLimit) ? $editData->otherbiApprovalLimit : '' }}"
                                                                                                class="form-control me-3 w-auto other_approve_limit_input"
                                                                                                style="height: 25px; padding: 5px; border: 1px solid rgb(219, 100, 77); margin-left: 10px;">
                                                                                        </div>
                                                                                    @endif

                                                                                    @if ($value2['name'] == 'other_contract_payment_approval_approve_reject')
                                                                                        <div>
                                                                                            <input type="number"
                                                                                                name="otherpaymentApprovalLimit"
                                                                                                id="otherpaymentApprovalLimit"
                                                                                                value="{{ isset($editData->paymentApprovalLimit) ? $editData->otherpaymentApprovalLimit : '' }}"
                                                                                                class="form-control me-3 w-auto other_payment_approve_limit_input"
                                                                                                style="height: 25px; padding: 5px; border: 1px solid rgb(219, 100, 77); margin-left: 10px;">
                                                                                        </div>
                                                                                    @endif

                                                                                    </td>
                                                                                @endforeach
                                                                            </tr>
                                                                        @endforeach
                                                                    @endif
                                                                </tbody>
                                                            </table>
                                                        </div>

                                                    </div>
                                                    <!-- /User Permissions -->
                                                </div>
                                                <div class="col-12 d-flex flex-sm-row flex-column mt-2">
                                                    <button type="submit"
                                                        class="btn btn-primary mb-1 mb-sm-0 mr-0 mr-sm-1"
                                                        id="submit">Save Changes</button>
                                                    <button type="reset" {{-- class="btn btn-outline-secondary mb-1 mb-sm-0 mr-0 mr-sm-1">Reset</button> --}} </div>
                                                </div>
                                                {{ Form::close() }}
                                            </div>
                                        </div>

                                        {{-- END TAB - 4 OTHER SERVICES --}}
                                    </div>

                                </div>

                            </div>

                        </div>
                    </div>
                </div>
                <!-- User Card & Plan Ends -->
            </section>

        </div>
    </div>
@endsection
@section('scripts')
    <script>
        $(document).ready(function() {
            $.validator.addMethod("count1", function(value, element) {
                if ($('input[name="' + element.name + '"]:checked').length > 0) {
                    return true;
                } else {
                    return false;
                }
            }, "Please select atleast one permission.");

            jQuery.validator.addMethod("letters_numbers_special", function(value, element) {
                if (value != '')
                    return value.match(
                        /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!"#$%&'()*+,-./:;<=>?@[\]^_`{|}~])[A-Za-z\d!"#$%&'()*+,-./:;<=>?@[\]^_`{|}~]{5,}$/
                    );
                return true;
            }, "Password should contain 1 Uppercase , 1 Lowercase , 1 Special Character and 1 Numeric.");

            jQuery.validator.addMethod("checklimit", function(value, element) {
                if ($("input[name='permission[doctor_approval_approve_reject]'").is(':checked') && (value ==
                        '' || value == 0)) {
                    return false;
                } else {
                    return true;
                }
            }, 'This field is required.');

            jQuery.validator.addMethod("checkpaymentlimit", function(value, element) {
                if ($("input[value='payment_approval_approve_reject']").is(':checked') && (value ==
                        '' || value == 0)) {
                    return false;
                } else {
                    return true;
                }
            }, 'This field is required.');

            $.validator.addMethod("noSpaces", function(value, element) {
                return this.optional(element) || $.trim(value).length > 0;
            }, "Please enter valid text, not just spaces.");



            $("#validateForm").validate({
                // ignore: ".ignore",
                rules: {
                    'iDivisionID[]': {
                        required: true,
                    },
                    'iCounterfeitDivisionID[]': {
                        required: true,
                    },
                    'iCampDivisionID[]': {
                        required: true,
                    },
                    vFirstName: {
                        required: true,
                        noSpaces: true,
                    },
                    vLastName: {
                        required: true,
                        noSpaces: true,
                    },
                    vEmail: {
                        required: true,
                        noSpaces: true,
                    },
                    'biApprovalLimit': {
                        checklimit: true,
                        noSpaces: true,
                    },
                    'paymentApprovalLimit': {
                        checkpaymentlimit: true,
                        noSpaces: true,
                    },
                    @if (!isset($editData))
                        password: {
                            required: true,
                            minlength: 5,
                            'letters_numbers_special': true
                        },
                    @else
                        password: {
                            'letters_numbers_special': true
                        },
                    @endif
                    iDesignationID: {
                        required: true,
                    }
                },
                submitHandler: function(form) {
                    // return false;
                    $("#submit").html('<span> Processing...</span>');
                    $("#submit").attr('disabled', true);

                    var formData = new FormData($("#validateForm")[0]);


                    @if (!isset($editData))
                        $.ajax({
                            url: "{{ route('admin.ho.save') }}",
                            type: 'POST',
                            data: formData,
                            processData: false,
                            contentType: false,
                            dataType: "json",
                            success: function(response) {
                                if (response.status == 0) {
                                    $("#submit").html('Submit');
                                    $("#submit").attr('disabled', false);
                                    $.notify(response.message, "error");
                                } else {
                                    $("#vLogo").rules("add", {
                                        required: true,
                                        accept: "png"
                                    });
                                    $.notify(response.message, "success");
                                    $("#submit").attr('disabled', false);
                                    $("#submit").html('Submit');
                                    window.location.replace('{{ route('admin.ho') }}');

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

                                var flag = 0;
                                $("#submit").html('Submit');
                                $("#submit").attr('disabled', false);
                                $.each(jqXHR.responseJSON.errors, function(index, data) {
                                    if (flag == 0) {
                                        $('input[name="' + index + '"]').focus();
                                        flag = 1;
                                    }
                                    if (document.getElementsByName(index)[0]
                                        .tagName == "INPUT" && document
                                        .getElementsByName(index)[0].type != 'radio'
                                    ) {
                                        $('input[name="' + index + '"]').after(
                                            '<label id="' + index +
                                            '-error" class="error" for="' +
                                            index + '">' + data + '</label>');
                                    } else if (document.getElementsByName(index)[0]
                                        .tagName == "SELECT") {
                                        $('select[name="' + index + '"]').after(
                                            '<label id="' + index +
                                            '-error" class="error" for="' +
                                            index + '">' + data + '</label>');
                                    } else if (document.getElementsByName(index)[0]
                                        .tagName == "TEXTAREA") {
                                        $('textarea[name="' + index + '"]').after(
                                            '<label id="' + index +
                                            '-error" class="error" for="' +
                                            index + '">' + data + '</label>');
                                    } else if (document.getElementsByName(index)[0]
                                        .tagName == "INPUT" && document
                                        .getElementsByName(index)[0].type == 'radio'
                                    ) {
                                        $('input[name="' + index + '"]').after(
                                            '<label id="' + index +
                                            '-error" class="error" for="' +
                                            index + '">' + data + '</label>');
                                    }
                                });
                            }
                        }); //ajax
                    @else


                        Swal.fire({
                            //    title: 'Are you sure?',
                            text: "If user designation is updated, the role and permission will update according to there designation(edited)",
                            icon: 'warning',
                            showCancelButton: true,
                            confirmButtonColor: '#3085d6',
                            cancelButtonColor: '#d33',
                            confirmButtonText: 'Yes'
                        }).then((result) => {
                            if (result.isConfirmed) {
                                $.ajax({
                                    url: "{{ route('admin.ho.save') }}",
                                    type: 'POST',
                                    data: formData,
                                    processData: false,
                                    contentType: false,
                                    dataType: "json",
                                    success: function(response) {
                                        if (response.status == 0) {
                                            $("#submit").html('Submit');
                                            $("#submit").attr('disabled', false);
                                            $.notify(response.message, "error");
                                        } else {
                                            $("#vLogo").rules("add", {
                                                required: true,
                                                accept: "png"
                                            });
                                            $.notify(response.message, "success");
                                            $("#submit").attr('disabled', false);
                                            $("#submit").html('Submit');
                                            window.location.replace(
                                                '{{ route('admin.ho') }}');

                                        }
                                    },
                                    error: function(jqXHR, textStatus, errorThrown) {
                                        if (jqXHR.status == 419) {
                                            $.notify("Please refresh the Page",
                                                "error");
                                        } else if (jqXHR.status == 500) {
                                            $.notify(
                                                "Please try after a few minutes",
                                                "error");
                                        } else {
                                            $.notify(jqXHR.responseJSON.message,
                                                "error");
                                        }
                                        var flag = 0;
                                        $("#submit").html('Submit');
                                        $("#submit").attr('disabled', false);
                                        $.each(jqXHR.responseJSON.errors, function(
                                            index, data) {
                                            if (flag == 0) {
                                                $('input[name="' + index +
                                                    '"]').focus();
                                                flag = 1;
                                            }
                                            if (document.getElementsByName(
                                                    index)[0]
                                                .tagName == "INPUT" &&
                                                document
                                                .getElementsByName(index)[0]
                                                .type != 'radio'
                                            ) {
                                                $('input[name="' + index +
                                                    '"]').after(
                                                    '<label id="' +
                                                    index +
                                                    '-error" class="error" for="' +
                                                    index + '">' +
                                                    data + '</label>');
                                            } else if (document
                                                .getElementsByName(index)[0]
                                                .tagName == "SELECT") {
                                                $('select[name="' + index +
                                                    '"]').after(
                                                    '<label id="' +
                                                    index +
                                                    '-error" class="error" for="' +
                                                    index + '">' +
                                                    data + '</label>');
                                            } else if (document
                                                .getElementsByName(index)[0]
                                                .tagName == "TEXTAREA") {
                                                $('textarea[name="' +
                                                    index + '"]').after(
                                                    '<label id="' +
                                                    index +
                                                    '-error" class="error" for="' +
                                                    index + '">' +
                                                    data + '</label>');
                                            } else if (document
                                                .getElementsByName(index)[0]
                                                .tagName == "INPUT" &&
                                                document
                                                .getElementsByName(index)[0]
                                                .type == 'radio'
                                            ) {
                                                $('input[name="' + index +
                                                    '"]').after(
                                                    '<label id="' +
                                                    index +
                                                    '-error" class="error" for="' +
                                                    index + '">' +
                                                    data + '</label>');
                                            }
                                        });
                                    }
                                }); //ajax
                            }
                        })
                    @endif

                    return;

                }
            });
        });

        function getPermission() {
            event.preventDefault();
            $("input:checkbox").prop('checked', false);
            var iDesignationID = $("#iDesignationID").val();
            if (iDesignationID != '') {
                $.ajax({
                    url: "{{ route('admin.permission.by.designation', '') }}/" + iDesignationID,
                    type: 'GET',
                    dataType: "json",
                    success: function(response) {
                        $(response).each(function(index, element) {
                            $("#permission_" + element).prop('checked', true);
                            $("#counterfeitpermission_" + element).prop('checked', true);
                            $("#campPermission" + element).prop('checked', true);
                            $("#otherServicePermission" + element).prop('checked', true);
                        });

                        toggle_approve_limit();
                    }
                }); //ajax
            } else {
                toggle_approve_limit();
            }
        }

        function checkAll() {
            var val = $("#iDivisionID").val();
            if (val[0] === 'all') {
                $("#iDivisionID").find('option').prop("selected", true);
                $("#iDivisionID").find('option[value="all"]').prop("selected", false);
                $("#iDivisionID").trigger('change');
            }
        }

        function counterfeitcheckAll() {
            var val = $("#iCounterfeitDivisionID").val();
            if (val[0] === 'all') {
                $("#iCounterfeitDivisionID").find('option').prop("selected", true);
                $("#iCounterfeitDivisionID").find('option[value="all"]').prop("selected", false);
                $("#iCounterfeitDivisionID").trigger('change');
            }
        }

        function campCheckAll() {
            var val = $("#iCampDivisionID").val();
            if (val[0] === 'all') {
                $("#iCampDivisionID").find('option').prop("selected", true);
                $("#iCampDivisionID").find('option[value="all"]').prop("selected", false);
                $("#iCampDivisionID").trigger('change');
            }
        }
        function otherServiceCheckAll() {
            var val = $("#iOtherServiceDivisionID").val();
            if (val[0] === 'all') {
                $("#iOtherServiceDivisionID").find('option').prop("selected", true);
                $("#iOtherServiceDivisionID").find('option[value="all"]').prop("selected", false);
                $("#iOtherServiceDivisionID").trigger('change');
            }
        }

        $(".approve_limit_input").hide();
        $("input[name='permission[doctor_approval_approve_reject]'").on('click', function() {
            toggle_approve_limit();
        })
        toggle_approve_limit();

        function toggle_approve_limit() {
            if ($("input[name='permission[doctor_approval_approve_reject]'").is(':checked')) {
                $(".approve_limit_input").show();
            } else {
                $(".approve_limit_input").hide();
                $("#biApprovalLimit-error").remove();
            }
        }
        $(".payment_approve_limit_input").hide();
        $("input[name='permission[payment_approval_approve_reject]'").on('click', function() {
            payment_toggle_approve_limit();
        })
        payment_toggle_approve_limit();

        function payment_toggle_approve_limit() {
            if ($("input[name='permission[payment_approval_approve_reject]'").is(':checked')) {
                $(".payment_approve_limit_input").show();
            } else {
                $(".payment_approve_limit_input").hide();
                $("#paymentApprovalLimit-error").remove();
            }
        }


        $(".other_approve_limit_input").hide();
        $("input[name='otherServicePermission[other_contract_doctor_approval_approve_reject]'").on('click', function() {
            other_toggle_approve_limit();
        })
        other_toggle_approve_limit();

        function other_toggle_approve_limit() {
            if ($("input[name='otherServicePermission[other_contract_doctor_approval_approve_reject]'").is(':checked')) {
                $(".other_approve_limit_input").show();
            } else {
                $(".other_approve_limit_input").hide();
                $("#otherbiApprovalLimit-error").remove();
            }
        }


        $(".other_payment_approve_limit_input").hide();
        $("input[name='otherServicePermission[other_contract_payment_approval_approve_reject]'").on('click', function() {
            other_paymemt_toggle_approve_limit();
        })
        other_paymemt_toggle_approve_limit();

        function other_paymemt_toggle_approve_limit() {
            if ($("input[name='otherServicePermission[other_contract_payment_approval_approve_reject]'").is(':checked')) {
                $(".other_payment_approve_limit_input").show();
            } else {
                $(".other_payment_approve_limit_input").hide();
                $("#otherpaymentApprovalLimit-error").remove();
            }
        }

$(".other_activity_closure_review_input").hide();
        $("input[name='otherServicePermission[other_activities_closure_review_approve_reject]'").on('click', function() {
            toggle_closure_approval_limit();
        })
        toggle_closure_approval_limit();

        function toggle_closure_approval_limit() {
            if ($("input[name='otherServicePermission[other_activities_closure_review_approve_reject]'").is(':checked')) {
                $(".other_activity_closure_review_input").show();
            } else {
                $(".other_activity_closure_review_input").hide();
                $("#otherActivityClosureReviewLimit-error").remove();
            }
        }

        $(".other_activity_expense_review_input").hide();
        $("input[name='otherServicePermission[other_activities_expense_pending_approve_reject]'").on('click', function() {
            toggle_expense_approval_limit();
        })
        toggle_expense_approval_limit();

        function toggle_expense_approval_limit() {
            if ($("input[name='otherServicePermission[other_activities_expense_pending_approve_reject]'").is(':checked')) {
                $(".other_activity_expense_review_input").show();
            } else {
                $(".other_activity_expense_review_input").hide();
                $("#otherActivityExpenseReviewLimit-error").remove();
            }
        }

        function checkView(id, lable) {
            if (lable != 'View') {
                $("." + id + "_View").prop("checked", true);
            } else if (!$("." + id + "_View").prop("checked")) {
                $("." + id + "_Rest").prop("checked", false);
            }
        }



        function counterfeitTabSet() {
            $('select[name="iCounterfeitDivisionID[]"]').rules('add', 'required');
            $('select[name="iOtherServiceDivisionID[]"]').rules('add', 'required');
            $('select[name="iDivisionID[]"]').rules('remove', 'required');
        }

        function campTabSet() {
            $('select[name="iCampDivisionID[]"]').rules('add', 'required');
            $('select[name="iOtherServiceDivisionID[]"]').rules('add', 'required');
            $('select[name="iCounterfeitDivisionID[]"]').rules('add', 'required');
            $('select[name="iDivisionID[]"]').rules('remove', 'required');
        }

        function otherServiceTabSet() {
            $('select[name="iOtherServiceDivisionID[]"]').rules('add', 'required');
            $('select[name="iDivisionID[]"]').rules('remove', 'required');
            $('select[name="iCampDivisionID[]"]').rules('remove', 'required');
            $('select[name="iCounterfeitDivisionID[]"]').rules('remove', 'required');
        }

        function counterfeitTabreSet() {
            $('select[name="iCounterfeitDivisionID[]"]').rules('add', 'required');
            $('select[name="iDivisionID[]"]').rules('remove', 'required');
            $('select[name="iCampDivisionID[]"]').rules('add', 'required');
            $('select[name="iOtherServiceDivisionID[]"]').rules('add', 'required');
        }
    </script>
    <script>
        $(document).ready(function() {

            $('ul.tabs li').click(function() {
                var tab_id = $(this).attr('data-tab');

                $('ul.tabs li').removeClass('current');
                $('.tab-content').removeClass('current');

                $(this).addClass('current');
                $("#" + tab_id).addClass('current');
            })

        })
    </script>
@endsection