HEX
Server: Apache/2.4.46 (Ubuntu)
System: Linux localhost 5.11.0-49-generic #55-Ubuntu SMP Wed Jan 12 17:36:34 UTC 2022 x86_64
User: root (0)
PHP: 7.4.16
Disabled: pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare,
Upload Files
File: /var/www/html/hrms-production/storage/framework/views/186665e8e906e07864a3e3ec2c40fc28a724d397.php
<div class="modal fade" id="addEmpPayMatrix">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Add Pay Matrix</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <!-- Main content -->
                <form id="addEmpPayMatrixForm">
                    <input type="hidden" name="_token" id="token_paymatrix" value="<?php echo e(csrf_token()); ?>">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="EmployeeCode">Employee Code. <span
                                            class="text-danger">*</span></label>
                                    <select class="form-control form-control-sm select2" style="width: 100%;"
                                        aria-hidden="true" name="EmployeeCode" id="PayMtrixEmployeeCode"
                                        data-placeholder="Employee Code" required>
                                        <option value="" selected disabled>Employee Code</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="EmployeeName">Employee Name </label>
                                    <input type="text" class="form-control form-control-sm" name="EmployeeName"
                                        id="PayMtrixEmployeeName" readonly>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="Pay Scale">Pay Commission <span
                                            class="text-danger">*</span></label>
                                    <select class="form-control form-control-sm select2" style="width: 100%;"
                                        aria-hidden="true" name="PayScale" id="PayScale"
                                        data-placeholder="Select PayScale">
                                        <option value="" disabled selected>Select PayScale</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4" id="PayMatrixScale_field" style="display: none;">
                                <div class="form-group mb-2">
                                  <label class="mb-0" for="PayMatrixScale">PayMatrix Scale </label>
                                  <input type="text" id="PayMatrixScale" name="PayMatrixScale" class="form-control form-control-sm">
                                </div>
                              </div>
                            <div class="col-md-4" id="PayBandId_field" style="display: none;">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="PayBand">PayBand <span class="text-danger">*</span></label>
                                    <select class="form-control form-control-sm select2" style="width: 100%;"
                                        aria-hidden="true" name="PayBandId" id="PayBandId"
                                        data-placeholder="Select PayBand">
                                        <option value="" disabled selected>Select PayBand</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4" id="GradePayId_field" style="display: none;">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="GradePay">GradePay <span
                                            class="text-danger">*</span></label>
                                    <select class="form-control form-control-sm select2" style="width: 100%;"
                                        aria-hidden="true" name="GradePayId" id="GradePayId"
                                        data-placeholder="Select GradePay">
                                        <option value="" disabled selected>Select GradePay</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4" id="PayLevelId_field" style="display: none;">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="PayLevel">PayLevel <span
                                            class="text-danger">*</span></label>
                                    <select class="form-control form-control-sm select2" style="width: 100%;"
                                        aria-hidden="true" name="PayLevelId" id="PayLevelId"
                                        data-placeholder="Select PayLevel">
                                        <option value="" disabled selected>Select PayLevel</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4" id="PayLevelAmount_field" style="display: none;">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="PayLevelAmount">Basic Pay (Basic Pay + G.P.) <span
                                            class="text-danger">*</span></label>
                                    <input type="text" id="PayLevelAmount" name="PayLevelAmount"
                                        class="form-control form-control-sm">
                                </div>
                            </div>
                            <div class="col-md-4" id="PayLevelAmountId_field" style="display: none;">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="PayLevelAmount">Basic Pay <span
                                            class="text-danger">*</span></label>
                                    <select class="form-control form-control-sm select2" style="width: 100%;"
                                        aria-hidden="true" name="PayLevelAmount" id="PayLevelAmountId"
                                        data-placeholder="Select PayLevel">
                                        <option value="" disabled selected>Select PayLevel Amount</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="PayFixation">Pay Fixation <span
                                            class="text-danger">*</span></label>
                                    <select class="form-control form-control-sm select2" style="width: 100%;"
                                        aria-hidden="true" name="PayFixation" id="PayFixation"
                                        data-placeholder="Select Pay Fixation">
                                        <option value="" disabled selected>Select Pay Fixation</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="Effective Date">W.e.f. Date <span
                                            class="text-danger">*</span></label>
                                    <div class="form-group mb-2">
                                        <div class="input-group date" data-target-input="nearest">
                                            <input type="text" id="EffectiveDate" name="EffectiveDate"
                                                class="form-control form-control-sm datetimepicker-input"
                                                data-target="#EffectiveDate" placeholder="DD/MM/YYYY" required />
                                            <div class="input-group-append" data-target="#EffectiveDate"
                                                data-toggle="datetimepicker">
                                                <div class="input-group-text"><i class="fa fa-calendar"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="PayMatrixRemarks">Remarks </label>
                                    <textarea name="PayMatrixRemarks" id="PayMatrixRemarks"
                                        class="form-control form-control-sm" cols="30" rows="2"
                                        placeholder="Max 250 Char."></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group mb-2">
                                    <div class="clearfix">
                                        <div class="icheck-primary">
                                            <input type="checkbox" name="PayFixationOrder" id="PayFixationAfterOrder">
                                            <label class="mb-0" for="PayFixationAfterOrder">PayFixation After
                                                Order</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row" id="pay_fixation_row" style="display: none">
                            <div class="col-md-4">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="SanctionedOrderNo">Sanctioned Order No. <span
                                            class="text-danger">*</span></label>
                                    <input type="text" class="form-control form-control-sm" id="SanctionedOrderNo"
                                        name="SanctionedOrderNo">
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="SanctionedOrderDate">Sanctioned Order Date <span
                                            class="text-danger">*</span></label>
                                    <div class="form-group mb-2">
                                        <div class="input-group date" data-target-input="nearest">
                                            <input type="text" id="SanctionedOrderDate" name="SanctionedOrderDate"
                                                class="form-control form-control-sm datetimepicker-input"
                                                data-target="#SanctionedOrderDate" placeholder="DD/MM/YYYY" />
                                            <div class="input-group-append" data-target="#SanctionedOrderDate"
                                                data-toggle="datetimepicker">
                                                <div class="input-group-text"><i class="fa fa-calendar"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group mb-0">
                                    <label for="SanctionedOrderFile" class="mb-0">Sanctioned Order </label>
                                    <div class="input-group input-group-sm">
                                        <div class="custom-file">
                                            <input type="file" class="custom-file-input" name="SanctionedOrderFile"
                                                id="SanctionedOrderFile" accept="image/*, .pdf">
                                            <label class="custom-file-label" for="SanctionedOrderFile">Choose
                                                file</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="NextIncrementDate">Next Increment Date <span
                                            class="text-danger">*</span></label>
                                    <div class="form-group mb-2">
                                        <div class="input-group date" data-target-input="nearest">
                                            <input type="text" id="NextIncrementDate" name="NextIncrementDate"
                                                class="form-control form-control-sm datetimepicker-input"
                                                data-target="#NextIncrementDate" placeholder="DD/MM/YYYY" />
                                            <div class="input-group-append" data-target="#NextIncrementDate"
                                                data-toggle="datetimepicker">
                                                <div class="input-group-text"><i class="fa fa-calendar"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group mb-0">
                                    <div class="clearfix mb-12">
                                        <div class="icheck-danger">
                                            <input type="checkbox" name="IsHold" id="IsHold">
                                            <label class="mb-0" for="IsHold">Is Hold</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row" id="HoldPaymatrix_Comment_field" style="display: none">
                            <div class="col-md-4">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="HoldFromDate">Hold From Date <span
                                            class="text-danger">*</span></label>
                                    <div class="form-group mb-2">
                                        <div class="input-group date" data-target-input="nearest">
                                            <input type="text" id="HoldFromDate" name="HoldFromDate"
                                                class="form-control form-control-sm datetimepicker-input"
                                                data-target="#HoldFromDate" placeholder="DD/MM/YYYY" />
                                            <div class="input-group-append" data-target="#HoldFromDate"
                                                data-toggle="datetimepicker">
                                                <div class="input-group-text"><i class="fa fa-calendar"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="HoldReason">Reason <span
                                            class="text-danger">*</span></label>
                                    <textarea name="HoldReason" id="HoldReason" class="form-control form-control-sm"
                                        cols="30" rows="3"></textarea>
                                </div>
                            </div>
                        </div>
                        <hr />
                        <div class="row">
                            <div class="col-12">
                                <div class="d-flex align-items-center justify-content-center">
                                    <button type="button" class="btn btn-sm btn-outline-secondary mx-1"
                                        data-dismiss="modal" aria-label="Close">Cancel</button>
                                    <button type="submit" name="Save" value="Save"
                                        class="btn btn-sm btn-info mx-1">Save</button>
                                </div>
                            </div>
                        </div>
                </form>
            </div>
        </div>
    </div>
    <!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->


