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/40bbdac4f0afb8be9333d464f125641f93f7c2de.php

<?php $__env->startSection('content'); ?>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class="container-fluid">
            
        </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">

            
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            Employee Furthur Nomination/Promotion/Transfer Detail
                        </div>
                        <!-- /.card-header -->
                        <div class="card-body">
                            <form class="form-horizontal" id="employeePromotionForm">
                                <input type="hidden" name="_token" id="add_token" value="<?php echo e(csrf_token()); ?>">
                                <input type="hidden" name="EmployeeId" id="EmployeeId">
                                <input type="hidden" name="EmpCode" id="EmpCode">
                                <input type="hidden" name="IsTenurePeriod" id="IsTenurePeriod">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group row mb-0">
                                            <label for="EmployeeCode" class="col-sm-4 col-form-label text-right"><span
                                                    class="text-danger">*</span> Employee Code:</label>
                                            <div class="col-sm-8">
                                                <select class="form-control form-control-sm select2"
                                                    style="width: 100%;" aria-hidden="true" id="EmployeeCode"
                                                    data-placeholder="Select Employee Code" required>
                                                    <option selected="selected" disabled>Select Employee Code</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="EmployeeName"
                                                class="col-sm-4 col-form-label text-right">Employee Name:</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm readonly"
                                                    id="employeeName">
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="DDO" class="col-sm-4 col-form-label text-right">DDO:</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm readonly"
                                                    id="DDOName" name="PrevDDO">
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="ControllingOfficer"
                                                class="col-sm-4 col-form-label text-right">Controlling Officer:</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm readonly"
                                                    id="ControllingOfficer" name="PrevControllingOfficer">
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="ActualWorkPlace"
                                                class="col-sm-4 col-form-label text-right">Actual Work Place:</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm readonly"
                                                    id="ActualWorkPlace" name="PrevActualWorkPlace">
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="Department"
                                                class="col-sm-4 col-form-label text-right">Department:</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm readonly"
                                                    id="department" name="PrevDepartment">
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="Group" class="col-sm-4 col-form-label text-right">Group:</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm readonly"
                                                    id="Group" name="PrevGroup">
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="Cadre" class="col-sm-4 col-form-label text-right">Cadre:</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm readonly"
                                                    id="Cadre" name="PrevCadre">
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="Designation"
                                                class="col-sm-4 col-form-label text-right">Designation:</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm readonly"
                                                    id="designation" name="PrevDesignation">
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="SanctionPost"
                                                class="col-sm-4 col-form-label text-right">Sanction Post:</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm readonly"
                                                    id="SanctionPost">
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="Faculty"
                                                class="col-sm-4 col-form-label text-right">Faculty:</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm readonly"
                                                    id="Faculty">
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="NameOfScheme" class="col-sm-4 col-form-label text-right">Name of
                                                Scheme:</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm readonly"
                                                    id="NameOfScheme">
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0" id="CurrentPayScaleField"
                                            style="display: none">
                                            <label for="PayScale"
                                                class="col-sm-4 col-form-label text-right">PayScale:</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm readonly"
                                                    id="PayScale" name="LowerPayScale">
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0" id="CurrentPayBandField" style="display: none">
                                            <label for="PayBand" class="col-sm-4 col-form-label text-right">Pay
                                                Band:</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm readonly"
                                                    id="PayBand" name="LowerPayBand">
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0" id="CurrentGradePayField"
                                            style="display: none">
                                            <label for="GradePay"
                                                class="col-sm-4 col-form-label text-right">GradePay:</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm readonly"
                                                    id="GradePay" name="LowerGradePay">
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0" id="CurrentPayLevelField"
                                            style="display: none">
                                            <label for="PayLevel"
                                                class="col-sm-4 col-form-label text-right">PayLevel:</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm readonly"
                                                    id="PayLevel" name="LowerPayLevel">
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="PayLevelAmount" class="col-sm-4 col-form-label text-right">Basic
                                                Pay:</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm readonly" id="CurrentPayLevelAmount" name="LowerPayLevelAmount">
                                                <input type="hidden" class="form-control form-control-sm readonly" id="CurrentPayMatrixScale" name="LowerPayMatrixScale">
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="DueDate" class="col-sm-4 col-form-label text-right">Joining
                                                Date:</label>
                                            <div class="col-sm-8">
                                                <div class="form-group mb-2">
                                                    <div class="input-group date" data-target-input="nearest">
                                                        <input type="text" id="JoiningDate" name="JoiningDate"
                                                            class="form-control form-control-sm readonly datetimepicker-input"
                                                            data-target="#JoiningDate" />
                                                        <div class="input-group-append" data-target="#JoiningDate"
                                                            data-toggle="datetimepicker">
                                                            <div class="input-group-text"><i class="fa fa-calendar"></i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="form-group row mb-0">
                                            <label for="DueDate" class="col-sm-4 col-form-label text-right"><span
                                                    class="text-danger">*</span> Relieving Date:</label>
                                            <div class="col-sm-8">
                                                <div class="form-group mb-2">
                                                    <div class="input-group date" data-target-input="nearest">
                                                        <input type="text" id="RelievingDate" name="PrevRelievingDate"
                                                            class="form-control form-control-sm datetimepicker-input"
                                                            placeholder="DD/MM/YYYY" data-target="#RelievingDate"
                                                            required>
                                                        <div class="input-group-append" data-target="#RelievingDate"
                                                            data-toggle="datetimepicker">
                                                            <div class="input-group-text"><i class="fa fa-calendar"></i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="RelievingTime"
                                                class="col-sm-4 col-form-label text-right">Relieving Time: </label>
                                            <div class="col-sm-8 mt-2">
                                                <div class="icheck-primary d-inline">
                                                    <input type="radio" id="RelievingForenoon" value="Forenoon"
                                                        name="RelievingTime" checked="">
                                                    <label class="mb-0" for="RelievingForenoon">Forenoon</label>
                                                </div>
                                                <div class="icheck-primary d-inline">
                                                    <input type="radio" id="RelievingAfternoon" value="Afternoon"
                                                        name="RelievingTime">
                                                    <label class="mb-0" for="RelievingAfternoon">Afternoon</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group row mb-0">
                                            <label for="PromotionCode" class="col-sm-4 col-form-label text-right">Order
                                                No:</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm"
                                                    name="PromotionCode" id="promotionCode">
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="PromotionDate" class="col-sm-4 col-form-label text-right">Order
                                                Dated:</label>
                                            <div class="col-sm-8">
                                                <div class="form-group mb-2">
                                                    <div class="input-group date" data-target-input="nearest">
                                                        <input type="text" id="promotionOrderDate"
                                                            name="promotionOrderDate"
                                                            class="form-control form-control-sm datetimepicker-input"
                                                            placeholder="DD/MM/YYYY"
                                                            data-target="#promotionOrderDate" />
                                                        <div class="input-group-append"
                                                            data-target="#promotionOrderDate"
                                                            data-toggle="datetimepicker">
                                                            <div class="input-group-text"><i class="fa fa-calendar"></i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="Status"
                                                class="col-sm-4 col-form-label text-right">Status:</label>
                                            <div class="col-sm-8">
                                                <select class="form-control form-control-sm select2"
                                                    style="width: 100%;" aria-hidden="true" name="TransferStatus"
                                                    id="status" data-placeholder="Select Status">
                                                    <option selected value="" disabled>Select Status</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="NewDDO" class="col-sm-4 col-form-label text-right">New
                                                DDO:</label>
                                            <div class="col-sm-8">
                                                <select class="form-control form-control-sm select2"
                                                    style="width: 100%;" aria-hidden="true" name="NewDDO" id="NewDDO"
                                                    data-placeholder="Select DDO">
                                                    <option value="" selected disabled>Select DDO</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="NewControllingOfficer"
                                                class="col-sm-4 col-form-label text-right">New Contr. Officer:</label>
                                            <div class="col-sm-8">
                                                <select class="form-control form-control-sm select2"
                                                    style="width: 100%;" aria-hidden="true" name="NewControllingOfficer"
                                                    id="NewControllingOfficer"
                                                    data-placeholder="Select Controlling Officer">
                                                    <option value="" selected disabled>Select Controlling Officer
                                                    </option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="NewWorkPlace" class="col-sm-4 col-form-label text-right">New
                                                Work Place:</label>
                                            <div class="col-sm-8">
                                                <select class="form-control form-control-sm select2"
                                                    style="width: 100%;" aria-hidden="true" name="NewWorkPlace" id="NewWorkPlace" data-placeholder="Select Work Place">
                                                    <option value="" selected disabled>Select Work Place </option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="NewDepartment" class="col-sm-4 col-form-label text-right">New
                                                Department:</label>
                                            <div class="col-sm-8">
                                                <select class="form-control form-control-sm select2"
                                                    style="width: 100%;" aria-hidden="true" name="NewDepartment"
                                                    id="NewDepartment" data-placeholder="Select Department">
                                                    <option value="" selected disabled>Select Department</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="NewGroup" class="col-sm-4 col-form-label text-right">New
                                                Group:</label>
                                            <div class="col-sm-8">
                                                <select class="form-control form-control-sm select2"
                                                    style="width: 100%;" aria-hidden="true" name="NewGroup"
                                                    id="NewGroup" data-placeholder="Select Grade">
                                                    <option value="" selected disabled>Select Group</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="NewCadre" class="col-sm-4 col-form-label text-right">New
                                                Cadre:</label>
                                            <div class="col-sm-8">
                                                <select class="form-control form-control-sm select2"
                                                    style="width: 100%;" aria-hidden="true" name="NewCadre"
                                                    id="NewCadre" data-placeholder="Select Cadre">
                                                    <option value="" selected disabled>Select Cadre</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="NewDesignation" class="col-sm-4 col-form-label text-right">New
                                                Designation:</label>
                                            <div class="col-sm-8">
                                                <select class="form-control form-control-sm select2"
                                                    style="width: 100%;" aria-hidden="true" name="NewDesignation"
                                                    id="NewDesignation" data-placeholder="Select Designation">
                                                    <option value="" selected disabled>Select Designation</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="NewSanctionPost" class="col-sm-4 col-form-label text-right">New
                                                Sanction Post:</label>
                                            <div class="col-sm-8">
                                                <select class="form-control form-control-sm select2"
                                                    style="width: 100%;" aria-hidden="true" name="NewSanctionPost"
                                                    id="NewSanctionPost" data-placeholder="Select Post">
                                                    <option value="" selected disabled>Select Post</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="NewFaculty" class="col-sm-4 col-form-label text-right">New
                                                Faculty:</label>
                                            <div class="col-sm-8">
                                                <select class="form-control form-control-sm select2"
                                                    style="width: 100%;" aria-hidden="true" name="NewFaculty"
                                                    id="NewFaculty" data-placeholder="Select Faculty">
                                                    <option value="" selected disabled>Select Faculty</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="NewScheme" class="col-sm-4 col-form-label text-right">New
                                                Scheme:</label>
                                            <div class="col-sm-8">
                                                <select class="form-control form-control-sm select2"
                                                    style="width: 100%;" aria-hidden="true" name="NewScheme"
                                                    id="NewScheme" data-placeholder="Select Scheme">
                                                    <option value="" selected disabled>Select Scheme</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div id="NewPayMatrix_field" style="display: none">
                                            <div class="form-group row mb-0">
                                                <label for="NewPayScale" class="col-sm-4 col-form-label text-right">New
                                                    Pay
                                                    Scale:</label>
                                                <div class="col-sm-8">
                                                    <select class="form-control form-control-sm select2"
                                                        style="width: 100%;" aria-hidden="true" name="NewPayScale"
                                                        id="NewPayScale" data-placeholder="Select PayScale">
                                                        <option value="" selected disabled>Select PayScale</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="form-group row mb-0" id="PayBandId_field"
                                                style="display: none;">
                                                <label for="PayBandId" class="col-sm-4 col-form-label text-right">New
                                                    Pay
                                                    Band:</label>
                                                <div class="col-sm-8">
                                                    <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="form-group row mb-0" id="GradePayId_field"
                                                style="display: none;">
                                                <label for="NewGradePay" class="col-sm-4 col-form-label text-right">New
                                                    Grade Pay:</label>
                                                <div class="col-sm-8">
                                                    <select class="form-control form-control-sm select2"
                                                        style="width: 100%;" aria-hidden="true" name="NewGradePay"
                                                        id="GradePayId" data-placeholder="Select GradePay">
                                                        <option value="" disabled selected>Select GradePay</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="form-group row mb-0" id="PayLevelId_field"
                                                style="display: none;">
                                                <label for="NewPayLevel" class="col-sm-4 col-form-label text-right">New
                                                    PayLevel</label>
                                                <div class="col-sm-8">
                                                    <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="form-group row mb-0" id="PayFixationAfterOrder_field">
                                                <label for="PayFixationOrder"
                                                    class="col-sm-4 col-form-label text-right">Payfix After
                                                    Order:</label>
                                                <div class="col-sm-8">
                                                    <div class="clearfix mb-4">
                                                        <div class="icheck-primary">
                                                            <input type="checkbox" name="PayFixationOrder"
                                                                id="PayFixationAfterOrder">
                                                            <label class="mb-0" for="PayFixationAfterOrder"></label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="form-group row mb-0" id="PayMatrixScale_field"
                                                style="display: none;">
                                                <label for="NewPayMatrixScale" class="col-sm-4 col-form-label text-right">PayMatrix Scale:</label>
                                                <div class="col-sm-8">
                                                    <input type="text" id="PayMatrixScale" name="PayMatrixScale" class="form-control form-control-sm">
                                                </div>
                                            </div>

                                            <div class="form-group row mb-0" id="PayLevelAmount_field"
                                                style="display: none;">
                                                <label for="NewNextInc" class="col-sm-4 col-form-label text-right">Next Inc. Pay Amt:</label>
                                                <div class="col-sm-8">
                                                    <input type="text" id="PayLevelAmount" name="PayLevelAmount"
                                                        class="form-control form-control-sm">
                                                </div>
                                            </div>
                                            <div class="form-group row mb-0" id="PayLevelAmountId_field"
                                                style="display: none;">
                                                <label for="PayLevelAmount"
                                                    class="col-sm-4 col-form-label text-right">Basic
                                                    Pay</label>
                                                <div class="col-sm-8">
                                                    <select class="form-control form-control-sm select2"
                                                        style="width: 100%;" aria-hidden="true" name="PayLevelAmountId"
                                                        id="PayLevelAmountId" data-placeholder="Select PayLevel">
                                                        <option value="" disabled selected>Select PayLevel Amount
                                                        </option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="form-group row mb-0">
                                            <label for="PromotionDate"
                                                class="col-sm-4 col-form-label text-right">Joining Date:</label>
                                            <div class="col-sm-8">
                                                <div class="form-group mb-2">
                                                    <div class="input-group date" data-target-input="nearest">
                                                        <input type="text" id="empPromotionDate" name="EmpPromotionDate"
                                                            class="form-control form-control-sm datetimepicker-input"
                                                            placeholder="DD/MM/YYYY" data-target="#empPromotionDate" />
                                                        <div class="input-group-append" data-target="#empPromotionDate"
                                                            data-toggle="datetimepicker">
                                                            <div class="input-group-text"><i class="fa fa-calendar"></i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="JoiningTime" class="col-sm-4 col-form-label text-right">Joining
                                                Time: </label>
                                            <div class="col-sm-8 mt-2">
                                                <div class="icheck-primary d-inline">
                                                    <input type="radio" id="JoiningForenoon" value="Forenoon"
                                                        name="JoiningTime" checked="">
                                                    <label class="mb-0" for="JoiningForenoon">Forenoon</label>
                                                </div>
                                                <div class="icheck-primary d-inline">
                                                    <input type="radio" id="JoiningAfternoon" value="Afternoon"
                                                        name="JoiningTime">
                                                    <label class="mb-0" for="JoiningAfternoon">Afternoon</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0" id="ReversionDate_field" style="display: none">
                                            <label for="ReversionDate"
                                                class="col-sm-4 col-form-label text-right">Reversion Date:</label>
                                            <div class="col-sm-8">
                                                <div class="form-group mb-2">
                                                    <div class="input-group date" data-target-input="nearest">
                                                        <input type="text" id="empReversionDate" name="EmpReversionDate"
                                                            class="form-control form-control-sm datetimepicker-input"
                                                            placeholder="DD/MM/YYYY" data-target="#empReversionDate" />
                                                        <div class="input-group-append" data-target="#empReversionDate"
                                                            data-toggle="datetimepicker">
                                                            <div class="input-group-text"><i class="fa fa-calendar"></i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="form-group row mb-0" id="Probation_field" style="display: none">
                                            <label for="Probation" class="col-sm-4 col-form-label text-right">Probation
                                                Period:</label>
                                            <div class="col-sm-8">
                                                <div class="clearfix mb-4">
                                                    <div class="icheck-primary">
                                                        <input type="checkbox" name="ProbationPeriod"
                                                            id="ProbationPeriod">
                                                        <label class="mb-0" for="ProbationPeriod"></label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="form-group row mb-0" id="PromoProbationPeriodDate_field"
                                            style="display: none">
                                            <label for="ProbationPeriodDate"
                                                class="mb-0 col-sm-4 col-form-label text-right">Probation Period Clear
                                                Date:</label>
                                            <div class="col-sm-8">
                                                <div class="form-group mb-0">
                                                    <div class="input-group date" data-target-input="nearest">
                                                        <input type="text" id="PromoProbationPeriodDate"
                                                            name="PromoProbationPeriodDate"
                                                            class="form-control form-control-sm datetimepicker-input"
                                                            placeholder="DD/MM/YYYY"
                                                            data-target="#PromoProbationPeriodDate" />
                                                        <div class="input-group-append"
                                                            data-target="#PromoProbationPeriodDate"
                                                            data-toggle="datetimepicker">
                                                            <div class="input-group-text"><i class="fa fa-calendar"></i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="form-group row mb-0">
                                            <label for="PromotionRemark"
                                                class="col-sm-4 col-form-label text-right">Remark:</label>
                                            <div class="col-sm-8">
                                                <textarea class="form-control form-control-sm" name="PromotionRemark"
                                                    id="promotionRemark" cols="30" rows="2"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12 mt-3">
                                        <div class="form-group row">
                                            <button type="submit" id="btn-save-promotion"
                                                class="btn btn-warning text-white">Save</button> &nbsp;&nbsp;
                                            <button type="button" onclick="formReset();"
                                                class="btn btn-warning text-white">Reset</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <!-- /.card-body -->
                    </div>
                    <!-- /.card -->
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container-fluid -->
    </section>
    <!-- /.content -->
