<?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 class="row mb-2">
        <div class="col-sm-6">
          <h1 id="page-title">Create Employee Profile</h1>
        </div>
        <div class="col-md-6 text-right">
          <a href="<?php echo e(url('all-employee')); ?>" class="btn btn-outline-info btn-sm" target="_blank"
            rel="noopener noreferrer">Employee List <i class="fas fa-long-arrow-alt-right"></i></a>
        </div>
      </div>
    </div><!-- /.container-fluid -->
  </section>

  <!-- Main content -->
  <section class="content">
    <div class="row justify-content-center">
      <div class="col-md-11">
        <div class="card card-primary">
          <div class="card-header">
            <h3 class="card-title">Employee's Primary Detail</h3>
          </div>
          <div class="card-body">
            <form id="AddEmployeeProfileForm">
              <input type="hidden" name="_token" id="token_add_emp" value="<?php echo e(csrf_token()); ?>">
              <div class="row">
                <div class="col-md-4">
                  <div class="form-group mb-2">
                    <label class="mb-0" for="NameTitle">Name Title <span class="text-danger">*</span></label>
                    <select class="form-control form-control-sm select2" style="width: 100%;" aria-hidden="true"
                      name="NameTitle" id="NameTitle" data-placeholder="Select Name Title">
                      <option value="" disabled selected>Select Title <span class="text-danger">*</span></option>
                    </select>
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group mb-2">
                    <label class="mb-0" for="Employees Name">Name of Employee <span class="text-danger">*</span></label>
                    <input type="text" id="EmployeeName" name="EmployeeName" class="form-control form-control-sm">
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group mb-2">
                    <label class="mb-0" for="Appointment Order No">Appointment Order No. <span
                        class="text-danger">*</span></label>
                    <input type="text" id="AppointmentOrderNo" name="AppointmentOrderNo"
                      class="form-control form-control-sm">
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group mb-2">
                    <label class="mb-0" for="AppointmentOrderDate">Appointment Order Date <span
                        class="text-danger">*</span></label>
                    <div class="input-group date" id="OrderDate" data-target-input="nearest">
                      <input type="text" id="AppointmentOrderDate" name="AppointmentOrderDate"
                        class="form-control form-control-sm datetimepicker-input" data-target="#AppointmentOrderDate"
                        placeholder="DD/MM/YYYY" />
                      <div class="input-group-append" data-target="#AppointmentOrderDate" data-toggle="datetimepicker">
                        <div class="input-group-text"><i class="fa fa-calendar"></i>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group mb-2">
                    <label class="mb-0" for="DDO">DDO</label>
                    <select class="form-control form-control-sm select2" style="width: 100%;" aria-hidden="true"
                      name="DDO" id="DDO" data-placeholder="Select DDO">
                      <option value="" disabled selected>Select DDO <span class="text-danger">*</span></option>
                    </select>
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group mb-2">
                    <label class="mb-0" for="ControllingOfficer">Controlling Officer <span
                        class="text-danger">*</span></label>
                    <select class="form-control form-control-sm select2" style="width: 100%;" aria-hidden="true"
                      name="ControllingOfficer" id="ControllingOfficer" data-placeholder="Select Controlling Officer">
                      <option value="" disabled selected>Select Controlling Officer</option>
                    </select>
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group mb-2">
                    <label class="mb-0">Actual Work Place</label>
                    <select class="form-control form-control-sm select2" style="width: 100%;" aria-hidden="true"
                      name="WorkPlace" id="WorkPlace" data-placeholder="Place Name">
                      <option value="" selected disabled>Place Name</option>
                    </select>
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group mb-2">
                    <label class="mb-0" for="Department Name">Name of Department / Non Department <span
                        class="text-danger">*</span></label>
                    <select class="form-control form-control-sm select2" style="width: 100%;" aria-hidden="true"
                      name="DepartmentName" id="DepartmentName" data-placeholder="Select Department">
                      <option value="" selected disabled>Select Department</option>
                    </select>
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group mb-2">
                    <label class="mb-0">Appointment by <span class="text-danger">*</span></label>
                    <select class="form-control form-control-sm select2" style="width: 100%;" aria-hidden="true"
                      name="AppointmentBy" id="AppointmentBy" data-placeholder="Select One">
                      <option value="" selected disabled>Select One</option>
                    </select>
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group mb-2" id="MeritListNo_field">
                    <label class="mb-0" for="MeritListNo">Merit List No. </label>
                    <input type="text" id="MeritListNo" name="MeritListNo" class="form-control form-control-sm" />
                  </div>
                  <div class="form-group mb-2" style="display: none;" id="LowerCadreSeniority_field">
                    <label class="mb-0" for="Lower Cadre Seniority">Lower Cadre Seniority maintain <span
                        class="text-danger">*</span></label>
                    <input type="text" id="LowerCadreSeniority" name="LowerCadreSeniority"
                      class="form-control form-control-sm" />
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group mb-2">
                    <label class="mb-0">Group (Class) <span class="text-danger">*</span></label>
                    <select class="form-control form-control-sm select2" style="width: 100%;" aria-hidden="true"
                      name="Group" id="Group" data-placeholder="Select Group">
                      <option value="" selected disabled>Select Group</option>
                    </select>
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group mb-2">
                    <label class="mb-0">Cadre <span class="text-danger">*</span></label>
                    <select class="form-control form-control-sm select2" style="width: 100%;" aria-hidden="true"
                      name="Cadre" id="Cadre" data-placeholder="Select Cadre">
                      <option value="" selected disabled>Select Cadre</option>
                    </select>
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group mb-2">
                    <label class="mb-0">Designation <span class="text-danger">*</span></label>
                    <select class="form-control form-control-sm select2" style="width: 100%;" aria-hidden="true"
                      name="EmployeeDesignation" id="EmployeeDesignation" data-placeholder="Select Designation">
                      <option value="" selected disabled>Select One</option>
                    </select>
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group mb-2">
                    <label class="mb-0">Faculty <span class="text-danger">*</span></label>
                    <select class="form-control form-control-sm select2" style="width: 100%;" aria-hidden="true"
                      name="Faculty" id="Faculty" data-placeholder="Select Faculty">
                      <option value="" selected disabled>Select Faculty</option>
                    </select>
                  </div>
                </div>

                <div class="col-md-4">
                  <div class="form-group mb-2">
                    <label class="mb-0">Sanction Post <span class="text-danger">*</span></label>
                    <select class="form-control form-control-sm select2" style="width: 100%;" aria-hidden="true"
                      name="SanctionPost" id="SanctionPost" data-placeholder="Select Sanction Post">
                      <option value="" selected disabled>Select Sanction Post</option>
                    </select>
                  </div>
                </div>
                <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="Scheme Name">Name of Scheme <span class="text-danger">*</span></label>
                    <select class="form-control form-control-sm select2" style="width: 100%;" aria-hidden="true"
                      name="SchemeNameId" id="SchemeNameId" data-placeholder="Select Scheme">
                      <option value="" disabled selected>Select Scheme</option>
                    </select>
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group mb-2">
                    <label class="mb-0" for="Mobile">Mobile No. <span class="text-danger">*</span></label>
                    <input type="tel" onkeyup="onlyNumbers(this)" id="MobileNo" name="MobileNo"
                      class="form-control form-control-sm">
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group mb-2">
                    <label class="mb-0" for="AlternateMobile">Alternate Mobile No.</label>
                    <input type="tel" onkeyup="onlyNumbers(this)" id="AlternateMobileNo" name="AlternateMobileNo"
                      class="form-control form-control-sm">
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group mb-2">
                    <label class="mb-0" for="Aadhar Card">Aadhar Card No. <span class="text-danger">*</span></label>
                    <input type="text" onPaste="return false" onCopy="return false" id="AadharCardNo"
                      name="AadharCardNo" class="form-control form-control-sm">
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group mb-2">
                    <label class="mb-0" for="Aadhar Card">Re-type Aadhar Card No. <span
                        class="text-danger">*</span></label>
                    <input type="text" onPaste="return false" onCopy="return false" id="ConfirmAadharCardNo"
                      name="ConfirmAadharCardNo" class="form-control form-control-sm">
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group mb-2">
                    <label class="mb-0" for="Pan Card">Pan Card No. <span class="text-danger">*</span></label>
                    <input type="text" id="PanCardNo" name="PanCardNo" class="form-control form-control-sm"
                      style="text-transform: uppercase">
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group mb-2">
                    <label class="mb-0" for="Email">Email ID</label>
                    <input type="email" id="EmailId" name="EmailId" class="form-control form-control-sm">
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group mb-2">
                    <label class="mb-0" for="date">Date of Birth <span class="text-danger">*</span></label>
                    <div class="input-group date" data-target-input="nearest">
                      <input type="text" id="DateOfBirth" name="DateOfBirth" onkeydown="return false"
                        class="form-control form-control-sm datetimepicker-input" placeholder="DD/MM/YYYY"
                        data-target="#DateOfBirth" />
                      <div class="input-group-append" data-target="#DateOfBirth" data-toggle="datetimepicker">
                        <div class="input-group-text"><i class="fa fa-calendar"></i>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group">
                    <div class="form-group clearfix">
                      <label class="mb-0" for="date">Joining Time: </label>
                      <div class="col-sm-12">
                        <div class="icheck-primary d-inline">
                          <input type="radio" id="forenoon" value="Forenoon" name="JoiningTime" checked="">
                          <label class="mb-0" for="forenoon">Forenoon</label>
                        </div>
                        <div class="icheck-primary d-inline">
                          <input type="radio" id="afternoon" value="Afternoon" name="JoiningTime">
                          <label class="mb-0" for="afternoon">Afternoon</label>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group mb-2">
                    <label class="mb-0" for="date">Joining Date <span class="text-danger">*</span></label>
                    <div class="input-group date" id="ServiceJoiningDate" data-target-input="nearest">
                      <input type="text" id="JoiningDate" name="JoiningDate" onkeydown="return false"
                        class="form-control form-control-sm datetimepicker-input" placeholder="DD/MM/YYYY"
                        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 class="col-md-4">
                  <div class="form-group mb-2">
                    <label class="mb-0" for="RetirementAge">Retirement Age <span class="text-danger">*</span></label>
                    <select class="form-control form-control-sm select2" style="width: 100%;" aria-hidden="true"
                      name="RetirementAge" id="RetirementAge" data-placeholder="Select Year">
                      <option value="" selected disabled>Select Year</option>
                      <option value="58 years">58 years</option>
                      <option value="60 years">60 years</option>
                      <option value="62 years">62 years</option>
                      <option value="65 years">65 years</option>
                    </select>
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group mb-2">
                    <label class="mb-0" for="date">Retirement Date <span class="text-danger">*</span></label>
                    <div class="input-group date" id="DateOfRetirement" data-target-input="nearest">
                      <input type="text" id="RetirementDate" name="RetirementDate" onkeydown="return false"
                        class="form-control form-control-sm datetimepicker-input" placeholder="DD/MM/YYYY"
                        data-target="#RetirementDate" />
                      <div class="input-group-append" data-target="#RetirementDate" data-toggle="datetimepicker">
                        <div class="input-group-text"><i class="fa fa-calendar"></i>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group">
                    <div class="form-group clearfix">
                      <label class="mb-0 text-danger" for="ProbationPeriod">Probation Period: </label>
                      <div class="col-sm-12">
                        <div class="icheck-primary d-inline">
                          <input type="radio" id="ProbationPeriodNo" value="0" name="ProbationPeriod" checked="">
                          <label class="mb-0" for="ProbationPeriodNo">No</label>
                        </div>
                        <div class="icheck-primary d-inline">
                          <input type="radio" id="ProbationPeriodYes" value="1" name="ProbationPeriod">
                          <label class="mb-0" for="ProbationPeriodYes">Yes</label>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-md-4" id="ProbationPeriod_field" style="display: none">
                  <div class="form-group mb-2">
                    <label class="mb-0" for="Probation Period">Probation Period Clear Date <span class="text-danger">*</span></label>
                    <div class="input-group date" id="DateOfProbationPeriod" data-target-input="nearest">
                      <input type="text" id="ProbationPeriodDate" name="ProbationPeriodDate"
                        class="form-control form-control-sm datetimepicker-input" placeholder="DD/MM/YYYY"
                        data-target="#ProbationPeriodDate">
                      <div class="input-group-append" data-target="#ProbationPeriodDate" data-toggle="datetimepicker">
                        <div class="input-group-text"><i class="fa fa-calendar"></i>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-md-4">
                  <div class="form-group">
                    <div class="form-group clearfix">
                      <label class="mb-0 text-danger" for="TenurePeriod">Tenure Period: </label>
                      <div class="col-sm-12">
                        <div class="icheck-primary d-inline">
                          <input type="radio" id="TenurePeriodNo" value="0" name="TenurePeriod" checked="">
                          <label class="mb-0" for="TenurePeriodNo">No</label>
                        </div>
                        <div class="icheck-primary d-inline">
                          <input type="radio" id="TenurePeriodYes" value="1" name="TenurePeriod">
                          <label class="mb-0" for="TenurePeriodYes">Yes</label>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-md-4" id="TenurePeriod_field" style="display: none">
                  <div class="form-group mb-2">
                    <label class="mb-0" for="TenurePeriodDate">Tenure Period Clear Date <span class="text-danger">*</span></label>
                    <div class="input-group date" data-target-input="nearest">
                      <input type="text" id="TenurePeriodDate" name="TenurePeriodDate"
                        class="form-control form-control-sm datetimepicker-input" placeholder="DD/MM/YYYY"
                        data-target="#TenurePeriodDate">
                      <div class="input-group-append" data-target="#TenurePeriodDate" data-toggle="datetimepicker">
                        <div class="input-group-text"><i class="fa fa-calendar"></i>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="row justify-content-end mt-2">
                <div class="col-md-12 text-right">
                  <button type="button" onclick="formReset()" class="btn btn-dark mx-2">Reset</button>
                  <button type="submit" class="btn btn-primary">Save Profile</button>
                </div>
              </div>
            </form>
          </div>
        </div>

      </div>

    </div>
  </section><br />
  <!-- /.content -->