<div class="modal fade" id="editEmpPayMatrix">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Edit PayMatrix <span id="EditEmpPayMatrixEmployeeName" class="text-info"></span>
                </h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <!-- Main content -->
                <form id="editEmpPayMatrixForm">
                    <input type="hidden" name="_token" id="token_paymatrix_update" value="<?php echo e(csrf_token()); ?>">
                    <input type="hidden" name="PayMatrixId" id="EditPayMatrixId">
                    <input type="hidden" name="EditEmployeeId" id="EditEmployeeId">
                    <input type="hidden" name="EditPayMatrixPrimaryId" id="EditPayMatrixPrimaryId">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="Pay Scale">Pay Commission <span
                                            class="text-danger">*</span></label>
                                    <select class="form-control form-control-sm select2" style="width: 100%;"
                                        aria-hidden="true" name="PayScale" id="EditPayScale"
                                        data-placeholder="Select PayScale">
                                        <option value="" disabled selected>Select PayScale</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4" id="EditPayMatrixScale_field" style="display: none;">
                                <div class="form-group mb-2">
                                  <label class="mb-0" for="EditPayMatrixScale">PayMatrix Scale </label>
                                  <input type="text" id="EditPayMatrixScale" name="PayMatrixScale" class="form-control form-control-sm">
                                </div>
                              </div>
                            <div class="col-md-4" id="EditPayBandId_field" style="display: none;">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="PayBand">PayBand <span class="text-danger">*</span></label>
                                    <select class="form-control form-control-sm select2" style="width: 100%;"
                                        aria-hidden="true" name="PayBandId" id="EditPayBandId"
                                        data-placeholder="Select PayBand">
                                        <option value="" disabled selected>Select PayBand</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4" id="EditGradePayId_field" style="display: none;">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="GradePay">GradePay <span
                                            class="text-danger">*</span></label>
                                    <select class="form-control form-control-sm select2" style="width: 100%;"
                                        aria-hidden="true" name="GradePayId" id="EditGradePayId"
                                        data-placeholder="Select GradePay">
                                        <option value="" disabled selected>Select GradePay</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4" id="EditPayLevelId_field" style="display: none;">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="PayLevel">PayLevel <span
                                            class="text-danger">*</span></label>
                                    <select class="form-control form-control-sm select2" style="width: 100%;"
                                        aria-hidden="true" name="PayLevelId" id="EditPayLevelId"
                                        data-placeholder="Select PayLevel">
                                        <option value="" disabled selected>Select PayLevel</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4" id="EditPayLevelAmount_field" style="display: none;">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="PayLevelAmount">Basic Pay (Basic Pay + G.P.) <span
                                            class="text-danger">*</span></label>
                                    <input type="text" id="EditPayLevelAmount" name="PayLevelAmount"
                                        class="form-control form-control-sm">
                                </div>
                            </div>
                            <div class="col-md-4" id="EditPayLevelAmountId_field" style="display: none;">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="PayLevelAmount">Basic Pay <span
                                            class="text-danger">*</span></label>
                                    <select class="form-control form-control-sm select2" style="width: 100%;"
                                        aria-hidden="true" name="PayLevelAmount" id="EditPayLevelAmountId"
                                        data-placeholder="Select PayLevel">
                                        <option value="" disabled selected>Select PayLevel Amount</option>
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="PayFixation">Pay Fixation <span
                                            class="text-danger">*</span></label>
                                    <select class="form-control form-control-sm select2" style="width: 100%;"
                                        aria-hidden="true" name="PayFixation" id="EditPayFixation"
                                        data-placeholder="Select Pay Fixation">
                                        <option value="" disabled selected>Select Pay Fixation</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="Effective Date">W.e.f. Date <span
                                            class="text-danger">*</span></label>
                                    <div class="form-group mb-2">
                                        <div class="input-group date" data-target-input="nearest">
                                            <input type="text" id="EditEffectiveDate" name="EffectiveDate"
                                                class="form-control form-control-sm datetimepicker-input"
                                                data-target="#EditEffectiveDate" placeholder="DD/MM/YYYY" />
                                            <div class="input-group-append" data-target="#EditEffectiveDate"
                                                data-toggle="datetimepicker">
                                                <div class="input-group-text"><i class="fa fa-calendar"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="PayMatrixRemarks">Remarks </label>
                                    <textarea name="EditPayMatrixRemarks" id="EditPayMatrixRemarks"
                                        class="form-control form-control-sm" cols="30" rows="2"
                                        placeholder="Max 250 Char."></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group mb-2">
                                    <div class="clearfix mb-4">
                                        <div class="icheck-primary">
                                            <input type="checkbox" name="PayFixationOrder"
                                                id="EditPayFixationAfterOrder">
                                            <label class="mb-0" for="EditPayFixationAfterOrder">PayFixation After
                                                Order</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row" id="Editpay_fixation_row" style="display: none">
                            <div class="col-md-4">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="SanctionedOrderNo">Sanctioned Order No. <span
                                            class="text-danger">*</span></label>
                                    <input type="text" class="form-control form-control-sm" id="EditSanctionedOrderNo"
                                        name="SanctionedOrderNo">
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="SanctionedOrderDate">Sanctioned Order Date <span
                                            class="text-danger">*</span></label>
                                    <div class="form-group mb-2">
                                        <div class="input-group date" data-target-input="nearest">
                                            <input type="text" id="EditSanctionedOrderDate" name="SanctionedOrderDate"
                                                class="form-control form-control-sm datetimepicker-input"
                                                data-target="#EditSanctionedOrderDate" placeholder="DD/MM/YYYY" />
                                            <div class="input-group-append" data-target="#EditSanctionedOrderDate"
                                                data-toggle="datetimepicker">
                                                <div class="input-group-text"><i class="fa fa-calendar"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group mb-0">
                                    <label for="SanctionedOrderFile" class="mb-0">Sanctioned Order</label>
                                    <div class="input-group input-group-sm">
                                        <div class="custom-file">
                                            <input type="file" class="custom-file-input" name="SanctionedOrderFile"
                                                id="EditSanctionedOrderFile" accept="image/*, .pdf">
                                            <label class="custom-file-label" for="SanctionedOrderFile">Choose
                                                file</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="NextIncrementDate">Next Increment Date <span
                                            class="text-danger">*</span></label>
                                    <div class="form-group mb-2">
                                        <div class="input-group date" data-target-input="nearest">
                                            <input type="text" id="EditNextIncrementDate" name="NextIncrementDate"
                                                class="form-control form-control-sm datetimepicker-input"
                                                data-target="#EditNextIncrementDate" placeholder="DD/MM/YYYY" />
                                            <div class="input-group-append" data-target="#EditNextIncrementDate"
                                                data-toggle="datetimepicker">
                                                <div class="input-group-text"><i class="fa fa-calendar"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group mb-0">
                                    <div class="clearfix mb-2">
                                        <div class="icheck-primary">
                                            <input type="checkbox" name="IsHold" id="EditIsHold">
                                            <label class="mb-0" for="EditIsHold">Is Hold</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row" id="EditHoldPaymatrix_Comment_field" style="display: none">
                            <div class="col-md-4">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="HoldFromDate">Hold From Date <span
                                            class="text-danger">*</span></label>
                                    <div class="form-group mb-2">
                                        <div class="input-group date" data-target-input="nearest">
                                            <input type="text" id="EditHoldFromDate" name="HoldFromDate"
                                                class="form-control form-control-sm datetimepicker-input"
                                                data-target="#EditHoldFromDate" placeholder="DD/MM/YYYY" />
                                            <div class="input-group-append" data-target="#EditHoldFromDate"
                                                data-toggle="datetimepicker">
                                                <div class="input-group-text"><i class="fa fa-calendar"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-8">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="EditHoldReason">Reason <span
                                            class="text-danger">*</span></label>
                                    <textarea name="EditHoldReason" id="EditHoldReason"
                                        class="form-control form-control-sm" cols="30" rows="1"></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group mb-0">
                                    <div class="clearfix mb-2">
                                        <div class="icheck-primary">
                                            <input type="checkbox" name="EditIsReleased" id="EditIsReleased">
                                            <label class="mb-0" for="EditIsReleased">Is Released</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row" id="EditIsReleasedPaymatrix_Comment_field" style="display: none">
                            <div class="col-md-4">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="EditReleasedFromDate">Released From Date <span
                                            class="text-danger">*</span></label>
                                    <div class="form-group mb-2">
                                        <div class="input-group date" data-target-input="nearest">
                                            <input type="text" id="EditReleasedFromDate" name="EditReleasedFromDate"
                                                class="form-control form-control-sm datetimepicker-input"
                                                data-target="#EditReleasedFromDate" placeholder="DD/MM/YYYY" />
                                            <div class="input-group-append" data-target="#EditReleasedFromDate"
                                                data-toggle="datetimepicker">
                                                <div class="input-group-text"><i class="fa fa-calendar"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-8">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="EditReleasedReason">Reason <span
                                            class="text-danger">*</span></label>
                                    <textarea name="EditReleasedReason" id="EditReleasedReason"
                                        class="form-control form-control-sm" cols="30" rows="1"></textarea>
                                </div>
                            </div>
                        </div>
                        <hr />
                        <div class="row">
                            <div class="col-12">
                                <div class="d-flex align-items-center justify-content-center">
                                    <button type="button" class="btn btn-sm btn-outline-secondary mx-1"
                                        data-dismiss="modal" aria-label="Close">Cancel</button>
                                    <button type="submit" name="Update" value="Update"
                                        class="btn btn-sm btn-info mx-1">Update</button>
                                </div>
                            </div>
                        </div>
                </form>
            </div>
        </div>
    </div>
    <!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->