</div>





<script>
    function formReset()
  { 
    Swal.fire({
            title: 'Do Want to reset form?',
            text: "Are you sure you want to reset this form!",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Yes, reset it!'
        }).then(function() {
            $('form#employeePromotionForm').each(function() {
                    this.reset();
            });
            $('.select2').val(null).trigger('change');
        });
  }
</script>


<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) {
              $("#EmployeeCode").append("<option value='" + employee.EmployeeId + "'>" + employee.EmployeeCode + " (" + employee.EmployeeName + ") " + "</option>");
              $('#EmployeeCode').trigger('change');
            });
          }
        });
    });

    // Get Employee Details
    $('#EmployeeCode').on('select2:select', function (e) {
        var data = e.params.data;
        var EmployeeId = data.id;
        $('.readonly').val('');
        getEmployeeDetail(EmployeeId);
        // Reset field on change Employee Code
     //   $('.select2').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 jsonEmpDetail = response.GetEmpCurrentDetail;
                var jsonPayMatrix = response.GetEmpPayMatrix;
                $('#EmployeeId').val(jsonEmpDetail.EmployeeId);
                $('#IsTenurePeriod').val(jsonEmpDetail.IsTenurePeriod);
                $('#EmpCode').val(jsonEmpDetail.EmployeeCode);
                $('#employeeName').val(jsonEmpDetail.EmployeeName);
                $('#DDOName').val(jsonEmpDetail.DDOName);
                $('#ControllingOfficer').val(jsonEmpDetail.ControllingOfficer);
                $('#ActualWorkPlace').val(jsonEmpDetail.ActualWorkPlace);
                $('#department').val(jsonEmpDetail.DepartmentName);
                $('#Group').val(jsonEmpDetail.Group);
                $('#Cadre').val(jsonEmpDetail.Cadre);
                $('#designation').val(jsonEmpDetail.DesignationName);
                $('#SanctionPost').val(jsonEmpDetail.SanctionPost);
                $('#Faculty').val(jsonEmpDetail.Faculty);
                $('#NameOfScheme').val(jsonEmpDetail.SchemeName);

                var joining = new Date(jsonEmpDetail.PromotionTransferDate);
                $('#JoiningDate').val(((joining.getDate() > 9) ? joining.getDate() : ('0' + joining.getDate())) + '/' + ((joining.getMonth() > 8) ? (joining.getMonth() + 1) : ('0' + (joining.getMonth() + 1))) + '/' + joining.getFullYear());

                $('#CurrentPayLevelAmount').val(jsonEmpDetail.PayLevelAmount);
                $('#CurrentPayMatrixScale').val(jsonEmpDetail.PayMatrixScale);
                if (jsonPayMatrix.PayScale) {
                        $('#CurrentPayScaleField').css('display', '')
                        $('#PayScale').val(jsonPayMatrix.PayScale);
                    } else {
                        $('#CurrentPayScaleField').css('display', 'none')
                    }
                if (jsonPayMatrix.PayBand) {
                        $('#CurrentPayBandField').css('display', '')
                        $('#PayBand').val(jsonPayMatrix.PayBand);
                    } else {
                        $('#CurrentPayBandField').css('display', 'none')
                    }
                if (jsonPayMatrix.GradePay) {
                        $('#CurrentGradePayField').css('display', '')
                        $('#GradePay').val(jsonPayMatrix.GradePay);
                    } else {
                        $('#CurrentGradePayField').css('display', 'none')
                    }
                if (jsonPayMatrix.PayLevel) {
                        $('#CurrentPayLevelField').css('display', '')
                        $('#PayLevel').val(jsonPayMatrix.PayLevel);
                    } else {
                        $('#CurrentPayLevelField').css('display', 'none')
                    }

                    $('#CurrentPayLevelAmount').val(jsonPayMatrix.PayLevelAmount);
                    $('#CurrentPayMatrixScale').val(jsonPayMatrix.PayMatrixScale);
                    
                    $('.readonly').attr('readonly', true);

            }
        });
    }
