File: /var/www/html/hrms-production/storage/framework/views/6b09a106e33bb0e37f4958064f50ed05d54ab7ae.php
<?php $__env->startSection('content'); ?>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<!-- Main content -->
<section class="content-header">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<h5>Add Nominee Details</h5>
</div>
<!-- /.card-header -->
<div class="card-body">
<form class="form-horizontal" id="empNomineeFormAdd">
<input type="hidden" name="_token" id="csrf_token" value="<?php echo e(csrf_token()); ?>">
<input type="hidden" name="EmployeeId" id="EmployeeId">
<input type="hidden" name="EmpCode" id="EmpCode">
<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" name="EmployeeCode"
id="EmployeeCode" data-placeholder="Employee Code" required>
<option selected="selected" disabled>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">
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fas fa-pen"></i></span>
</div>
<input type="text" class="form-control form-control-sm"
name="EmployeeName" id="employeeName" readonly>
</div>
</div>
</div>
<div class="form-group row mb-0">
<label for="EmployeeDDO"
class="col-sm-4 col-form-label text-right">DDO:</label>
<div class="col-sm-8">
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fas fa-pen"></i></span>
</div>
<input type="text" class="form-control form-control-sm"
name="EmployeeDDO" id="EmployeeDDO" readonly>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group row mb-0">
<label for="ActualWorkPlace" class="col-sm-4 col-form-label text-right">Work
Place:</label>
<div class="col-sm-8">
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fas fa-pen"></i></span>
</div>
<input type="text" class="form-control form-control-sm"
name="ActualWorkPlace" id="ActualWorkPlace" readonly>
</div>
</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">
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fas fa-pen"></i></span>
</div>
<input type="text" class="form-control form-control-sm"
name="Department" id="department" readonly>
</div>
</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">
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fas fa-pen"></i></span>
</div>
<input type="text" class="form-control form-control-sm"
name="Designation" id="designation" readonly>
</div>
</div>
</div>
</div>
</div>
<hr />
<div class="row">
<div class="col-md-6">
<div class="form-group row mb-0 mt-0">
<label for="NominationCategory"
class="col-sm-4 col-form-label text-right text-danger">Whether Family Member:</label>
<div class="col-sm-8 mt-2">
<div class="icheck-primary d-inline">
<input type="radio" id="FamilyMemberYes" name="FamilyMember"
value="Yes" checked="">
<label for="FamilyMemberYes">Yes</label>
</div>
<div class="icheck-primary d-inline">
<input type="radio" id="FamilyMemberNo"
name="FamilyMember" value="No">
<label for="FamilyMemberNo">No</label>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group row mb-0">
<label for="NomineeName" class="col-sm-4 col-form-label text-right"><span
class="text-danger">*</span> Nominee
Name:</label>
<div class="col-sm-8" id="nominee_list">
<select class="form-control form-control-sm select2"
style="width: 100%;" aria-hidden="true" name="NomineeName"
id="NomineeNameId" data-placeholder="Select Member" required>
<option selected="selected" disabled>Select Member</option>
</select>
</div>
<div class="col-sm-8" id="nominee_name" style="display: none">
<input type="text" id="NomineeName" name="NomineeName" class="form-control form-control-sm">
</div>
</div>
<div class="form-group row mb-0">
<label for="DateOfBirth" class="col-sm-4 col-form-label text-right"><span
class="text-danger">*</span> Date of
Birth:</label>
<div class="col-sm-8">
<div class="form-group mb-2">
<div class="input-group date" id="BirthDate"
data-target-input="nearest">
<input type="text" id="DateOfBirth" name="DateOfBirth"
class="form-control form-control-sm datetimepicker-input" placeholder="DD/MM/YYYY"
data-target="#DateOfBirth" onchange="calculateAge();"
required />
<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>
<div class="form-group row mb-0">
<label for="NomineeAge"
class="col-sm-4 col-form-label text-right">Age:</label>
<div class="col-sm-8">
<div class="input-group">
<input type="text" class="form-control form-control-sm"
name="NomineeAge" id="NomineeAge">
</div>
</div>
</div>
<div class="form-group row mb-0">
<label for="NomineeType" class="col-sm-4 col-form-label text-right"><span class="text-danger">*</span> Nominee
Type:</label>
<div class="col-sm-8">
<select class="form-control form-control-sm select2"
style="width: 100%;" aria-hidden="true" name="PensionScheme"
id="PensionScheme" data-placeholder="Select Pension Scheme">
<option selected="selected" disabled>Select Pension Scheme</option>
</select>
</div>
</div>
<div class="form-group row mb-0">
<label for="NomineeUID" class="col-sm-4 col-form-label text-right"> Aadhar No:</label>
<div class="col-sm-8">
<input type="text" class="form-control form-control-sm"
name="NomineeUID" id="NomineeUID">
</div>
</div>
<div class="form-group row mb-0">
<label for="NomineeContactNumber"
class="col-sm-4 col-form-label text-right">Phone No:</label>
<div class="col-sm-8">
<div class="input-group">
<input type="text" class="form-control form-control-sm"
name="NomineeContactNumber" id="NomineeContactNumber">
</div>
</div>
</div>
<div class="form-group row mb-0">
<label for="NomineeShare" class="col-sm-4 col-form-label text-right"><span class="text-danger">*</span> Share
(%):</label>
<div class="col-sm-8">
<div class="input-group">
<input type="text" class="form-control form-control-sm"
name="NomineeShare" id="NomineeShare">
</div>
</div>
</div>
<div class="form-group row mb-0 mt-3">
<label for="NominationCategory"
class="col-sm-4 col-form-label text-right">Nomination Category:</label>
<div class="col-sm-8 mt-2">
<div class="icheck-primary d-inline">
<input type="radio" id="MainNomination" name="NominationCategory"
value="Main" checked="">
<label for="MainNomination">Main</label>
</div>
<div class="icheck-primary d-inline">
<input type="radio" id="AlternateNomination"
name="NominationCategory" value="Alternate">
<label for="AlternateNomination">Alternate</label>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group row mb-0">
<label for="RelationType" class="col-sm-4 col-form-label text-right"><span
class="text-danger">*</span> Employee Relation:</label>
<div class="col-sm-8">
<select class="form-control form-control-sm select2"
style="width: 100%;" aria-hidden="true" name="RelationType"
id="RelationType" data-placeholder="Select Relation" required>
<option selected="selected" disabled>Select Relation</option>
</select>
<input type="hidden" name="EmployeeRelationName"
id="EmployeeRelationName">
</div>
</div>
<div class="form-group row mb-2">
<label for="NomineeAddress" class="col-sm-4 col-form-label text-right"> Nominee Address:</label>
<div class="col-sm-8">
<textarea class="form-control form-control-sm" name="NomineeAddress" id="Nomine eAddress" cols="30" rows="3"></textarea>
</div>
</div>
<div class="form-group row mb-0">
<label for="ContingentIncident"
class="col-sm-4 col-form-label text-right">Contingent Incident:</label>
<div class="col-sm-8">
<div class="input-group">
<input type="text" class="form-control form-control-sm"
name="ContingentIncident" id="ContingentIncident">
</div>
</div>
</div>
<div class="form-group row mb-0">
<label for="NomineeAddedDate" class="col-sm-4 col-form-label text-right">Nominee Added on</label>
<div class="col-sm-8">
<div class="form-group mb-2">
<div class="input-group date" id="BirthDate"
data-target-input="nearest">
<input type="text" id="NomineeAddedDate" name="NomineeAddedDate"
class="form-control form-control-sm datetimepicker-input" placeholder="DD/MM/YYYY" data-target="#NomineeAddedDate" >
<div class="input-group-append" data-target="#NomineeAddedDate"
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="UploadDocument"
class="col-sm-4 col-form-label text-right">Upload Document:</label>
<div class="col-sm-8">
<div class="input-group input-group-sm">
<div class="custom-file">
<input type="file" class="custom-file-input"
name="NomineeCertificate" id="NomineeCertificate"
accept="image/*, .pdf">
<label class="custom-file-label" for="NomineeCertificate">Choose
file</label>
</div>
<div class="input-group-append">
<button type="button" id="removeNomineeCertificate"
class="btn btn-warning text-white">Remove file</button>
</div>
</div>
<small class="text-danger">(Size should not be greater than 2MB)</small>
</div>
</div>
</div>
</div>
<div class="row mt-3">
<div class="col-md-12">
<div class="form-group row">
<button type="submit" id="btn-save-family-member"
class="btn btn-warning text-white">Save</button>
<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 class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<h5>Employee's Nominee List <span id="FamilyMember" class="text-info"></span></h5>
</div>
<!-- /.card-header -->
<div class="card-body">
<table id="table_nominee" class="table table-bordered table-striped table-sm">
<thead>
<tr>
<th>S.No.</th>
<th>Nominee</th>
<th>Relation</th>
<th>DOB & Age</th>
<th>AadharNo.</th>
<th>NomineeType</th>
<th>Category</th>
<th>Share(%)</th>
<th>PhoneNo.</th>
<th>Added Date</th>
<th>Status</th>
<th>Action</th>
</tr>
</thead>
<tbody id="EmployeeNomineeList">
</tbody>
</table>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</div>
<!-- /.container-fluid -->
</section>
<!-- /.content -->
</div>
<div class="modal fade" id="updateNomineeDetail">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Nominee <span id="FamilyNomineeName" class="text-info"></span></h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<!-- Main content -->
<form id="updateNomineeForm">
<input type="hidden" name="_token" id="csrf_token_update" value="<?php echo e(csrf_token()); ?>">
<input type="hidden" id="NomineeId" name="EmployeeNomineeDetailId">
<div class="card-body">
<div class="row">
<div class="col-md-12" id="NomineeName_field">
<div class="form-group mb-2">
<label class="mb-0" for="NomineeName">Nominee Name<span
class="text-danger">*</span></label>
<input type="text" id="NomineeNameEdit" name="NomineeName" class="form-control form-control-sm" required>
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0" for="PensionSchemeEdit">Nominee Type<span
class="text-danger">*</span></label>
<select class="form-control form-control-sm select2" style="width: 100%;"
aria-hidden="true" name="PensionSchemeEdit" id="PensionSchemeEdit"
data-placeholder="Select Type" required>
<option selected="selected" disabled>Select Type</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0" for="name">Share (%)<span class="text-danger">*</span></label>
<div class="form-group mb-2">
<input type="text" class="form-control form-control-sm" id="NomineeShareEdit"
name="NomineeShare" required>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group mb-0 mt-1">
<label for="NominationCategory">Nomination Category:</label>
<div class="col-sm-12">
<div class="icheck-primary d-inline">
<input type="radio" id="MainNominationEdit" name="NominationCategoryEdit"
value="Main" checked="">
<label for="MainNominationEdit">Main</label>
</div>
<div class="icheck-primary d-inline">
<input type="radio" id="AlternateNominationEdit"
name="NominationCategoryEdit" value="Alternate">
<label for="AlternateNominationEdit">Alternate</label>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-0 mt-1">
<label class="mb-0" for="name">Whether Family Member </label>
<div class="form-group mb-2">
<span id="WhetherFamilyMember"></span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group mb-0 mt-1">
<label class="mb-0" for="Phone">Phone No:</label>
<div class="form-group mb-2">
<input type="text" class="form-control form-control-sm" id="NomineeContactNumberEdit" name="NomineeContactNumber">
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-0 mt-1">
<label class="mb-0" for="NomineeCertificateEdit">Change File </label>
<div class="input-group input-group-sm">
<div class="custom-file">
<input type="file" class="custom-file-input" name="NomineeCertificate"
id="NomineeCertificateEdit" accept="image/*, .pdf">
<label class="custom-file-label" for="NomineeCertificate">Choose
file</label>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group mb-0 mt-1">
<label class="mb-0" for="ContingentIncident">Contingent Incident:</label>
<div class="form-group mb-2">
<input type="text" class="form-control form-control-sm" id="ContingentIncidentEdit" name="ContingentIncident">
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-0 mt-1">
<label class="mb-0" for="NomineeAddedDate">Nominee Added On:</label>
<div class="form-group mb-2">
<div class="input-group date" id="BirthDate"
data-target-input="nearest">
<input type="text" id="NomineeAddedDateEdit" name="NomineeAddedDate"
class="form-control form-control-sm datetimepicker-input" placeholder="DD/MM/YYYY" data-target="#NomineeAddedDateEdit" >
<div class="input-group-append" data-target="#NomineeAddedDateEdit"
data-toggle="datetimepicker">
<div class="input-group-text"><i class="fa fa-calendar"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group mb-0 mt-1">
<label class="mb-0" for="NomineeAddress">Nominee Address:</label>
<div class="form-group mb-2">
<textarea class="form-control form-control-sm" name="NomineeAddressEdit" id="NomineeAddressEdit" cols="30" rows="3"></textarea>
</div>
</div>
</div>
</div>
<div class="row">
<div class="clearfix mb-4">
<div class="icheck-primary">
<input type="checkbox" name="Inactive" id="InactiveSatus">
<label class="mb-0" for="InactiveSatus">Active</label>
</div>
</div>
</div>
<hr />
<div class="row">
<div class="col-12">
<div class="d-flex align-items-center justify-content-center">
<button type="button" class="btn btn-sm btn-outline-secondary mx-1"
data-dismiss="modal" aria-label="Close">Cancel</button>
<button type="submit" id="btn-update-awp" name="Update" value="Update"
class="btn btn-sm btn-info mx-1">Update</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<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#empFamilyMemberForm').each(function() {
this.reset();
});
$('#EmployeeCode').val(null).trigger('change');
$('#RelationType').val(null).trigger('change');
$('tbody#FamilyMemberList, span#EmployeeName').html("");
});
}
// Remove File
$("#removeNomineeCertificate").on("click", function(e) {
var fileName = $('#NomineeCertificate').val();
if(fileName) {
Swal.fire({
title: 'Do you want to remove file?',
text: "Are you sure you want to remove this file!",
icon: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Yes, remove it!'
}).then(function() {
$('#NomineeCertificate').empty();
});
} else {
Swal.fire({
icon: 'error',
title: 'Oops! There is no file.',
showConfirmButton: false,
timer: 2000
});
}
});
</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;
$('#EmployeeId, #EmpCode, #employeeName, #ActualWorkPlace, #department, #designation, #EmployeeDDO').val('');
$('span#FamilyMember').html('');
getEmployeeDetail(EmployeeId);
getFamilyMemberList(EmployeeId);
getNomineeList(EmployeeId);
getPensionEmpPensionScheme(EmployeeId);
// Reset Member field on change Employee Code
$('#NomineeNameId, #RelationType, #PensionScheme').val(null).trigger('change');
$('#NomineeUID, #NomineeAge, #NomineeContactNumber').val('');
});
function getEmployeeDetail(EmployeeId){
var EmployeeId = EmployeeId;
$.ajax({
type: "post",
url: "<?php echo e(url('/')); ?>/get-employee-current-detail",
dataType: "json",
data: {
_token: "<?php echo e(csrf_token()); ?>",
EmployeeId: EmployeeId,
},
success: function(response) {
var json = response.GetEmpCurrentDetail;
$('#EmployeeId').val(json.EmployeeId);
$('#EmpCode').val(json.EmployeeCode);
$('#employeeName').val(json.EmployeeName);
$('#ActualWorkPlace').val(json.ActualWorkPlace);
$('#department').val(json.DepartmentName);
$('#designation').val(json.DesignationName);
$('#EmployeeDDO').val(json.DDOName);
$('span#FamilyMember').html('#' +json.EmployeeName+ ' (' +json.EmployeeCode+ ')' );
}
});
}
</script>
<script>
$(document).ready(function() {
$.ajax({
type: "GET",
url: "<?php echo e(url('/relation-type-list')); ?>",
dataType: "json",
success: function(response) {
var json = response.EmployeeRelation;
$.each(json, function(i, relation) {
$("#RelationType").append("<option value='" + relation.EmployeeRelationId + "'>" + relation.EmployeeRelationName + "</option>");
$('#RelationType').trigger('change');
});
}
});
});
// $('#RelationType, #RelationTypeEdit').on('select2:select', function (e) {
// var EmployeeRelationName = $(this).find('option:selected').text()
// $('#EmployeeRelationName, #EmployeeRelationNameEdit').empty();
// $('#EmployeeRelationName, #EmployeeRelationNameEdit').val(EmployeeRelationName);
// });
</script>
<script>
function getPensionEmpPensionScheme(EmployeeId)
{
var EmployeeId = EmployeeId;
$('#PensionScheme').empty();
$.ajax({
type: "post",
url: "<?php echo e(url('/get-pension-scheme-list')); ?>",
dataType: "json",
data: {
EmployeeId: EmployeeId,
_token: "<?php echo e(csrf_token()); ?>",
},
success: function(response) {
var json = response.PensionScheme;
$.each(json, function(i, pensionscheme) {
$("#PensionScheme, #PensionSchemeEdit").append("<option value='" + pensionscheme.PensionSchemeId + "'>" + pensionscheme.PensionSchemeName + "</option>");
$('#PensionScheme').val(null).trigger('change');
$('#PensionSchemeEdit').trigger('change');
});
}
});
}
</script>
<script>
$("input:radio[name=FamilyMember]").click(function() {
$('#DateOfBirth, #NomineeAge, #NomineeUID, #NomineeContactNumber, #NomineeShare').val('');
$('#NomineeNameId, #PensionScheme, #RelationType').val(null).trigger('change');
var FamilyMember = $(this).val();
if (FamilyMember == 'No') {
$('#nominee_name').css('display', '');
$('#NomineeName').prop('required', true);
$('#nominee_list').css('display', 'none');
$('#NomineeNameId').prop('required', false);
} else {
$('#nominee_name').css('display', 'none');
$('#NomineeName').prop('required', false);
$('#nominee_list').css('display', '');
$('#NomineeNameId').prop('required', true);
}
});
</script>
<script>
function getFamilyMemberList(EmployeeId)
{
var EmployeeId = EmployeeId;
$('#NomineeNameId').empty();
$.ajax({
type: "post",
url: "<?php echo e(url('/')); ?>/get-employee-detail",
dataType: "json",
data: {
_token: "<?php echo e(csrf_token()); ?>",
EmployeeId: EmployeeId,
},
success: function (response) {
var json = response.GetFamilyMember;
$.each(json, function(i, member) {
$("#NomineeNameId").append("<option value='" + member.EmployeeFamilyMemberId + "'>" + member.MemberName + "</option>");
$('#NomineeNameId').val(null).trigger('change');
});
}
});
}
</script>
<script>
// Get Employee Details
$('#NomineeNameId').on('select2:select', function (e) {
var data = e.params.data;
var MemberId = data.id;
getFamilyMemberDetail(MemberId)
});
function getFamilyMemberDetail(MemberId)
{
var MemberId = MemberId;
$.ajax({
type: "post",
url: "<?php echo e(url('/')); ?>/get-family-member-detail",
dataType: "json",
data: {
_token: "<?php echo e(csrf_token()); ?>",
MemberId: MemberId,
},
success: function (response) {
$('#MemberId').val(response.GetFamilyMember.EmployeeFamilyMemberId);
$('#EmployeeIdEdit').val(response.GetFamilyMember.EmployeeId);
$('span#FamilyMemberName').html('#' +response.GetFamilyMember.MemberName);
$('#RelationType').val(response.GetFamilyMember.EmployeeRelationId);
$('#RelationType').trigger('change');
//$('#RelationType').prop('readonly', true);
$('#NomineeUID').val(response.GetFamilyMember.MemberUID);
$('#NomineeContactNumber').val(response.GetFamilyMember.MemberContactNumber);
var dob = response.GetFamilyMember.MemberDOB;
var DateOfBirth = dob.split("-").join("/");
$('#DateOfBirth').val(DateOfBirth);
calculateAge();
}
});
}
</script>
<script>
function calculateAge()
{
var current_date = new Date(); //Current Date
var dob = new Date($('#DateOfBirth').val().split("/").join("-")); //Date of Birth
// if (dob > current_date) {
// alert('Entered Date is Greater than Current Date');
// return false;
// }
var current_year = current_date.getFullYear(); //Get current year
var birth_year = dob.getFullYear();//Get Date of Birth year
var age = current_year - birth_year; //calculate the difference
if (age >= 0) {
$('#NomineeAge').val(age);
} else {
$('#NomineeAge').val('0');
}
}
</script>
<script>
$('#NomineeShare')
.on('input', function() {
this.value = this.value.match(/^\d+\.?\d{0,2}/);
});
</script>
<script>
$(function () {
$.validator.setDefaults({
submitHandler: function () {
event.preventDefault();
// Get Form Data
var token = $("#csrf_token").val();
var EmpCode = $('#EmployeeCode').find('option:selected').text();
var EmployeeCode = EmpCode.split(' ')[0];
var EmployeeName = $('#EmployeeName').val();
var EmployeeId = $('#EmployeeCode :selected').val();
var FamilyMember = $("input[name='FamilyMember']:checked").val();
var NomineeName = '';
var NomineeNameId = '';
if (FamilyMember == 'Yes') {
var NomineeName = $('#NomineeNameId').find('option:selected').text();
var NomineeNameId = $('#NomineeNameId :selected').val();
} else {
var NomineeName = $('#NomineeName').val();
}
var DateOfBirth = $('#DateOfBirth').val();
var NomineeAge = $('#NomineeAge').val();
var NomineeType = $('#PensionScheme :selected').val();
var NominationCategory = '';
if($('#MainNomination').is(':checked'))
{
NominationCategory = 'Main'
}
else
{
NominationCategory = 'Alternate'
}
var RelationType = $('#RelationType :selected').val();
var NomineeUID = $('#NomineeUID').val();
var NomineeShare = $('#NomineeShare').val();
var NomineeAddress = $('textarea[name="NomineeAddress"]').val();
var ContingentIncident = $('#ContingentIncident').val();
var NomineeAddedDate = $('#NomineeAddedDate').val();
var NomineeCertificate = $('#NomineeCertificate')[0].files;
var NomineeContactNumber = '--';
if ($('#NomineeContactNumber').val()) {
var NomineeContactNumber = $('#NomineeContactNumber').val();
}
var fd = new FormData();
fd.append('_token',token);
fd.append('EmployeeId',EmployeeId);
fd.append('EmployeeCode',EmployeeCode);
fd.append('WhetherFamilyMember',FamilyMember);
fd.append('NomineeType',NomineeType);
fd.append('NomineeName',NomineeName);
fd.append('EmployeeFamilyMemberId',NomineeNameId);
fd.append('EmployeeRelationId',RelationType);
fd.append('DateOfBirth',DateOfBirth);
fd.append('NomineeAge',NomineeAge);
fd.append('NominationCategory',NominationCategory);
fd.append('NomineeUID',NomineeUID);
fd.append('NomineeShare',NomineeShare);
fd.append('NomineeAddress',NomineeAddress);
fd.append('ContingentIncident',ContingentIncident);
fd.append('NomineeAddedOn',NomineeAddedDate);
fd.append('phone',NomineeContactNumber);
// files data
fd.append('NomineeCertificate',NomineeCertificate[0]);
$.ajax({
type: "post",
url: "<?php echo e(url('store-nominee-detail')); ?>",
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: 'Nominee member added successfully!'
});
// Get EmployeeId and Member List
var EmployeeId = $('#EmployeeCode :selected').val();
getNomineeList(EmployeeId);
// Reset Form
$('form#empNomineeFormAdd').each(function() {
this.reset();
$('#nominee_name').css('display', 'none');
$('#NomineeName').prop('required', false);
$('#nominee_list').css('display', '');
$('#EmployeeCode').val(null).trigger('change');
$('#RelationType').val(null).trigger('change');
$('#NomineeNameId').val(null).trigger('change');
$('#PensionScheme').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!'
});
}
});
}
});
$('#empNomineeFormAdd').validate({
rules: {
EmployeeCode: {
required: true,
},
RelationType: {
required: true,
},
NomineeName: {
required: true,
},
DateOfBirth: {
// required: true
},
PensionScheme: {
required: true,
},
NomineeShare: {
required: true,
},
NomineeCertificate: {
//required: true,
accept: "image/*, pdf",
//filesize: 2,
},
NomineeUID: {
//required: true,
pattern: '^([0-9]){12}$',
},
},
messages: {
EmployeeCode: {
required: "Please select employee code.",
},
RelationType: {
required: "Please select Relationship.",
},
NomineeName: {
required: "Please enter the member name.",
},
NomineeUID: {
required: "Please enter the Member's Aadhar No.",
pattern: "Please enter the valid Aadhar No.",
},
NomineeCertificate: {
accept: "Only image and pdf file is allowed.",
filesize: "Maximum 2MB of file is allowed."
},
},
errorElement: 'span',
errorPlacement: function (error, element) {
error.addClass('invalid-feedback');
element.closest('.form-group').append(error);
},
highlight: function (element, errorClass, validClass) {
$(element).addClass('is-invalid');
},
unhighlight: function (element, errorClass, validClass) {
$(element).removeClass('is-invalid');
}
});
});
</script>
<script>
function getNomineeList(EmployeeId)
{
var EmployeeId = EmployeeId;
var i = 1;
$.ajax({
type: "post",
url: "<?php echo e(url('/')); ?>/get-employee-detail",
dataType: "json",
data: {
_token: "<?php echo e(csrf_token()); ?>",
EmployeeId: EmployeeId,
},
success: function (response) {
//console.log( "Total");
$('tbody#EmployeeNomineeList').html("");
$.each(response.GetNomineeList, function (key, item){
//console.log($(response).find('tr').length);
var d = new Date(item.NomineeDOB);
var month = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
var date = d.getDate() + " " + month[d.getMonth()] + ", " + d.getFullYear();
var time = d.toLocaleTimeString().toLowerCase();
var DateOfBirth = (date + " " +time);
var status = '';
if (item.Status == '1'){
var status = '<span class="badge badge-success">Active</span>';
} else {
var status = '<span class="badge badge-danger">In-Active</span>';
}
var uid = '';
if (item.NomineeUID) {
var uid = item.NomineeUID;
} else {
var uid = 'N/A'
}
var NomineeAddedDate = 'N/A';
if (item.NomineeAddedDate) {
var ndate = new Date(item.NomineeAddedDate);
var nmonth = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
var Nomineedate = ndate.getDate() + "-" + nmonth[ndate.getMonth()] + "-" + ndate.getFullYear();
var NomineeAddedDate = (Nomineedate);
}
var phone = '';
if (item.NomineeContactNumber) {
var phone = item.NomineeContactNumber;
} else {
var phone = 'N/A'
}
//alert(newDate);
$('#table_nominee tbody').append('<tr>\
<td>'+ i++ +'</td>\
<td>'+ item.NomineeName +'</td>\
<td>'+ item.EmployeeRelation +'</td>\
<td>'+ item.NomineeDOB +' ('+ item.NomineeAge +' Yr.)</td>\
<td>'+ uid +'</td>\
<td>'+ item.NomineeType +'</td>\
<td>'+ item.NominationCategory +'</td>\
<td>'+ item.NomineeShare +'</td>\
<td>'+ phone +'</td>\
<td>'+ NomineeAddedDate +'</td>\
<td>'+ status +'</td>\
<td><a href="<?php echo e(url("/")); ?>'+ item.NomineeCertificatePath +'" title="Download Certificate" class="btn btn-xs btn-outline-success" target="_blank" download="'+ item.EmployeeCode +'_nominee_'+ item.NomineeUID +'"><i class="fas fa-download"></i></a> <button type="button" title="Edit" onClick=editNomineeDetail("'+ item.EmployeeNomineeDetailId +'"); class="btn btn-xs btn-outline-info" data-id="'+ item.EmployeeNomineeDetailId +'"><i class="fas fa-edit"></i></button> <button type="button" title="Delete" onClick=deleteNomineeDetail("'+ item.EmployeeNomineeDetailId +'"); class="btn btn-xs btn-outline-danger" data-id="'+ item.EmployeeNomineeDetailId +'"><i class="fas fa-trash-alt"></i></button></td>\
');
});
}
});
}
</script>
<script>
function deleteNomineeDetail(EmployeeNomineeDetailId) {
var NomineeId = EmployeeNomineeDetailId;
Swal.fire({
title: "Delete Nominee?",
text: "Are you sure you want to delete this Nominee?",
icon: "warning",
icon: "warning",
showCancelButton: true,
confirmButtonColor: "#3085d6",
cancelButtonColor: "#d33",
confirmButtonText: "Yes, delete it!",
}).then((result) => {
if (result.isConfirmed) {
var NomineeId = EmployeeNomineeDetailId;
$.ajax({
type: "post",
url: "<?php echo e(url('/')); ?>/delete-nominee-detail",
dataType: "json",
data: {
_token: "<?php echo e(csrf_token()); ?>",
NomineeId: NomineeId,
},
success: function (response) {
Swal.fire({
icon: "success",
title: "Nominee has been deleted!",
showConfirmButton: false,
timer: 1500,
}).then(function () {
//location.reload();
// Get EmployeeId and Member List
var EmployeeId = $(
"#EmployeeCode :selected"
).val();
getNomineeList(EmployeeId);
});
},
});
}
});
}
</script>
<script>
function editNomineeDetail(EmployeeFamilyMemberId)
{
var NomineeId = EmployeeFamilyMemberId;
$('#updateNomineeDetail').modal('show');
$.ajax({
type: "post",
url: "<?php echo e(url('/')); ?>/edit-nominee-detail",
dataType: "json",
data: {
_token: "<?php echo e(csrf_token()); ?>",
NomineeId: NomineeId,
},
success: function (response) {
$('#NomineeId').val(response.GetNomineeDetail.EmployeeNomineeDetailId);
$('span#FamilyNomineeName').html('#' +response.GetNomineeDetail.NomineeName);
var WhetherFamilyMember = response.GetNomineeDetail.WhetherFamilyMember
if (WhetherFamilyMember == 'No') {
$('#NomineeName_field').css('display', '')
$('#NomineeNameEdit').prop('required', true)
$('#NomineeNameEdit').val(response.GetNomineeDetail.NomineeName);
} else {
$('#NomineeName_field').css('display', 'none')
$('#NomineeNameEdit').prop('required', false)
$('#NomineeNameEdit').val(response.GetNomineeDetail.NomineeName);
}
$('span#WhetherFamilyMember').html(WhetherFamilyMember);
if (response.GetNomineeDetail.NominationCategory == 'Main') {
$("input#MainNominationEdit").prop('checked', true);
} else {
$("input#AlternateNominationEdit").prop('checked', true);
}
getFamilyMemberList(response.GetNomineeDetail.EmployeeId)
$('#PensionSchemeEdit').val(response.GetNomineeDetail.NomineeType);
$('#PensionSchemeEdit').select2().trigger('change');
$('#NomineeShareEdit').val(response.GetNomineeDetail.NomineeShare);
$('#NomineeContactNumberEdit').val(response.GetNomineeDetail.NomineeContactNumber);
$('#ContingentIncidentEdit').val(response.GetNomineeDetail.ContingentIncident);
if (response.GetNomineeDetail.NomineeAddedDate) {
var Added = new Date(response.GetNomineeDetail.NomineeAddedDate);
$('#NomineeAddedDateEdit').val(((Added.getDate() > 9) ? Added.getDate() : ('0' + Added.getDate())) + '/' + ((Added.getMonth() > 8) ? (Added.getMonth() + 1) : ('0' + (Added.getMonth() + 1))) + '/' + Added.getFullYear());
}
$('#NomineeAddressEdit').val(response.GetNomineeDetail.NomineeAddress);
if (response.GetNomineeDetail.Status == '1') {
$("input#InactiveSatus").prop('checked', true);
} else {
$("input#InactiveSatus").prop('checked', false);
}
}
});
}
</script>
<script>
$(function () {
$.validator.setDefaults({
submitHandler: function () {
event.preventDefault();
// Get Form Data
var token = $("#csrf_token_update").val();
var NomineeId = $("#NomineeId").val();
var WhetherFamilyMember = $('span#WhetherFamilyMember').html();
if (WhetherFamilyMember = 'No') {
var NomineeName = $("#NomineeNameEdit").val();
}
var NomineeShare = $("#NomineeShareEdit").val();
var NomineeAddress = $('textarea[name="NomineeAddressEdit"]').val();
var ContingentIncident = $('#ContingentIncidentEdit').val();
var NomineeAddedDate = $('#NomineeAddedDateEdit').val();
var NomineeContactNumber = '--';
if ($("#NomineeContactNumberEdit").val()) {
var NomineeContactNumber = $("#NomineeContactNumberEdit").val();
}
var NomineeType = $('#PensionSchemeEdit :selected').val();
var NominationCategory = '';
if($('#MainNominationEdit').is(':checked'))
{
var NominationCategory = 'Main'
}
else
{
var NominationCategory = 'Alternate'
}
// Status
var Status = '';
if($('#InactiveSatus').is(':checked'))
{
var Status = '1';
}
else
{
var Status = '0';
}
var NomineeCertificate = $('#NomineeCertificateEdit')[0].files;
var fd = new FormData();
fd.append('_token',token);
fd.append('NomineeId',NomineeId);
if (WhetherFamilyMember == 'No') {
fd.append('NomineeName',NomineeName);
}
fd.append('NomineeType',NomineeType);
fd.append('NominationCategory',NominationCategory);
fd.append('NomineeShare',NomineeShare);
fd.append('NomineeAddress',NomineeAddress);
fd.append('ContingentIncident',ContingentIncident);
fd.append('NomineeAddedOn',NomineeAddedDate);
fd.append('NomineeContactNumber',NomineeContactNumber);
fd.append('Status',Status);
// files data
fd.append('NomineeCertificate',NomineeCertificate[0]);
$.ajax({
type: "post",
url: "<?php echo e(url('update-nominee-detail')); ?>",
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: 'Nominee member updated successfully!'
});
// Get EmployeeId and Member List
var EmployeeId = $('#EmployeeCode :selected').val();
getNomineeList(EmployeeId);
$('#updateNomineeDetail').modal('hide');
},
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!'
});
}
});
}
});
$('#updateNomineeForm').validate({
rules: {
PensionScheme: {
required: true,
},
NomineeShare: {
required: true,
},
NomineeCertificate: {
accept: "image/*, pdf",
//filesize: 2,
},
},
messages: {
NomineeCertificate: {
accept: "Only image and pdf file is allowed.",
filesize: "Maximum 2MB of file is allowed."
},
},
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/EmployeeNomineeDetail/add-nominee.blade.php ENDPATH**/ ?>