<div class="modal fade" id="holdEmpPayMatrix">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Hold PayMatrix <span id="HoldEmpPayMatrixEmployeeName" class="text-info"></span>
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <!-- Main content -->
                <form id="holdEmpPayMatrixForm">
                    <input type="hidden" name="_token" id="token_paymatrix_hold" value="<?php echo e(csrf_token()); ?>">
                    <input type="hidden" name="PayMatrixId" id="HoldPayMatrixId">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="HoldFromDate">Hold From Date <span
                                            class="text-danger">*</span></label>
                                    <div class="form-group mb-2">
                                        <div class="input-group date" data-target-input="nearest">
                                            <input type="text" id="PaymatrixHoldFromDate" name="PaymatrixHoldFromDate"
                                                class="form-control form-control-sm datetimepicker-input"
                                                data-target="#PaymatrixHoldFromDate" placeholder="DD/MM/YYYY" />
                                            <div class="input-group-append" data-target="#PaymatrixHoldFromDate"
                                                data-toggle="datetimepicker">
                                                <div class="input-group-text"><i class="fa fa-calendar"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="HoldReason">Reason <span
                                            class="text-danger">*</span></label>
                                    <textarea name="PaymatrixHoldReason" id="PaymatrixHoldReason"
                                        class="form-control form-control-sm" cols="30" rows="3"></textarea>
                                </div>
                            </div>
                        </div>
                        <hr />
                        <div class="row">
                            <div class="col-12">
                                <div class="d-flex align-items-center justify-content-center">
                                    <button type="button" class="btn btn-sm btn-outline-secondary mx-1"
                                        data-dismiss="modal" aria-label="Close">Cancel</button>
                                    <button type="submit" name="Save" value="Save"
                                        class="btn btn-sm btn-info mx-1">Save</button>
                                </div>
                            </div>
                        </div>
                </form>
            </div>
        </div>
    </div>
    <!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->


<div class="modal fade" id="releaseEmpPayMatrix">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Release PayMatrix <span id="ReleaseEmpPayMatrixEmployeeName"
                        class="text-info"></span></h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <!-- Main content -->
                <form id="releaseEmpPayMatrixForm">
                    <input type="hidden" name="_token" id="token_paymatrix_release" value="<?php echo e(csrf_token()); ?>">
                    <input type="hidden" name="PayMatrixId" id="ReleasePayMatrixId">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="ReleaseFromDate">Release From Date <span
                                            class="text-danger">*</span></label>
                                    <div class="form-group mb-2">
                                        <div class="input-group date" data-target-input="nearest">
                                            <input type="text" id="ReleaseFromDate" name="ReleaseFromDate"
                                                class="form-control form-control-sm datetimepicker-input"
                                                data-target="#ReleaseFromDate" placeholder="DD/MM/YYYY" />
                                            <div class="input-group-append" data-target="#ReleaseFromDate"
                                                data-toggle="datetimepicker">
                                                <div class="input-group-text"><i class="fa fa-calendar"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="ReleaseReason">Reason <span
                                            class="text-danger">*</span></label>
                                    <textarea name="PaymatrixReleaseReason" id="PaymatrixReleaseReason"
                                        class="form-control form-control-sm" cols="30" rows="3"></textarea>
                                </div>
                            </div>
                        </div>
                        <hr />
                        <div class="row">
                            <div class="col-12">
                                <div class="d-flex align-items-center justify-content-center">
                                    <button type="button" class="btn btn-sm btn-outline-secondary mx-1"
                                        data-dismiss="modal" aria-label="Close">Cancel</button>
                                    <button type="submit" name="Save" value="Save"
                                        class="btn btn-sm btn-info mx-1">Save</button>
                                </div>
                            </div>
                        </div>
                </form>
            </div>
        </div>
    </div>
    <!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->



<div class="modal fade" id="cancelEmpPayMatrix">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Cancel PayMatrix <span id="CancelEmpPayMatrixEmployeeName"
                        class="text-info"></span>
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <!-- Main content -->
                <form id="cancelEmpPayMatrixForm">
                    <input type="hidden" name="_token" id="token_paymatrix_cancel" value="<?php echo e(csrf_token()); ?>">
                    
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="EmployeeCode">Employee Code. <span
                                            class="text-danger">*</span></label>
                                    <select class="form-control form-control-sm select2" style="width: 100%;"
                                        aria-hidden="true" name="EmployeeCode" id="CancelPayMtrixEmployeeCode"
                                        data-placeholder="Employee Code" required>
                                        <option value="" selected disabled>Employee Code</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="OrderNumber">Order Number </label>
                                    <select class="form-control form-control-sm select2" style="width: 100%;"
                                        aria-hidden="true" name="OrderNumber" id="CancelOrderNumber"
                                        data-placeholder="Order Number" required>
                                        <option value="" selected disabled>Order Number</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="CancelReason">Reason <span
                                            class="text-danger">*</span></label>
                                    <textarea name="PaymatrixCancelReason" id="PaymatrixCancelReason"
                                        class="form-control form-control-sm" cols="30" rows="3"></textarea>
                                </div>
                            </div>
                        </div>
                        <hr />
                        <div class="row">
                            <div class="col-12">
                                <div class="d-flex align-items-center justify-content-center">
                                    <button type="button" class="btn btn-sm btn-outline-secondary mx-1"
                                        data-dismiss="modal" aria-label="Close">Cancel</button>
                                    <button type="submit" name="Save" value="Save"
                                        class="btn btn-sm btn-info mx-1">Save</button>
                                </div>
                            </div>
                        </div>
                </form>
            </div>
        </div>
    </div>
    <!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->





<script>
    $(document).ready(function() {
        $.ajax({
          type: "GET",
          url: "<?php echo e(url('/employee-list')); ?>",
          dataType: "json",
          success: function(response) {
            var json = response.EmployeeList;
            $.each(json, function(i, employee) {
              $("#PayMtrixEmployeeCode, #CancelPayMtrixEmployeeCode").append("<option value='" + employee.EmployeeId + "'>" + employee.EmployeeCode + " (" + employee.EmployeeName + ") " + "</option>");
              $('#PayMtrixEmployeeCode, #CancelPayMtrixEmployeeCode').trigger('change');
            });
          }
        });
    });

    // Get Employee Details
    $('#PayMtrixEmployeeCode, #CancelPayMtrixEmployeeCode').on('select2:select', function (e) {
      
        var data = e.params.data;
        var EmployeeId = data.id;
        $('#PayMtrixEmployeeName, #CancelPayMtrixEmployeeName').val('');
        getEmployeeDetail(EmployeeId);
        getEmpPayMatrixOrderList(EmployeeId);
        // Reset Form field on change Employee Code
        $('#PayScale, #EditPayScale, #CancelOrderNumber').val(null).trigger('change');
        $('#PayFixation, #EditPayFixation').val(null).trigger('change');
    });
    

    function getEmployeeDetail(EmployeeId)
    {
        var EmployeeId = EmployeeId;
            $.ajax({
            type: "post",
            url: "<?php echo e(url('/')); ?>/get-employee-current-detail",
            dataType: "json",
            data: { 
                    _token: "<?php echo e(csrf_token()); ?>",
                    EmployeeId: EmployeeId,
                },
            success: function(response) {
                var json = response.GetEmpCurrentDetail;
                $('#PayMtrixEmployeeName, #CancelPayMtrixEmployeeName').val(json.EmployeeName);
            }
        });
    }
</script>


<script>
    function getEmpPayMatrixOrderList(EmployeeId){
          var EmployeeId = EmployeeId;
          $('#CancelOrderNumber, #CancelOrderNumber').empty();
              $.ajax({
              type: "post",
              url: "<?php echo e(url('/')); ?>/get-paymatrix-order-list",
              dataType: "json",
              data: { 
                    _token: "<?php echo e(csrf_token()); ?>",
                    EmployeeId: EmployeeId,
                },
              success: function(response) {
                  var json = response.EmpPayMatrixOrder;
                  $.each(json, function(i, orderno) {
                    $("#CancelOrderNumber, #EditCancelOrderNumber").append("<option value='" + orderno.SanctionedOrderNo + "'>" + orderno.SanctionedOrderNo + "</option>");
                      $('#CancelOrderNumber').val(null).trigger('change');
                      $('#EditCancelOrderNumber').trigger('change');
                  });
              }
          });
      }
</script>


<script>
    // PayScale List
  $(document).ready(function() {
        $.ajax({
          type: "GET",
          url: "<?php echo e(url('/payscale-list')); ?>",
          dataType: "json",
          success: function(response) {
            var json = response.PayScale;
            $.each(json, function(i, payscale) {
              $("#PayScale, #EditPayScale").append("<option value='" + payscale.PayScaleId + "'>" + payscale.PayScaleName + "</option>");
              $('#PayScale, #EditPayScale').trigger('change');
            });
          }
        });
    });

  // PayBand List
  $(document).ready(function() {
        $.ajax({
          type: "GET",
          url: "<?php echo e(url('/payband-list')); ?>",
          dataType: "json",
          success: function(response) {
            var json = response.PayBand;
            $.each(json, function(i, payband) {
              $("#PayBandId, #EditPayBandId").append("<option value='" + payband.PayBandId + "'>" + payband.PayBandName + "</option>");
              $('#PayBandId, #EditPayBandId').trigger('change');
            });
          }
        });
    });
    // Pay Level List
    $(document).ready(function() {
        $.ajax({
          type: "GET",
          url: "<?php echo e(url('/paylevel-list')); ?>",
          dataType: "json",
          success: function(response) {
            var json = response.PayLevelList;
            $.each(json, function(i, paylevel) {
                $("#PayLevelId, #EditPayLevelId").append("<option value='" + paylevel.PayLevelId + "'>" + paylevel.PayLevelName + " (" + paylevel.AmountRange + ")" +"</option>");
              $('#PayLevelId, #EditPayLevelId').val(null).trigger('change');
            });
          }
        });
    });

    // PayFixation List
  $(document).ready(function() {
        $.ajax({
          type: "GET",
          url: "<?php echo e(url('/pay-fixation-list')); ?>",
          dataType: "json",
          success: function(response) {
            var json = response.PayFixation;
            $.each(json, function(i, payfixation) {
              $("#PayFixation, #EditPayFixation").append("<option value='" + payfixation.PayFixationId + "'>" + payfixation.PayFixation + "</option>");
              $('#PayFixation, #EditPayFixation').val(null).trigger('change');
            });
          }
        });
    });