</script>


<script>
    // DDO List
    $(document).ready(function() {
          $.ajax({
            type: "GET",
            url: "<?php echo e(url('/ddo-list')); ?>",
            dataType: "json",
            success: function(response) {
              var json = response.DDOList;
              $.each(json, function(i, ddo) {
                $("#NewDDO").append("<option value='" + ddo.DDOId + "'>" + ddo.DDOName + "</option>");
                $('#NewDDO').trigger('change');
              });
            }
          });
      });
    // Controlling Officer List
    $(document).ready(function() {
          $.ajax({
            type: "GET",
            url: "<?php echo e(url('/controlling-officer-list')); ?>",
            dataType: "json",
            success: function(response) {
              var json = response.ControllingOfficerList;
              $.each(json, function(i, officer) {
                $("#NewControllingOfficer").append("<option value='" + officer.ControllingOfficerId + "'>" + officer.ControllingOfficerName + "</option>");
                $('#NewControllingOfficer').trigger('change');
              });
            }
          });
      });
    
    // Sanction Post List
    $(document).ready(function() {
          $.ajax({
            type: "GET",
            url: "<?php echo e(url('/sanction-post-list')); ?>",
            dataType: "json",
            success: function(response) {
              var json = response.SanctionPost;
              $.each(json, function(i, SanctionPost) {
                $("#NewSanctionPost").append("<option value='" + SanctionPost.SanctionPostId + "'>" + SanctionPost.SanctionPostName + "</option>");
                $('#NewSanctionPost').trigger('change');
              });
            }
          });
      });

    // Faculty List
    $(document).ready(function() {
          $.ajax({
            type: "GET",
            url: "<?php echo e(url('/faculty-list')); ?>",
            dataType: "json",
            success: function(response) {
              var json = response.Faculty;
              $.each(json, function(i, faculty) {
                $("#NewFaculty").append("<option value='" + faculty.FacultyId + "'>" + faculty.FacultyName + "</option>");
                $('#NewFaculty').trigger('change');
              });
            }
          });
      });

  
    // 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) {
                $("#NewPayScale").append("<option value='" + payscale.PayScaleId + "'>" + payscale.PayScaleName + "</option>");
                $('#NewPayScale').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").append("<option value='" + payband.PayBandId + "'>" + payband.PayBandName + "</option>");
                $('#PayBandId').trigger('change');
              });
            }
          });
      });
    // Name Of Scheme List
    $(document).ready(function() {
          $.ajax({
            type: "GET",
            url: "<?php echo e(url('/scheme-name-list')); ?>",
            dataType: "json",
            success: function(response) {
              var json = response.SchemeNameList;
              $.each(json, function(i, schemename) {
                $("#NewScheme").append("<option value='" + schemename.SchemeNameId + "'>" + schemename.NameOfScheme + "</option>");
                $('#NewScheme').trigger('change');
              });
            }
          });
      });
    // Trasnsfer Status List
    $(document).ready(function() {
          $.ajax({
            type: "GET",
            url: "<?php echo e(url('/transfer-status-list')); ?>",
            dataType: "json",
            success: function(response) {
              var json = response.TransferStatusList;
              $.each(json, function(i, transferstatus) {
                $("#status").append("<option value='" + transferstatus.TransferStatusId + "'>" + transferstatus.TransferStatusName + "</option>");
                $('#status').trigger('change');
              });
            }
          });
      });