</div>
<!-- /.content-wrapper -->




<script>
  function formReset()
  { 
    Swal.fire({
            title: 'Do you 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#AddEmployeeProfileForm').each(function() {
                this.reset();
            });
                $('.select2').val(null).trigger('change');
            });
  }
</script>

<script>
  // function updateExpiryDate(controlID, value) {
  //   if ( $("#DateOfBirth").val() != '' && $("#RetirementAge: selected").val() != '') {

  //       var DateOfBirth = $("#DateOfBirth").val();
  //       var date = new Date(DateOfBirth);
  //       var termYears = $("#RetirementAge :selected").val();

  //       date = new Date(date.setYear(date.getFullYear() + parseInt(termYears)));
  //       var expiryDate = (date.getMonth() + 1) + '/' + date.getDate() + '/' + date.getFullYear();
  //       //$('#ICMExpiryDate').val(expiryDate);
  //       alert(expiryDate);
  //   }
  // }
//   var date = 60; 
  
// console.log(new Date(new Date().setFullYear(new Date().getFullYear() + date)));
</script>

<script>
  $(document).ready(function() {
        $("#AppointmentBy").change(function() {
            //alert($(this).val())
            if ($(this).val() == "W8whXFgWakAvkHU6OTgvgXBVPZgmQNveI48YY") { // Promotion
                $("#MeritListNo_field").css('display', 'none');
                $("#MeritListNo").prop('required', false);
                $("#LowerCadreSeniority_field").css('display', 'block');
                $("#LowerCadreSeniority").prop('required', true);
            } else {
                $("#MeritListNo_field").css('display', 'block');
                $("#MeritListNo").prop('required', true);
                $("#LowerCadreSeniority_field").css('display', 'none');
                $("#LowerCadreSeniority").prop('required', false);
            }
        });
    });