</script>


<script>
    $(document).ready(function() {
          $("#PayScale").change(function() {
              //alert($(this).val())
                  $('#PayBandId').val(null).trigger('change');
                  $('#GradePayId').empty();
                  $('#PayLevelId').val(null).trigger('change');
                  $('#PayLevelAmount').val('');
                  $('#PayLevelAmountId').empty();
                  $('#PayMatrixScale').val('');
              if ($(this).val() == "l7Is9HD8Yr2nMQKmSwm189AEr3yawtvPrZrn4") { // 6th payscale
                  $("#PayLevelId_field").css('display', 'none');
                  $("#PayLevelId").prop('required', false);
                  $("#PayLevelAmountId_field").css('display', 'none');
                  $("#PayLevelAmountId").prop('required', false);
                  $("#PayMatrixScale_field").css('display', 'none');
                  $("#PayBandId_field").css('display', 'block');
                  $("#PayBandId").prop('required', true);
                  $("#GradePayId_field").css('display', 'block');
                  $("#GradePayId").prop('required', true);
                  $("#PayLevelAmount_field").css('display', 'block');
                  $("#PayLevelAmount").prop('required', true);
              } else if ($(this).val() == "KmmsPcY7uGEnMyRYmSYlD66z6dwLsMtqG19Qs") { // 7th payscale
                  $("#PayLevelId_field").css('display', 'block');
                  $("#PayLevelId").prop('required', true);
                  $("#PayLevelAmountId_field").css('display', 'block');
                  $("#PayLevelAmountId").prop('required', true);
                  $("#PayMatrixScale_field").css('display', 'none');
                  $("#PayBandId_field").css('display', 'none');
                  $("#PayBandId").prop('required', false);
                  $("#GradePayId_field").css('display', 'none');
                  $("#GradePayId").prop('required', false);
                  $("#PayLevelAmount_field").css('display', 'none');
                  $("#PayLevelAmount").prop('required', false);
              } else if ($(this).val() == "jpWwVaivsVq9dys2kPocbd0kfmQeM7FM8DuRm" || $(this).val() == "aJd0V3oRX2YI5G8hVN6PTDU1WrSIjOE9oQmSU") {
                  $("#PayLevelId_field").css('display', 'none');
                  $("#PayLevelId").prop('required', false);
                  $("#PayLevelAmountId_field").css('display', 'none');
                  $("#PayLevelAmountId").prop('required', false);
                  $("#PayBandId_field").css('display', 'none');
                  $("#PayBandId").prop('required', false);
                  $("#GradePayId_field").css('display', 'none');
                  $("#GradePayId").prop('required', false);
                  $("#PayLevelAmount_field").css('display', 'block');
                  $("#PayLevelAmount").prop('required', true);
                  $("#PayMatrixScale_field").css('display', 'block');
              }
          });
      });
</script>


<script>
    $(document).ready(function() {
          $("#EditPayScale").change(function() {
              //alert($(this).val())
                  $('#EditPayBandId').val(null).trigger('change');
                  $('#EditGradePayId').empty();
                  $('#EditPayLevelId').val(null).trigger('change');
                  $('#EditPayLevelAmount').val('');
                  $('#EditPayLevelAmountId').empty();
                  $('#EditPayMatrixScale').val('');
              if ($(this).val() == "l7Is9HD8Yr2nMQKmSwm189AEr3yawtvPrZrn4") { // 6th payscale
                  $("#EditPayLevelId_field").css('display', 'none');
                  $("#EditPayLevelId").prop('required', false);
                  $("#EditPayLevelAmountId_field").css('display', 'none');
                  $("#EditPayLevelAmountId").prop('required', false);
                  $("#EditPayMatrixScale_field").css('display', 'none');
                  $("#EditPayBandId_field").css('display', 'block');
                  $("#EditPayBandId").prop('required', true);
                  $("#EditGradePayId_field").css('display', 'block');
                  $("#EditGradePayId").prop('required', true);
                  $("#EditPayLevelAmount_field").css('display', 'block');
                  $("#EditPayLevelAmount").prop('required', true);
              } else if ($(this).val() == "KmmsPcY7uGEnMyRYmSYlD66z6dwLsMtqG19Qs") { // 7th payscale
                  $("#EditPayLevelId_field").css('display', 'block');
                  $("#EditPayLevelId").prop('required', true);
                  $("#EditPayLevelAmountId_field").css('display', 'block');
                  $("#EditPayLevelAmountId").prop('required', true);
                  $("#EditPayMatrixScale_field").css('display', 'none');
                  $("#EditPayBandId_field").css('display', 'none');
                  $("#EditPayBandId").prop('required', false);
                  $("#EditGradePayId_field").css('display', 'none');
                  $("#EditGradePayId").prop('required', false);
                  $("#EditPayLevelAmount_field").css('display', 'none');
                  $("#EditPayLevelAmount").prop('required', false);
              } else if ($(this).val() == "jpWwVaivsVq9dys2kPocbd0kfmQeM7FM8DuRm" || $(this).val() == "aJd0V3oRX2YI5G8hVN6PTDU1WrSIjOE9oQmSU") {
                  $("#EditPayLevelId_field").css('display', 'none');
                  $("#EditPayLevelId").prop('required', false);
                  $("#EditPayLevelAmountId_field").css('display', 'none');
                  $("#EditPayLevelAmountId").prop('required', false);
                  $("#EditPayBandId_field").css('display', 'none');
                  $("#EditPayBandId").prop('required', false);
                  $("#EditGradePayId_field").css('display', 'none');
                  $("#EditGradePayId").prop('required', false);
                  $("#EditPayLevelAmount_field").css('display', 'block');
                  $("#EditPayLevelAmount").prop('required', true);
                  $("#EditPayMatrixScale_field").css('display', 'block');
              }
          });
      });
</script>


<script>
    $('#PayBandId, #EditPayBandId').on('select2:select', function (e) {
        //alert(e.params.data);
          var data = e.params.data;
          var PayBandId = data.id;
          getGradePayList(PayBandId, GradePayId = '');
      });
      function getGradePayList(PayBandId, GradePayId = ''){
          var PayBandId = PayBandId;
          $('#GradePayId, #EditGradePayId').empty();
              $.ajax({
              type: "GET",
              url: "<?php echo e(url('/')); ?>/get-gradepay-list/" +PayBandId,
              dataType: "json",
              success: function(response) {
                  var json = response.GradePay;
                  $.each(json, function(i, gradepay) {
                      if (GradePayId == gradepay.GradePayId) {
                        $("#GradePayId, #EditGradePayId").append("<option selected value='" + gradepay.GradePayId + "'>" + gradepay.GradePayName + "</option>");
                      } else {
                        $("#GradePayId, #EditGradePayId").append("<option value='" + gradepay.GradePayId + "'>" + gradepay.GradePayName + "</option>");
                      }
                      $('#GradePayId').val(null).trigger('change');
                      $('#EditGradePayId').trigger('change');
                  });
              }
          });
      }
      
      // PayLevel Amount on select PayLevel
      $('#PayLevelId, #EditPayLevelId').on('select2:select', function (e) {
        //alert(e.params.data);
          var data = e.params.data;
          var PayLevelId = data.id;
          getPayLevelAmountList(PayLevelId, PayLevelAmountId = '');
      });
      function getPayLevelAmountList(PayLevelId, PayLevelAmountId = ''){
          var PayLevelId = PayLevelId;
          $('#PayLevelAmountId, #EditPayLevelAmountId').empty();
              $.ajax({
              type: "GET",
              url: "<?php echo e(url('/')); ?>/get-paylevel-amount-list/" +PayLevelId,
              dataType: "json",
              success: function(response) {
                  var json = response.PayLevelAmount;
                  $.each(json, function(i, paylevelamount) {
                      if (PayLevelAmountId == paylevelamount.PayLevelAmountId) {
                        $("#EditPayLevelAmountId").append("<option selected value='" + paylevelamount.PayLevelAmountId + "'>" + paylevelamount.PayLevelAmount + "</option>");
                        $('#EditPayLevelAmountId').trigger('change');
                      } else {
                        $("#PayLevelAmountId, #EditPayLevelAmountId").append("<option value='" + paylevelamount.PayLevelAmountId + "'>" + paylevelamount.PayLevelAmount + "</option>");
                      $('#PayLevelAmountId').val(null).trigger('change');
                      }
                  });
              }
          });
      }
      
</script>


<script>
    $(document).ready(function() {
        $("#PayFixationAfterOrder, #EditPayFixationAfterOrder").click(function() {
            if($('#PayFixationAfterOrder').is(':checked') || $('#EditPayFixationAfterOrder').is(':checked')) { 
                $("#pay_fixation_row, #Editpay_fixation_row").css('display', '');
                $("#SanctionedOrderNo, #EditSanctionedOrderNo").prop('required', true);
                $("#SanctionedOrderDate, #EditSanctionedOrderDate").prop('required', true);
                $("#NextIncrementDate, #EditNextIncrementDate").prop('required', true);
                //$("#SanctionedOrderFile, #EditSanctionedOrderFile").prop('required', true);
            } else {
                $("#pay_fixation_row, #Editpay_fixation_row").css('display', 'none');
                $("#SanctionedOrderNo, #EditSanctionedOrderNo").prop('required', false);
                $("#SanctionedOrderDate, #EditSanctionedOrderDate").prop('required', false);
                $("#NextIncrementDate, #EditNextIncrementDate").prop('required', false);
                $("#SanctionedOrderFile, #EditSanctionedOrderFile").prop('required', false);
            }
        });
    });