</script>

<script>
    $(document).ready(function() {
          $.ajax({
            type: "GET",
            url: "<?php echo e(url('/actual-work-place-list')); ?>",
            dataType: "json",
            success: function(response) {
              var json = response.AWPList;
              $.each(json, function(i, AWPList) {
                $("#NewWorkPlace").append("<option value='" + AWPList.ActualWorkPlaceId + "'>" + AWPList.ActualWorkPlaceName + "</option>");
                $('#NewWorkPlace').trigger('change');
              });
            }
          });
        });
</script>

<script>
    $('#NewWorkPlace').on('select2:select', function (e) {
        //alert(e.params.data);
          var data = e.params.data;
          var AwpId = data.id;
          getDepartmentList(AwpId);
      });
      function getDepartmentList(AwpId){
          var AwpId = AwpId;
          $('#NewDepartment').empty();
              $.ajax({
              type: "GET",
              url: "<?php echo e(url('/')); ?>/get-department-list/" +AwpId,
              dataType: "json",
              success: function(response) {
                  var json = response.Department;
                  $.each(json, function(i, department) {
                      $("#NewDepartment").append("<option value='" + department.DepartmentId + "'>" + department.DepartmentName + "</option>");
                      $('#NewDepartment').val(null).trigger('change');
                      
                  });
              }
          });
      }