</script>


<script>
  // Name Title
  $(document).ready(function() {
        $.ajax({
          type: "GET",
          url: "<?php echo e(url('/name-title-list')); ?>",
          dataType: "json",
          success: function(response) {
            var json = response.NameTitle;
            $.each(json, function(i, title) {
              $("#NameTitle").append("<option value='" + title.NameTitleId + "'>" + title.NameTitle + "</option>");
              $('#NameTitle').trigger('change');
            });
          }
        });
    });
  // Appointment By List
  $(document).ready(function() {
        $.ajax({
          type: "GET",
          url: "<?php echo e(url('/appointment-by-list')); ?>",
          dataType: "json",
          success: function(response) {
            var json = response.AppointmentBy;
            $.each(json, function(i, appointmentBy) {
              $("#AppointmentBy").append("<option value='" + appointmentBy.AppointmentId + "'>" + appointmentBy.AppointmentByName + "</option>");
              $('#AppointmentBy').trigger('change');
            });
          }
        });
    });
  // 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) {
              $("#DDO").append("<option value='" + ddo.DDOId + "'>" + ddo.DDOName + "</option>");
              $('#DDO').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) {
              $("#ControllingOfficer").append("<option value='" + officer.ControllingOfficerId + "'>" + officer.ControllingOfficerName + "</option>");
              $('#ControllingOfficer').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) {
              $("#SanctionPost").append("<option value='" + SanctionPost.SanctionPostId + "'>" + SanctionPost.SanctionPostName + "</option>");
              $('#SanctionPost').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) {
              $("#Faculty").append("<option value='" + faculty.FacultyId + "'>" + faculty.FacultyName + "</option>");
              $('#Faculty').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) {
              $("#PayScale").append("<option value='" + payscale.PayScaleId + "'>" + payscale.PayScaleName + "</option>");
              $('#PayScale').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) {
              $("#SchemeNameId").append("<option value='" + schemename.SchemeNameId + "'>" + schemename.NameOfScheme + "</option>");
              $('#SchemeNameId').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) {
              $("#WorkPlace").append("<option value='" + AWPList.ActualWorkPlaceId + "'>" + AWPList.ActualWorkPlaceName + "</option>");
              $('#WorkPlace').trigger('change');
            });
          }
        });
      });