</script>
<script>
    // $(document).ready(function() {
    //       $("#PayFixation, #EditPayFixation").change(function() {
    //               $('#SanctionedOrderNo, #EditSanctionedOrderNo').val('');
    //               $('#SanctionedOrderDate, #EditSanctionedOrderDate').val('');
    //               $('#SanctionedOrderFile, #EditSanctionedOrderFile').val('');
    //           if ($(this).find('option:selected').text() == "Upgradation of Scale") { 
    //               $("#pay_fixation_row, #Editpay_fixation_row").css('display', '');
    //             //  $("#SanctionedOrderNo, #EditSanctionedOrderNo").prop('required', true);
    //              // $("#SanctionedOrderDate, #EditSanctionedOrderDate").prop('required', true);
    //             //  $("#SanctionedOrderFile, #EditSanctionedOrderFile").prop('required', true);
    //           } else {  
    //               $("#pay_fixation_row, #Editpay_fixation_row").css('display', 'none');
    //               $("#SanctionedOrderNo, #EditSanctionedOrderNo").prop('required', false);
    //               $("#SanctionedOrderDate, #EditSanctionedOrderDate").prop('required', false);
    //             //  $("#SanctionedOrderFile, #EditSanctionedOrderFile").prop('required', false);
    //           }
    //       });
    //   });
</script>

<script>
    $(document).ready(function() {
        $("#IsHold, #EditIsHold").click(function() {
            if($('#IsHold').is(':checked') || $('#EditIsHold').is(':checked')) { 
                $("#HoldReason, #EditHoldReason, #HoldFromDate, #EditHoldFromDate").val('');
                $("#HoldPaymatrix_Comment_field, #EditHoldPaymatrix_Comment_field").css('display', '');
                $("#HoldReason, #HoldFromDate, #EditHoldReason").prop('required', true);
            } else {
                $("#HoldPaymatrix_Comment_field, #EditHoldPaymatrix_Comment_field").css('display', 'none');
                $("#HoldReason, #EditHoldReason").prop('required', false);
            }
        });
    });

    // Is Released
    $(document).ready(function() {
        $("#EditIsReleased").click(function() {
            if($('#IsReleased').is(':checked') || $('#EditIsReleased').is(':checked')) { 
                $("#ReleasedReason, #EditReleasedReason, #ReleasedFromDate, #EditReleasedFromDate").val('');
                $("#IsReleasedPaymatrix_Comment_field, #EditIsReleasedPaymatrix_Comment_field").css('display', '');
                $("#ReleasedReason, #ReleasedFromDate, #EditReleasedFromDate, #EditReleasedReason").prop('required', true);
            } else {
                $("#IsReleasedPaymatrix_Comment_field, #EditIsReleasedPaymatrix_Comment_field").css('display', 'none');
                $("#ReleasedReason, #ReleasedFromDate, #EditReleasedFromDate, #EditReleasedReason").prop('required', false);
            }
        });
    });
</script>


<script>
    $(function () {
      $.validator.setDefaults({
        submitHandler: function () {
            event.preventDefault();
            // Get Form Data 
            var token = $("#token_paymatrix").val();
            var EmployeeId = $("#PayMtrixEmployeeCode :selected").val();
            var EmpCode = $("#PayMtrixEmployeeCode").find('option:selected').text();
            var EmployeeCode = EmpCode.split(' ')[0];
            var PayScale = $("#PayScale :selected").val();
            var PayBandId = $("#PayBandId :selected").val();
            var GradePayId = $("#GradePayId :selected").val();

            var PayMatrixScale = $('#PayMatrixScale').val();
            
            var PayLevelAmount = '';
            var PayLevelId = '';
            var PayLevelAmountId = '';
            if(PayScale == "KmmsPcY7uGEnMyRYmSYlD66z6dwLsMtqG19Qs") // 7th Pay
            {
            var PayLevelId = $("#PayLevelId :selected").val();
            var PayLevelAmountId = $('#PayLevelAmountId :selected').val();
            var GetAmount = $('#PayLevelAmountId').find('option:selected').text();
            var PayLevelAmount = GetAmount;
            } else {
            var PayLevelAmount = $('#PayLevelAmount').val();
            }
            
            var PayFixation = $("#PayFixation :selected").val();

            var PayFixationAfterOrder = '';
            if($('#PayFixationAfterOrder').is(':checked'))
                {
                    var PayFixationAfterOrder = '1';
                } 
            else
                {
                    var PayFixationAfterOrder = '0';
                }

            var SanctionedOrderNo = $('#SanctionedOrderNo').val();
            var SanctionedOrderDate = $('#SanctionedOrderDate').val();
            var EffectiveDate = $('#EffectiveDate').val();
            var NextIncrementDate = $('#NextIncrementDate').val();
            var SanctionedOrderFile = $('#SanctionedOrderFile')[0].files;
            var PayMatrixRemarks = $('textarea[name="PayMatrixRemarks"]').val();
            var IsHold = '';
            var HoldFromDate = '';
            var IsReleased = '1';
            var HoldReason = '';
            if($('#IsHold').is(':checked'))
                {
                    var IsHold = '1'; 
                    var HoldFromDate = $('#HoldFromDate').val();
                    var HoldReason = $('textarea[name="HoldReason"]').val();
                    var IsReleased = '0';
                } 
            else
                {
                    var IsHold = '0';
                }

            var fd = new FormData();
            fd.append('_token',token);
            fd.append('EmployeeId',EmployeeId);
            fd.append('EmployeeCode',EmployeeCode);
            fd.append('PayScaleId',PayScale);
            fd.append('PayLevelId',PayLevelId);
            fd.append('PayBandId',PayBandId);
            fd.append('GradePayId',GradePayId);
            fd.append('PayLevelAmount',PayLevelAmount);
            fd.append('PayMatrixScale',PayMatrixScale);
            fd.append('PayLevelAmountId',PayLevelAmountId);
            fd.append('PayFixationId',PayFixation);
            fd.append('PayFixationAfterOrder',PayFixationAfterOrder);
            fd.append('SanctionedOrderNo',SanctionedOrderNo);
            fd.append('OrderDate',SanctionedOrderDate);
            fd.append('EffectiveFrom',EffectiveDate);
            fd.append('NextIncDate',NextIncrementDate);
            fd.append('PayMatrixRemarks',PayMatrixRemarks);
            fd.append('IsHold',IsHold);
            fd.append('HoldFrom',HoldFromDate);
            fd.append('HoldReason',HoldReason);
            fd.append('IsReleased',IsReleased);
            // files data
            fd.append('SanctionedOrderFile',SanctionedOrderFile[0]);

        $.ajax({
                type: "post",
                url: "<?php echo e(url('store-pay-matrix')); ?>",
                data: fd,
                contentType: false,
                processData: false,
                success: function(response) {
                  const Toast = Swal.mixin({
                      toast: true,
                      position: 'top-end',
                      showConfirmButton: false,
                      timer: 2000,
                      timerProgressBar: true,
                      didOpen: (toast) => {
                        toast.addEventListener('mouseenter', Swal.stopTimer)
                        toast.addEventListener('mouseleave', Swal.resumeTimer)
                      }
                    })
                    Toast.fire({
                      icon: 'success',
                      title: "Employee's Pay Matrix added successfully!"
                    });
                    setTimeout(function(){
                    window.location.reload(1);
                  }, 2000);
                },
                error: function(data) {
                  const Toast = Swal.mixin({
                      toast: true,
                      position: 'top-end',
                      showConfirmButton: false,
                      timer: 2000,
                      timerProgressBar: true,
                      didOpen: (toast) => {
                        toast.addEventListener('mouseenter', Swal.stopTimer)
                        toast.addEventListener('mouseleave', Swal.resumeTimer)
                      }
                    })
                    Toast.fire({
                      icon: 'error',
                      title: 'Something went wrong!'
                    });
                }
            });
        }
      });
      $('#addEmpPayMatrixForm').validate({
        rules: {
            EmployeeCode: {
            required: true,
          },
          PayScale: {
            required: true,
          },
          PayFixation: {
            required: true,
          },
          SanctionedOrderFile: {
            accept: "image/*, pdf",
          },
        },
        messages: {
            EmployeeCode: {
            required: "Employee Code is required.",
          }, 
          PayScale: {
            required: "Please select the PayScale.",
          },
          PayFixation: {
            required: "Please select the PayFixation.",
          }, 
        },
        errorElement: 'span',
        errorPlacement: function (error, element) {
          error.addClass('invalid-feedback');
          element.closest('.form-group').append(error);
        },
        highlight: function (element, errorClass, validClass) {
          $(element).addClass('is-invalid');
        },
        unhighlight: function (element, errorClass, validClass) {
          $(element).removeClass('is-invalid');
        }
      });
    });
</script>