</script>

<script>
    $(document).ready(function() {
          $.ajax({
            type: "GET",
            url: "<?php echo e(url('/group-list')); ?>",
            dataType: "json",
            success: function(response) {
              var json = response.Group;
              $.each(json, function(i, group) {
                $("#NewGroup").append("<option value='" + group.GroupId + "'>" + group.GroupName + "</option>");
                $('#NewGroup').trigger('change');
              });
            }
          });
    }); 
</script>

<script>
    $('#NewGroup').on('select2:select', function (e) {
        //alert(e.params.data);
          var data = e.params.data;
          var GroupID = data.id;
          getCadreList(GroupID);
      });
      function getCadreList(GroupID){
          var GroupID = GroupID;
          $('#NewCadre').empty();
              $.ajax({
              type: "GET",
              url: "<?php echo e(url('/')); ?>/get-cadre-list/" +GroupID,
              dataType: "json",
              success: function(response) {
                  var json = response.Cadre;
                  $.each(json, function(i, cadre) {
                      $("#NewCadre").append("<option value='" + cadre.CadreId + "'>" + cadre.CadreName + "</option>");
                      $('#NewCadre').val(null).trigger('change');
                      
                  });
              }
          });
      }
</script>


<script>
    $('#NewCadre').on('select2:select', function (e) {
        //alert(e.params.data);
          var data = e.params.data;
          var CadreID = data.id;
          getDesignationList(CadreID);
      });
      function getDesignationList(CadreID){
          var CadreID = CadreID;
          $('#NewDesignation').empty();
              $.ajax({
              type: "GET",
              url: "<?php echo e(url('/')); ?>/get-designation-list/" +CadreID,
              dataType: "json",
              success: function(response) {
                  var json = response.Designation;
                  $.each(json, function(i, designation) {
                      $("#NewDesignation").append("<option value='" + designation.DesignationId + "'>" + designation.DesignationName + "</option>");
                      $('#NewDesignation').val(null).trigger('change');
                      
                  });
              }
          });
      }