</script>

<script>
  $('#WorkPlace').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;
        $('#DepartmentName').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) {
                    $("#DepartmentName").append("<option value='" + department.DepartmentId + "'>" + department.DepartmentName + "</option>");
                    $('#DepartmentName').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) {
              $("#Group").append("<option value='" + group.GroupId + "'>" + group.GroupName + "</option>");
              $('#Group').trigger('change');
            });
          }
        });
  }); 
</script>

<script>
  $('#Group').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;
        $('#Cadre').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) {
                    $("#Cadre").append("<option value='" + cadre.CadreId + "'>" + cadre.CadreName + "</option>");
                    $('#Cadre').val(null).trigger('change');
                    
                });
            }
        });
    }
</script>


<script>
  $('#Cadre').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;
        $('#Designation').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) {
                    $("#EmployeeDesignation").append("<option value='" + designation.DesignationId + "'>" + designation.DesignationName + "</option>");
                    $('#EmployeeDesignation').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('');
                $('#PayMatrixScale').val('');
                $('#PayLevelAmountId').empty();
            if ($(this).val() == "l7Is9HD8Yr2nMQKmSwm189AEr3yawtvPrZrn4") { // 6th payscale
                $("#PayLevelId_field").css('display', 'none');
                $("#PayLevelId").prop('required', false);
                $("#PayLevelAmountId_field").css('display', 'none');
                $("#PayMatrixScale_field").css('display', 'none');
                $("#PayLevelAmountId").prop('required', false);
                $("#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);
                $("#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);
                $("#PayMatrixScale_field").css('display', 'none');
            } 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>
  $('#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;
        $('#GradePayId').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
    $('#PayScale').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>
  $("input[name='ProbationPeriod']").change(function(){
      $("#ProbationPeriodDate").val(''); 
      if($(this).val()=="1") {
        $("#ProbationPeriod_field").css('display', 'block');
        $("#ProbationPeriodDate").prop('required', true);
      }
      else {
        $("#ProbationPeriod_field").css('display', 'none');
        $("#ProbationPeriodDate").prop('required', false); 
      }
    });
</script>


<script>
  $("input[name='TenurePeriod']").change(function(){
      $("#TenurePeriodDate").val(''); 
      if($(this).val()=="1") {
        $("#TenurePeriod_field").css('display', 'block');
        $("#TenurePeriodDate").prop('required', true);
      }
      else {
        $("#TenurePeriod_field").css('display', 'none');
        $("#TenurePeriodDate").prop('required', false); 
      }
    });
</script>

<script>
  $(function () {
    $.validator.setDefaults({
      submitHandler: function () {
          event.preventDefault();
          // Get Form Data
        var token = $("#token_add_emp").val();
        var NameTitle = $('#NameTitle :selected').val();
        var EmployeeName = $('#EmployeeName').val();
        var AppointmentOrderNo = $('#AppointmentOrderNo').val();
        var AppointmentOrderDate = $('#AppointmentOrderDate').val();
        var EmpDDO = $('#DDO :selected').val();
        var ControllingOfficer = $('#ControllingOfficer :selected').val();
        var WorkPlace = $('#WorkPlace :selected').val();
        var DepartmentName = $('#DepartmentName :selected').val();
        var AppointmentBy = $('#AppointmentBy :selected').val();
        var MeritListNo = $('#MeritListNo').val();
        var LowerCadreSeniority = $('#LowerCadreSeniority').val();
        var Group = $('#Group :selected').val();
        var Cadre = $('#Cadre :selected').val();
        var EmployeeDesignation = $('#EmployeeDesignation :selected').val();
        var Faculty = $('#Faculty :selected').val();
        var SanctionPost = $('#SanctionPost :selected').val();
        
        // Employee PayMatrix
        var PayScale = $("#PayScale :selected").val();
        var PayBandId = $("#PayBandId :selected").val();
        var GradePayId = $("#GradePayId :selected").val();
        
        var PayLevelAmount = $('#PayLevelAmount').val();
        var PayMatrixScale = $('#PayMatrixScale').val();
        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 = $('#PayLevelAmount').val(GetAmount);
        } 

        var SchemeNameId = $('#SchemeNameId :selected').val();
        var MobileNo = $('#MobileNo').val();
        var AlternateMobileNo = $('#AlternateMobileNo').val();
        var AadharCardNo = $('#AadharCardNo').val();
        var PanCardNo = $('#PanCardNo').val().toUpperCase();
        var EmailId = $('#EmailId').val();
        var DateOfBirth = $('#DateOfBirth').val();
        var JoiningTime = $('input[name=JoiningTime]:checked').val();
        var JoiningDate = $('#JoiningDate').val();
        var RetirementAge = $('#RetirementAge :selected').val();
        var RetirementDate = $('#RetirementDate').val();
        var ProbationPeriodDate = $("#ProbationPeriodDate").val();
        var TenurePeriod = $('input[name=TenurePeriod]:checked').val();
        var TenurePeriodDate = $("#TenurePeriodDate").val();
        
      var fd = new FormData();
            fd.append('_token',token);
            fd.append('NameTitleId',NameTitle);
            fd.append('EmployeeName',EmployeeName);
            fd.append('AppointmentOrderNo',AppointmentOrderNo);
            fd.append('OrderDate',AppointmentOrderDate);
            fd.append('DDOId',EmpDDO);
            fd.append('ControllingOfficerId',ControllingOfficer);
            fd.append('ActualWorkPlaceId',WorkPlace);
            fd.append('DepartmentId',DepartmentName);
            fd.append('AppointmentBy',AppointmentBy);
            fd.append('MeritListNo',MeritListNo);
            fd.append('LowerCadreSeniority',LowerCadreSeniority);
            fd.append('Group',Group);
            fd.append('CadreId',Cadre);
            fd.append('DesignationId',EmployeeDesignation);
            fd.append('FacultyId',Faculty);
            fd.append('SanctionPostId',SanctionPost);
            fd.append('PayScalePayCommission',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('SchemeNameId',SchemeNameId);
            fd.append('MobileNo',MobileNo);
            fd.append('AlternateMobileNo',AlternateMobileNo);
            fd.append('AadharCardNo',AadharCardNo);
            fd.append('PanCardNo',PanCardNo);
            fd.append('EmailId',EmailId);
            fd.append('BirthDate',DateOfBirth);
            fd.append('JoiningTime',JoiningTime);
            fd.append('DateOfJoining',JoiningDate);
            fd.append('RetirementAge',RetirementAge);
            fd.append('DateOfRetirement',RetirementDate);
            fd.append('ClearDateOfProbationPeriod',ProbationPeriodDate);
            fd.append('IsTenurePeriod',TenurePeriod);
            fd.append('ClearDateOfTenurePeriod',TenurePeriodDate);
            
      $.ajax({
              type: "post",
              url: "<?php echo e(url('store-employee')); ?>",
              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: 'Profile created successfully!'
                  });
                  $('form#AddEmployeeProfileForm').each(function() {
                    this.reset();
                    $('.select2').val(null).trigger('change');
                  });
                  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!'
                  });
              }
          });
      }
    });
    $('#AddEmployeeProfileForm').validate({
      rules: {
        NameTitle: {
          required: true,
        },
        EmployeeName: {
          required: true,
          pattern: '[a-z A-Z]+'
        },
        AppointmentOrderNo: {
         required: true,
        },
        AppointmentOrderDate: {
         required: true,
        },
        DDO: {
          required: true,
        },
        ControllingOfficer: {
          required: true,
        },
        WorkPlace: {
          required: true,
        },
        DepartmentName: {
          required: true,
        },
        AppointmentBy: {
          required: true,
        },
        Group: {
          required: true,
        },
        Cadre: {
          required: true,
        },
        EmployeeDesignation: {
          required: true,
        },
        Faculty: {
          required: true,
        },
        SanctionPost: {
          required: true,
        },
        PayScale: {
          required: true,
        },
        SchemeNameId: {
          required: true,
        },
        EmailId: {
          //required: true,
          email: true,
          // remote: {
          //   type: "POST",
          //   url:'<?php echo e(url("/")); ?>/check-duplicate-email',
          //   data: {
          //     EmailId: function() {
          //       return $( "#EmailId" ).val();
          //     },
          //     '_token':$('meta[name="csrf-token"]').attr('content')
          //   }
          // }
        },
        AadharCardNo: {
          required: true,
          pattern: '^([0-9]){12}$',
          remote: {
            type: "POST",
            url:'<?php echo e(url("/")); ?>/check-duplicate-adhar',
            data: {
              AadharCardNo: function() {
                return $( "#AadharCardNo" ).val();
              },
              '_token':$('meta[name="csrf-token"]').attr('content')
            }
          }
        },
        PanCardNo: {
          required: true,
          pattern: '[A-Za-z]{5}[0-9]{4}[A-Za-z]{1}$',
          remote: {
            type: "POST",
            url:'<?php echo e(url("/")); ?>/check-duplicate-pan',
            data: {
              PanCardNo: function() {
                return $( "#PanCardNo" ).val();
              },
              '_token':$('meta[name="csrf-token"]').attr('content')
            }
          }
        },
        MobileNo: {
          required: true,
          pattern: '^([0-9]){10}$',
          remote: {
            type: "POST",
            url:'<?php echo e(url("/")); ?>/check-duplicate-mobile',
            data: {
              MobileNo: function() {
                return $( "#MobileNo" ).val();
              },
              '_token':$('meta[name="csrf-token"]').attr('content')
            }
          }
        },
        ConfirmAadharCardNo: {
          required: true,
          equalTo: "#AadharCardNo",
        },
        AlternateMobileNo: {
          pattern: '^([0-9]){10}$',
        },
        DateOfBirth: {
          required: true,
        },
        JoiningDate: {
          required: true,
        },
        RetirementAge: {
          required: true,
        },
        RetirementDate: {
          required: true,
        },
        ProbationPeriodDate: {
          //required: true,
        },
        PensionSchemeCertificate: {
        //  required: true,
          accept: "image/*, pdf"
        },
        GISCertificate: {
        //  required: true,
          accept: "image/*, pdf"
        },
      },
      messages: {
        NameTitle: {
          required: "Please select title.",
        },
        EmployeeName: {
          required: "Please enter employee name.",
        },
        EmployeeDesignation: {
          required: "Please select designation.",
        },
        AppointmentOrderNo: {
          required: "Please provide Appointment order no. & date.",
          minlength: "Your Order no. must be at least 5 characters long."
        },
        email: {
        required: "Please enter a email address.",
        email: "Please enter a valid email address."
        },
        AadharCardNo: { 
          pattern: 'Please enter a valid Adhar No.',
          required:"Adhar no. is required.",
          remote:"This Adhar no. is already exist."
        },
        ConfirmAadharCardNo: {
          equalTo: "Aadhar number did not match.",
        },
        PanCardNo: { 
          pattern: 'Please enter a valid PAN no.',
          required:"PAN no. is required.",
          remote:"This PAN no. is already exist."
        },
        MobileNo: { 
          //pattern: 'Please enter without country code',
          required:"Mobile no. is required.",
          remote:"This Mobile no. is already exist."
        }, 
      },
      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>


<?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/resources/views/admin/EmployeeProfile/add-employee.blade.php ENDPATH**/ ?>