<script>
    function editEmpPayMatrix(PayMatrixId)
  {
      var PayMatrixId = PayMatrixId;
      $.ajax({
          type: "POST",
          url: "<?php echo e(url('/')); ?>/edit-pay-matrix",
          dataType: 'json',
          data: {
            PayMatrixId: PayMatrixId,
            _token: "<?php echo e(csrf_token()); ?>",
          },
          success: function (response) {
              $('span#EditEmpPayMatrixEmployeeName').html('#' +response.GetPayMatrix.EmployeeName);
              $('#EditPayMatrixId').val(response.GetPayMatrix.PayMatrixId);
              $('#EditPayMatrixPrimaryId').val(response.GetPayMatrix.id);
              $('#EditEmployeeId').val(response.GetPayMatrix.EmployeeId);
              $('#EditPayScale').val(response.GetPayMatrix.PayScaleId);
              $('#EditPayScale').select2().trigger('change');
            
              var payscale_id = response.GetPayMatrix.PayScaleId;
              // If 4th and 5th PayScale
              if (payscale_id == 'jpWwVaivsVq9dys2kPocbd0kfmQeM7FM8DuRm' || payscale_id == 'aJd0V3oRX2YI5G8hVN6PTDU1WrSIjOE9oQmSU') {
                // PayLevelAmount
                $('#EditPayLevelAmount_field').css('display', 'block');
                $('#EditPayMatrixScale_field').css('display', 'block');
                $('#EditPayLevelAmount').val(response.GetPayMatrix.PayLevelAmount);
                $('#EditPayMatrixScale').val(response.GetPayMatrix.PayMatrixScale);
              }
              // If 6th PayScale
              if (payscale_id == 'l7Is9HD8Yr2nMQKmSwm189AEr3yawtvPrZrn4') {
                // PayBand
                $('#EditPayBandId_field').css('display', 'block');
                $('#EditPayBandId').val(response.GetPayMatrix.PayBandId);
                $('#EditPayBandId').select2().trigger('change');
                // GradePay
                getGradePayList(response.GetPayMatrix.PayBandId, response.GetPayMatrix.GradePayId);
                $('#EditGradePayId_field').css('display', 'block');
                $('#EditGradePayId').val(response.GetPayMatrix.GradePayId);
                $('#EditGradePayId').select2().trigger('change');
                // PayLevelAmount
                $('#EditPayLevelAmount_field').css('display', 'block');
                $('#EditPayLevelAmount').val(response.GetPayMatrix.PayLevelAmount);
                
              }
              // If 7th PayScale
              if (payscale_id == 'KmmsPcY7uGEnMyRYmSYlD66z6dwLsMtqG19Qs') {
                // PayLevel
                $('#EditPayLevelId_field').css('display', 'block');
                $('#EditPayLevelId').val(response.GetPayMatrix.PayLevelId);
                $('#EditPayLevelId').select2().trigger('change');
                // PayLevelAmpuntId

                getPayLevelAmountList(response.GetPayMatrix.PayLevelId, response.GetPayMatrix.PayLevelAmountId);
                $('#EditPayLevelAmountId_field').css('display', 'block');
                $('#EditPayLevelAmountId').val(response.GetPayMatrix.PayLevelAmountId);
                $('#EditPayLevelAmountId').trigger('change');
              }

               
                $('#EditPayFixation').val(response.GetPayMatrix.PayFixationId);
                $('#EditPayFixation').select2().trigger('change');

                if (response.GetPayMatrix.PayFixationId == 'piiACqtQyERFvt4oqzbdKnNS25nYSzOlpck2Xuygh') {

                    $("#Editpay_fixation_row").css('display', '');
                    $("#EditSanctionedOrderNo").val(response.GetPayMatrix.SanctionedOrderNo);

                    var GetDate = new Date(response.GetPayMatrix.SanctionedOrderDate);
                    $('#EditSanctionedOrderDate').val(((GetDate.getDate() > 9) ? GetDate.getDate() : ('0' + GetDate.getDate())) + '/' + ((GetDate.getMonth() > 8) ? (GetDate.getMonth() + 1) : ('0' + (GetDate.getMonth() + 1))) + '/' + GetDate.getFullYear());

                } else {
                    $("#Editpay_fixation_row").css('display', 'none');
                }
                
                    if (response.GetPayMatrix.EffectiveDate) {
                        var wef = new Date(response.GetPayMatrix.EffectiveDate);
                        $('#EditEffectiveDate').val(((wef.getDate() > 9) ? wef.getDate() : ('0' + wef.getDate())) + '/' + ((wef.getMonth() > 8) ? (wef.getMonth() + 1) : ('0' + (wef.getMonth() + 1))) + '/' + wef.getFullYear());
                    }

                    // PayFixationAfterOrder
                    if (response.GetPayMatrix.PayFixationAfterOrder == '1') {
                            $("input#EditPayFixationAfterOrder").prop('checked', true);
                            $("#Editpay_fixation_row").css('display', '');
                            $("#EditSanctionedOrderNo").prop('required', true);
                            $("#EditSanctionedOrderNo").val(response.GetPayMatrix.SanctionedOrderNo);
                            if (response.GetPayMatrix.SanctionedOrderDate) {
                                var sod = new Date(response.GetPayMatrix.SanctionedOrderDate);
                                $('#EditSanctionedOrderDate').val(((sod.getDate() > 9) ? sod.getDate() : ('0' + sod.getDate())) + '/' + ((sod.getMonth() > 8) ? (sod.getMonth() + 1) : ('0' + (sod.getMonth() + 1))) + '/' + sod.getFullYear());
                            }
                            $("#EditSanctionedOrderDate").prop('required', true);

                            if (response.GetPayMatrix.NextIncrementDate) {
                                var sod = new Date(response.GetPayMatrix.NextIncrementDate);
                                $('#EditNextIncrementDate').val(((sod.getDate() > 9) ? sod.getDate() : ('0' + sod.getDate())) + '/' + ((sod.getMonth() > 8) ? (sod.getMonth() + 1) : ('0' + (sod.getMonth() + 1))) + '/' + sod.getFullYear());
                            }
                            $("#EditNextIncrementDate").prop('required', true);
                        } else {
                            $("input#EditPayFixationAfterOrder").prop('checked', false);
                            $("#Editpay_fixation_row").css('display', 'none');
                            $("#EditSanctionedOrderNo").prop('required', false);
                            $("#EditSanctionedOrderDate").prop('required', false);
                            $("#EditNextIncrementDate").prop('required', false);
                    }

                    // Remarks 
                    $('textarea[name="EditPayMatrixRemarks"]').val(response.GetPayMatrix.PayMatrixRemarks);

                    if (response.GetPayMatrix.IsHold == '1') {
                        $("input#EditIsHold").prop('checked', true);
                        $("#EditHoldPaymatrix_Comment_field").css('display', '');
                        $("#EditHoldReason").prop('required', true);
                        $("#EditHoldFromDate").prop('required', true);
                        if (response.GetPayMatrix.HoldFromDate) {
                            var holdDate = new Date(response.GetPayMatrix.HoldFromDate);
                            $('#EditHoldFromDate').val(((holdDate.getDate() > 9) ? holdDate.getDate() : ('0' + holdDate.getDate())) + '/' + ((holdDate.getMonth() > 8) ? (holdDate.getMonth() + 1) : ('0' + (holdDate.getMonth() + 1))) + '/' + holdDate.getFullYear());
                        }

                        $('textarea[name="EditHoldReason"]').val(response.GetPayMatrix.HoldReason);
                    } else {
                        $("input#EditIsHold").prop('checked', false);
                        $("#EditHoldPaymatrix_Comment_field").css('display', 'none');
                        $("#EditHoldReason").prop('required', false);
                        $('textarea[name="EditHoldReason"]').val('');
                    }

                    if (response.GetPayMatrix.IsReleased == '1' && response.GetPayMatrix.ReleaseDate) {
                        $("input#EditIsReleased").prop('checked', true);
                        $("#EditIsReleasedPaymatrix_Comment_field").css('display', '');
                        $("#EditReleasedReason").prop('required', true);
                        $("#EditReleasedFromDate").prop('required', true);
                        if (response.GetPayMatrix.ReleaseDate) {
                            var ReleaseDate = new Date(response.GetPayMatrix.ReleaseDate);
                            $('#EditReleasedFromDate').val(((ReleaseDate.getDate() > 9) ? ReleaseDate.getDate() : ('0' + ReleaseDate.getDate())) + '/' + ((ReleaseDate.getMonth() > 8) ? (ReleaseDate.getMonth() + 1) : ('0' + (ReleaseDate.getMonth() + 1))) + '/' + ReleaseDate.getFullYear());
                        }

                        $('textarea[name="EditReleasedReason"]').val(response.GetPayMatrix.ReleaseReason);
                    } else {
                        $("input#EditIsReleased").prop('checked', false);
                        $("#EditIsReleasedPaymatrix_Comment_field").css('display', 'none');
                        $("#EditReleasedReason").prop('required', false);
                        $('textarea[name="EditReleasedReason"]').val('');
                    }


          }
      });
      $('#editEmpPayMatrix').modal('show');
  }
</script>