</script>


<script>
    $(document).ready(function() {
          $("#status").change(function() { 
              //alert($(this).find('option:selected').text());
                  $('#NewPayScale').val(null).trigger('change');
                  $('#PayBandId').val(null).trigger('change');
                  $('#GradePayId').empty();
                  $('#PayLevelId').val(null).trigger('change');
                  $('#PayLevelAmount').val('');
                  $('#PayLevelAmountId').empty();
              if ($(this).find('option:selected').text() == "Nomination" || $(this).find('option:selected').text() == "Promotion" || $(this).find('option:selected').text() == "CAS Promotion (Career Advancement Scheme)" ) { 
                $("#NewPayMatrix_field").css('display', ''); 
                $('#NewPayScale').prop('required', true);
              } else { 
                $("#NewPayMatrix_field").css('display', 'none');
                $('#NewPayScale').prop('required', false);
                $("#PayBandId").prop('required', false);
                $("#GradePayId").prop('required', false);
                $("#PayLevelId").prop('required', false);
                $("#PayLevelAmount").prop('required', false);
                $("#PayLevelAmountId").prop('required', false);
              }
          });
      });
</script>


<script>
    $(document).ready(function() {
          $("#status").change(function() {
                //alert($(this).find('option:selected').text());
                  $('#ReversionDate').val('');
              if ($(this).find('option:selected').text() == "Temp. Promotion") { 
                $("#ReversionDate_field").css('display', ''); 
                $('#empReversionDate').prop('required', true);
              } else { 
                $("#ReversionDate_field").css('display', 'none'); 
                $('#empReversionDate').prop('required', false);
              }
          });
    });