<script>
    $(function () {
      $.validator.setDefaults({
        submitHandler: function () {
            event.preventDefault();
            // Get Form Data 
            var token = $("#token_paymatrix_update").val();
            var EmployeeId = $("#EditEmployeeId").val();
            var PrimaryId = $("#EditPayMatrixPrimaryId").val();
            var PayMatrixId = $("#EditPayMatrixId").val();
            var PayScale = $("#EditPayScale :selected").val();
            var PayBandId = $("#EditPayBandId :selected").val();
            var GradePayId = $("#EditGradePayId :selected").val();
            var PayMatrixScale = $('#EditPayMatrixScale').val();
            var PayLevelAmount = '';
            var PayLevelId = '';
            var PayLevelAmountId = '';
            if(PayScale == "KmmsPcY7uGEnMyRYmSYlD66z6dwLsMtqG19Qs") // 7th Pay
            {
            var PayLevelId = $("#EditPayLevelId :selected").val();
            var PayLevelAmountId = $('#EditPayLevelAmountId :selected').val();
            var GetAmount = $('#EditPayLevelAmountId').find('option:selected').text();
            var PayLevelAmount = GetAmount;
            } else {
            var PayLevelAmount = $('#EditPayLevelAmount').val();
            }
            var PayFixation = $("#EditPayFixation :selected").val();
            var PayFixationAfterOrder = '';
            var SanctionedOrderDate = '';
            var SanctionedOrderNo = '';
            var SanctionedOrderFile = '';
            if($('#EditPayFixationAfterOrder').is(':checked'))
                {
                    var PayFixationAfterOrder = '1';
                    var SanctionedOrderDate = $('#EditSanctionedOrderDate').val();
                    var SanctionedOrderNo = $('#EditSanctionedOrderNo').val();
                    var SanctionedOrderFile = $('#EditSanctionedOrderFile')[0].files;
                } 
            else
                {
                    var PayFixationAfterOrder = '0';
                }
           
            var EffectiveDate = $('#EditEffectiveDate').val();
            var NextIncrementDate = $('#EditNextIncrementDate').val();
            var PayMatrixRemarks = $('textarea[name="EditPayMatrixRemarks"]').val();
            
            var IsHold = '';
            var HoldFromDate = '';
            var HoldReason = '';
            if($('#EditIsHold').is(':checked'))
                {
                    var IsHold = '1'; 
                    var HoldFromDate = $('#EditHoldFromDate').val();
                    var HoldReason = $('textarea[name="EditHoldReason"]').val();
                    var IsReleased = '0';
                } 
            else
                {
                    var IsHold = '0';
                }

            var IsReleased = '';
            var ReleasedFromDate = '';
            var ReleaseReason = '';
            if($('#EditIsReleased').is(':checked'))
                {
                    var IsReleased = '1'; 
                    var ReleasedFromDate = $('#EditReleasedFromDate').val();
                    var ReleaseReason = $('textarea[name="EditReleasedReason"]').val();
                } 
            else
                {
                    var IsReleased = '0';
                }


            var fd = new FormData();
            fd.append('_token',token);
            fd.append('id',PrimaryId);
            fd.append('PayMatrixId',PayMatrixId);
            fd.append('EmployeeId',EmployeeId);
            fd.append('PayScaleId',PayScale);
            fd.append('PayLevelId',PayLevelId);
            fd.append('PayBandId',PayBandId);
            fd.append('GradePayId',GradePayId);
            fd.append('PayMatrixScale',PayMatrixScale);
            fd.append('PayLevelAmount',PayLevelAmount);
            fd.append('PayLevelAmountId',PayLevelAmountId);
            fd.append('PayFixationId',PayFixation);
            fd.append('PayFixationAfterOrder',PayFixationAfterOrder);
            fd.append('SanctionedOrderNo',SanctionedOrderNo);
            fd.append('OrderDate',SanctionedOrderDate);
            fd.append('EffectiveFrom',EffectiveDate);
            // files data
            fd.append('SanctionedOrderFile',SanctionedOrderFile[0]);
            fd.append('NextIncDate',NextIncrementDate);
            fd.append('PayMatrixRemarks',PayMatrixRemarks);
            fd.append('IsHold',IsHold);
            fd.append('HoldFrom',HoldFromDate);
            fd.append('HoldReason',HoldReason);
            
            fd.append('IsReleased',IsReleased);
            fd.append('ReleasedFromDate',ReleasedFromDate);
            fd.append('ReleaseReason',ReleaseReason);
            
        $.ajax({
                type: "post",
                url: "<?php echo e(url('update-pay-matrix')); ?>",
                data: fd,
                contentType: false,
                processData: false,
                success: function(response) {
                  const Toast = Swal.mixin({
                      toast: true,
                      position: 'top-end',
                      showConfirmButton: false,
                      timer: 2000,
                      timerProgressBar: true,
                      didOpen: (toast) => {
                        toast.addEventListener('mouseenter', Swal.stopTimer)
                        toast.addEventListener('mouseleave', Swal.resumeTimer)
                      }
                    })
                    Toast.fire({
                      icon: 'success',
                      title: "Employee's Pay Matrix updated successfully!"
                    });
                    setTimeout(function(){
                    window.location.reload(1);
                  }, 2000);
                },
                error: function(data) {
                  const Toast = Swal.mixin({
                      toast: true,
                      position: 'top-end',
                      showConfirmButton: false,
                      timer: 2000,
                      timerProgressBar: true,
                      didOpen: (toast) => {
                        toast.addEventListener('mouseenter', Swal.stopTimer)
                        toast.addEventListener('mouseleave', Swal.resumeTimer)
                      }
                    })
                    Toast.fire({
                      icon: 'error',
                      title: 'Something went wrong!'
                    });
                }
            });
        }
      });
      $('#editEmpPayMatrixForm').validate({
        rules: {
          PayScale: {
            required: true,
          },
          PayFixation: {
            required: true,
          },
          SanctionedOrderFile: {
            accept: "image/*, pdf",
          },
        },
        messages: {
          PayScale: {
            required: "Please select the PayScale.",
          },
          PayFixation: {
            required: "Please select the PayFixation.",
          }, 
        },
        errorElement: 'span',
        errorPlacement: function (error, element) {
          error.addClass('invalid-feedback');
          element.closest('.form-group').append(error);
        },
        highlight: function (element, errorClass, validClass) {
          $(element).addClass('is-invalid');
        },
        unhighlight: function (element, errorClass, validClass) {
          $(element).removeClass('is-invalid');
        }
      });
    });
</script>


<script>
    function deleteEmpPayMatrix(PayMatrixId) {
        var PayMatrixId = PayMatrixId;
                Swal.fire({
                    title: "Delete PayMatrix?",
                    text: "Are you sure you want to delete this PayMatrix?",
                    icon: "warning",
                    icon: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#3085d6",
                    cancelButtonColor: "#d33",
                    confirmButtonText: "Yes, delete it!",
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                            type: "post",
                            url: "<?php echo e(url('/')); ?>/delete-pay-matrix",
                            dataType: "json",
                            data: {
                                _token: "<?php echo e(csrf_token()); ?>",
                                PayMatrixId: PayMatrixId,
                            },
                            success: function (response) {
                                Swal.fire({
                                    icon: "success",
                                    title: "PayMatrix has been deleted!",
                                    showConfirmButton: false,
                                    timer: 1500,
                                }).then(function () {
                                    location.reload();
                                });
                            },
                        });
                    }
                });
    }
</script>


<script>
    function changeStatusEmpPayMatrix(PayMatrixId) {
        var PayMatrixId = PayMatrixId;
                Swal.fire({
                    title: "Change Status?",
                    text: "Are you sure you want to change status to this PayMatrix?",
                    icon: "warning",
                    icon: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#3085d6",
                    cancelButtonColor: "#d33",
                    confirmButtonText: "Yes, change it!",
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                            type: "post",
                            url: "<?php echo e(url('/')); ?>/change-status-pay-matrix",
                            dataType: "json",
                            data: {
                                _token: "<?php echo e(csrf_token()); ?>",
                                PayMatrixId: PayMatrixId,
                            },
                            success: function (response) {
                                Swal.fire({
                                    icon: "success",
                                    title: "Status has been changed!",
                                    showConfirmButton: false,
                                    timer: 1500,
                                }).then(function () {
                                    location.reload();
                                });
                            },
                        });
                    }
                });
    }
</script>


<script>
    function holdEmpPayMatrix(PayMatrixId)
  {
      var PayMatrixId = PayMatrixId;
      $.ajax({
          type: "POST",
          url: "<?php echo e(url('/')); ?>/edit-pay-matrix",
          dataType: 'json',
          data: {
            PayMatrixId: PayMatrixId,
            _token: "<?php echo e(csrf_token()); ?>",
          },
          success: function (response) {
                var effective = response.GetPayMatrix.EffectiveDate;
                var effectivedate = moment(response.GetPayMatrix.EffectiveDate).format('DD-MM-YYYY');
              $('span#HoldEmpPayMatrixEmployeeName').html('#' +response.GetPayMatrix.EmployeeName +' ('+ effectivedate +')');
              $('#HoldPayMatrixId').val(response.GetPayMatrix.PayMatrixId);
            }
      });
      $('#holdEmpPayMatrix').modal('show');
  }
</script>


<script>
    $(function () {
      $.validator.setDefaults({
        submitHandler: function () {
            event.preventDefault();
            
        $.ajax({
                type: "post",
                url: "<?php echo e(url('hold-pay-matrix')); ?>",
                data: $('form#holdEmpPayMatrixForm').serialize(),
                success: function(response) {
                  const Toast = Swal.mixin({
                      toast: true,
                      position: 'top-end',
                      showConfirmButton: false,
                      timer: 2000,
                      timerProgressBar: true,
                      didOpen: (toast) => {
                        toast.addEventListener('mouseenter', Swal.stopTimer)
                        toast.addEventListener('mouseleave', Swal.resumeTimer)
                      }
                    })
                    Toast.fire({
                      icon: 'success',
                      title: "Employee's Pay Matrix hold successfully!"
                    });
                    setTimeout(function(){
                    window.location.reload(1);
                  }, 2000);
                },
                error: function(data) {
                  const Toast = Swal.mixin({
                      toast: true,
                      position: 'top-end',
                      showConfirmButton: false,
                      timer: 2000,
                      timerProgressBar: true,
                      didOpen: (toast) => {
                        toast.addEventListener('mouseenter', Swal.stopTimer)
                        toast.addEventListener('mouseleave', Swal.resumeTimer)
                      }
                    })
                    Toast.fire({
                      icon: 'error',
                      title: 'Something went wrong!'
                    });
                }
            });
        }
      });
      $('#holdEmpPayMatrixForm').validate({
        rules: {
            HoldFromDate: {
            required: true,
          },
          PaymatrixHoldReason: {
            required: true,
          },
        },
        messages: {
            HoldFromDate: {
            required: "Please select the date.",
          },
          PaymatrixHoldReason: {
            required: "Please input the reason.",
          }, 
        },
        errorElement: 'span',
        errorPlacement: function (error, element) {
          error.addClass('invalid-feedback');
          element.closest('.form-group').append(error);
        },
        highlight: function (element, errorClass, validClass) {
          $(element).addClass('is-invalid');
        },
        unhighlight: function (element, errorClass, validClass) {
          $(element).removeClass('is-invalid');
        }
      });
    });
</script>


<script>
    function releaseEmpPayMatrix(PayMatrixId)
  {
      var PayMatrixId = PayMatrixId;
      $.ajax({
          type: "POST",
          url: "<?php echo e(url('/')); ?>/edit-pay-matrix",
          dataType: 'json',
          data: {
            PayMatrixId: PayMatrixId,
            _token: "<?php echo e(csrf_token()); ?>",
          },
          success: function (response) {
                var effective = response.GetPayMatrix.EffectiveDate;
                var effectivedate = moment(response.GetPayMatrix.EffectiveDate).format('DD-MM-YYYY');
              $('span#ReleaseEmpPayMatrixEmployeeName').html('#' +response.GetPayMatrix.EmployeeName +' ('+ effectivedate +')');
              $('#ReleasePayMatrixId').val(response.GetPayMatrix.PayMatrixId);
            }
      });
      $('#releaseEmpPayMatrix').modal('show');
  }
</script>

<script>
    $(function () {
      $.validator.setDefaults({
        submitHandler: function () {
            event.preventDefault();
            
        $.ajax({
                type: "post",
                url: "<?php echo e(url('release-pay-matrix')); ?>",
                data: $('form#releaseEmpPayMatrixForm').serialize(),
                success: function(response) {
                  const Toast = Swal.mixin({
                      toast: true,
                      position: 'top-end',
                      showConfirmButton: false,
                      timer: 2000,
                      timerProgressBar: true,
                      didOpen: (toast) => {
                        toast.addEventListener('mouseenter', Swal.stopTimer)
                        toast.addEventListener('mouseleave', Swal.resumeTimer)
                      }
                    })
                    Toast.fire({
                      icon: 'success',
                      title: "Employee's Pay Matrix release successfully!"
                    });
                    setTimeout(function(){
                    window.location.reload(1);
                  }, 2000);
                },
                error: function(data) {
                  const Toast = Swal.mixin({
                      toast: true,
                      position: 'top-end',
                      showConfirmButton: false,
                      timer: 2000,
                      timerProgressBar: true,
                      didOpen: (toast) => {
                        toast.addEventListener('mouseenter', Swal.stopTimer)
                        toast.addEventListener('mouseleave', Swal.resumeTimer)
                      }
                    })
                    Toast.fire({
                      icon: 'error',
                      title: 'Something went wrong!'
                    });
                }
            });
        }
      });
      $('#releaseEmpPayMatrixForm').validate({
        rules: {
            ReleaseFromDate: {
            required: true,
          },
          PaymatrixReleaseReason: {
            required: true,
          },
        },
        messages: {
            ReleaseFromDate: {
            required: "Please select the date.",
          },
          PaymatrixReleaseReason: {
            required: "Please input the reason.",
          }, 
        },
        errorElement: 'span',
        errorPlacement: function (error, element) {
          error.addClass('invalid-feedback');
          element.closest('.form-group').append(error);
        },
        highlight: function (element, errorClass, validClass) {
          $(element).addClass('is-invalid');
        },
        unhighlight: function (element, errorClass, validClass) {
          $(element).removeClass('is-invalid');
        }
      });
    });
</script>


<script>
    // function cencelEmpPayMatrix(PayMatrixId) {
    //     var PayMatrixId = PayMatrixId;
    //             Swal.fire({
    //                 title: "Cancel PayMatrix?",
    //                 text: "Are you sure you want to cancel this PayMatrix?",
    //                 icon: "warning",
    //                 icon: "warning",
    //                 showCancelButton: true,
    //                 confirmButtonColor: "#3085d6",
    //                 cancelButtonColor: "#d33",
    //                 confirmButtonText: "Yes, cancel it!",
    //             }).then((result) => {
    //                 if (result.isConfirmed) {
    //                     $.ajax({
    //                         type: "post",
    //                         url: "<?php echo e(url('/')); ?>/cancel-single-pay-matrix",
    //                         dataType: "json",
    //                         data: {
    //                             _token: "<?php echo e(csrf_token()); ?>",
    //                             PayMatrixId: PayMatrixId,
    //                         },
    //                         success: function (response) {
    //                             Swal.fire({
    //                                 icon: "success",
    //                                 title: "PayMatrix has been cancelled!",
    //                                 showConfirmButton: false,
    //                                 timer: 1500,
    //                             }).then(function () {
    //                                 location.reload();
    //                             });
    //                         },
    //                     });
    //                 }
    //             });
    // }
</script>

<script>
    function cencelEmpPayMatrix(PayMatrixId){
      (async () => {
      const { value: comment } = await Swal.fire({
          title: "Cancel PayMatrix?",
          text: "Are you sure you want to cancel this PayMatrix?",
          icon: "warning",
          icon: "warning",
          showCancelButton: true,
          confirmButtonColor: "#3085d6",
          cancelButtonColor: "#d33",
          confirmButtonText: "Yes, cancel it!",
          input: 'textarea',
          //inputLabel: 'Your comment',
          inputPlaceholder: 'Enter cancel reason',
          inputValidator: (value) => {
              return new Promise((resolve) => {
                if (value) {
                  resolve()
                } else {
                  resolve('Please insert the comment!')
                }
              })
          }
        })
  
        if (comment) {
          var cancel_comment = comment;
          $.ajax({
            type: "post",
            url: "<?php echo e(url('/')); ?>/cancel-single-pay-matrix",
            dataType: "json",
            data: {
              _token: "<?php echo e(csrf_token()); ?>",
              PayMatrixId: PayMatrixId,
              CancelReason:  cancel_comment,
            },
            success: function (response) {
            Swal.fire({
              icon: "success",
              title: "PayMatrix has been cancelled!",
              showConfirmButton: false,
              timer: 1500,
              }).then(function () {
                 location.reload();
              });
            },
        });
      }
  
      })()
    }
</script>


<script>
    $(function () {
      $.validator.setDefaults({
        submitHandler: function () {
            event.preventDefault();
            
        $.ajax({
                type: "post",
                url: "<?php echo e(url('/')); ?>/cancel-pay-matrix",
                data: $('form#cancelEmpPayMatrixForm').serialize(),
                success: function(response) {
                  const Toast = Swal.mixin({
                      toast: true,
                      position: 'top-end',
                      showConfirmButton: false,
                      timer: 2000,
                      timerProgressBar: true,
                      didOpen: (toast) => {
                        toast.addEventListener('mouseenter', Swal.stopTimer)
                        toast.addEventListener('mouseleave', Swal.resumeTimer)
                      }
                    })
                    Toast.fire({
                      icon: 'success',
                      title: "Employee's Pay Matrix cacelled successfully!"
                    });
                    setTimeout(function(){
                    window.location.reload(1);
                  }, 2000);
                },
                error: function(data) {
                  const Toast = Swal.mixin({
                      toast: true,
                      position: 'top-end',
                      showConfirmButton: false,
                      timer: 2000,
                      timerProgressBar: true,
                      didOpen: (toast) => {
                        toast.addEventListener('mouseenter', Swal.stopTimer)
                        toast.addEventListener('mouseleave', Swal.resumeTimer)
                      }
                    })
                    Toast.fire({
                      icon: 'error',
                      title: 'Something went wrong!'
                    });
                }
            });
        }
      });
      $('#cancelEmpPayMatrixForm').validate({
        rules: {
            EmployeeCode: {
            required: true,
          },
          OrderNumber: {
            required: true,
          },
        },
        messages: {
            EmployeeCode: {
            required: "Please select the employee.",
          },
          OrderNumber: {
            required: "Please select the order number.",
          }, 
        },
        errorElement: 'span',
        errorPlacement: function (error, element) {
          error.addClass('invalid-feedback');
          element.closest('.form-group').append(error);
        },
        highlight: function (element, errorClass, validClass) {
          $(element).addClass('is-invalid');
        },
        unhighlight: function (element, errorClass, validClass) {
          $(element).removeClass('is-invalid');
        }
      });
    });
</script>


<script>
    function confirmEmpPayMatrix(PayMatrixId) {
        var PayMatrixId = PayMatrixId;
                Swal.fire({
                    title: "Confirm PayMatrix?",
                    text: "Are you sure you want to Confirm this PayMatrix?",
                    icon: "warning",
                    icon: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#3085d6",
                    cancelButtonColor: "#d33",
                    confirmButtonText: "Yes, Confirm it!",
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                            type: "post",
                            url: "<?php echo e(url('/')); ?>/confirm-pay-matrix",
                            dataType: "json",
                            data: {
                                _token: "<?php echo e(csrf_token()); ?>",
                                PayMatrixId: PayMatrixId,
                            },
                            success: function (response) {
                                Swal.fire({
                                    icon: "success",
                                    title: "PayMatrix has been Confirmed!",
                                    showConfirmButton: false,
                                    timer: 1500,
                                }).then(function () {
                                    location.reload();
                                });
                            },
                        });
                    }
                });
    }
</script><?php /**PATH /var/www/html/hrms-production/resources/views/components/employee-pay-matrix-modal.blade.php ENDPATH**/ ?>