</script>


<script>
    $(document).ready(function() {
          $("#status").change(function() {
                //alert($(this).find('option:selected').text());
                  $('#ProbationPeriod').prop('checked', false);
                  $("#PromoProbationPeriodDate_field").css('display', 'none'); 
                  $('#PromoProbationPeriodDate').val('');
              if ($(this).find('option:selected').text() == "Nomination") { 
                $("#Probation_field").css('display', ''); 
                $('#PromoProbationPeriodDate').prop('required', true);
              } else { 
                $("#Probation_field").css('display', 'none'); 
                $('#PromoProbationPeriodDate').prop('required', false);
              }

              $("#ProbationPeriod").click(function() {
            if($('#ProbationPeriod').is(':checked')) { 
                $("#PromoProbationPeriodDate_field").css('display', ''); 
                $('#PromoProbationPeriodDate').prop('required', true);
            } else {
                $("#PromoProbationPeriodDate_field").css('display', 'none'); 
                $('#PromoProbationPeriodDate').prop('required', false);
            }
        });

          });
    });    
</script>

<script>
    $(document).ready(function() {
          $("#NewPayScale").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', '');
                  $("#PayBandId").prop('required', true);
                  $("#GradePayId_field").css('display', '');
                  $("#GradePayId").prop('required', true);
                  $("#PayLevelAmount_field").css('display', '');
                  //$("#PayLevelAmount").prop('required', true);
              } else if ($(this).val() == "KmmsPcY7uGEnMyRYmSYlD66z6dwLsMtqG19Qs") { // 7th payscale
                  $("#PayLevelId_field").css('display', '');
                  $("#PayLevelId").prop('required', true);
                  $("#PayLevelAmountId_field").css('display', '');
                  $("#PayLevelAmountId").prop('required', true);
                  $("#PayBandId_field").css('display', 'none');
                  $("#PayBandId").prop('required', false);
                  $("#GradePayId_field").css('display', 'none');
                  $("#GradePayId").prop('required', false);
                  $("#PayLevelAmount_field").css('display', 'none');
                  $("#PayMatrixScale_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', '');
                  $("#PayMatrixScale_field").css('display', '');
                 // $("#PayLevelAmount").prop('required', true);
              }
          });
      });
</script>


<script>
    $('#PayBandId').on('select2:select', function (e) {
        //alert(e.params.data);
          var data = e.params.data;
          var PayBandId = data.id;
          getGradePayList(PayBandId);
      });
      function getGradePayList(PayBandId){
          var PayBandId = PayBandId;
          $('#NewGradePayId').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) {
                      $("#GradePayId").append("<option value='" + gradepay.GradePayId + "'>" + gradepay.GradePayName + "</option>");
                      $('#GradePayId').val(null).trigger('change');
                  });
              }
          });
      }
      // Get PayLevel List based on PayScale
      $('#NewPayScale').on('select2:select', function (e) {
        //alert(e.params.data);
          var data = e.params.data;
          var PayScaleId = data.id;
          getPayLevelList(PayScaleId);
      });
      function getPayLevelList(PayScaleId){
          var PayScaleId = PayScaleId;
          $('#PayLevelId').empty();
              $.ajax({
              type: "GET",
              url: "<?php echo e(url('/')); ?>/get-paylevel-list/" +PayScaleId,
              dataType: "json",
              success: function(response) {
                  var json = response.PayLevel;
                  $.each(json, function(i, paylevel) {
                      $("#PayLevelId").append("<option value='" + paylevel.PayLevelId + "'>" + paylevel.PayLevelName + " (" + paylevel.AmountRange + ")" +"</option>");
                      $('#PayLevelId').val(null).trigger('change');
                  });
              }
          });
      }
      // PayLevel Amount on select PayLevel
      $('#PayLevelId').on('select2:select', function (e) {
        //alert(e.params.data);
          var data = e.params.data;
          var PayLevelId = data.id;
          getPayLevelAmountList(PayLevelId);
      });
      function getPayLevelAmountList(PayLevelId){
          var PayLevelId = PayLevelId;
          $('#PayLevelAmountId').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) {
                      $("#PayLevelAmountId").append("<option value='" + paylevelamount.PayLevelAmountId + "'>" + paylevelamount.PayLevelAmount + "</option>");
                      $('#PayLevelAmountId').val(null).trigger('change');
                  });
              }
          });
      }
      
</script>


<script>
    $(function () {
      $.validator.setDefaults({
        submitHandler: function () {
            event.preventDefault();
        $.ajax({
                type: "post",
                url: "<?php echo e(url('store-employee-promotion')); ?>",
                data: $("#employeePromotionForm").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: 'Record added successfully!'
                    });
                    
                    // Reset Form
                    $('form#employeePromotionForm').each(function() {
                    this.reset();
                    $('#status, #NewDDO, #NewControllingOfficer, #NewWorkPlace, #NewDepartment, #NewGroup, #NewCadre, #NewDesignation, #NewSanctionPost, #NewFaculty, #NewScheme, #NewPayScale, #PayBandId, #GradePayId, #PayLevelId, #PayLevelAmountId').val(null).trigger('change');
                });
                },
                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!'
                    });
                }
            });
        }
      });
      $('#employeePromotionForm').validate({
        rules: {
            PromotionCode: {
            required: true,
          },
          TransferStatus: {
            required: true,
          },
          NewDDO: {
            required: true,
          },
          NewControllingOfficer: {
            required: true,
          },
          NewWorkPlace: {
            required: true,
          },
          NewDepartment: {
            required: true,
          },
          NewGroup: {
            required: true,
          },
          NewCadre: {
            required: true,
          },
          NewDesignation: {
            required: true,
          },
          NewScheme: {
            required: true,
          },
          NewSanctionPost: {
            required: true,
          },
          NewFaculty: {
            required: true,
          },
          NewPayScale: {
            required: true,
          },
          EmpPromotionDate: {
            required: true,
          },
        },
        messages: {
            EmployeeCode: {
            required: "Please select employee code.",
          },
        },
        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>


<!-- /.content-wrapper -->
<?php $__env->stopSection(); ?>
<?php echo $__env->make('admin.include.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/html/hrms-production/resources/views/admin/EmployeeProfile/employee-promotion.blade.php ENDPATH**/ ?>