File: /var/www/html/hrms-production/storage/framework/views/77da85eb02f5e8d24b4f7fc882dcf578680ab53b.php
<div class="modal fade" id="AddPension">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Employee Pension</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="empPensionFormAdd">
<input type="hidden" name="_token" id="csrf_token_add" value="<?php echo e(csrf_token()); ?>">
<div class="card-body">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="mb-0" for="Employee">Employee Code <span
class="text-danger">*</span></label>
<select class="form-control form-control-sm select2" style="width: 100%;"
aria-hidden="true" name="EmployeeCode" id="EmployeeCode"
data-placeholder="Employee Code" required>
<option value="" selected="selected" disabled>Employee Code</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="mb-0" for="Designation">Designation</label>
<input type="text" class="form-control form-control-sm" name="Designation"
id="designation" readonly>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label class="mb-0" for="UniversityOrder">Order No. <span
class="text-danger">*</span></label>
<input type="text" id="OrderNo" name="OrderNo" class="form-control form-control-sm">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label class="mb-0" for="Date">Order Date <span class="text-danger">*</span></label>
<div class="input-group date" data-target-input="nearest">
<input type="text" id="OrderDate" name="OrderDate"
class="form-control form-control-sm datetimepicker-input"
placeholder="DD/MM/YYYY" data-target="#OrderDate" />
<div class="input-group-append" data-target="#OrderDate"
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">
<label class="mb-0" for="OrderFile">Order file</label>
<div class="input-group input-group-sm">
<div class="custom-file">
<input type="file" class="custom-file-input" name="PensionOrderFile"
id="PensionOrderFile" accept="image/*, .pdf">
<label class="custom-file-label" for="PensionOrderFile">Choose
file</label>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label class="mb-0" for="SuperannuationPension">Superannuation Pension <span
class="text-danger">*</span></label>
<input type="text" id="SuperannuationPension" name="SuperannuationPension"
class="form-control form-control-sm" placeholder="Amount in Rs.">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label class="mb-0" for="EnhanceRate">Enhance Rate <span
class="text-danger">*</span></label>
<input type="text" id="EnhanceRate" name="EnhanceRate"
class="form-control form-control-sm" placeholder="Amount in Rs.">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label class="mb-0" for="NormalRate">Normal Rate <span
class="text-danger">*</span></label>
<input type="text" id="NormalRate" name="NormalRate"
class="form-control form-control-sm" placeholder="Amount in Rs.">
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label class="mb-0" for="NameOfHeirs">Name of heirs <span
class="text-danger">*</span></label>
<textarea name="NameOfHeirs" id="NameOfHeirs" class="form-control form-control-sm"
placeholder="Name of heirs" cols="30" rows="4"></textarea>
</div>
</div>
</div>
<hr />
<div class="row">
<div class="col-12">
<div class="d-flex align-items-center justify-content-center">
<button type="button" class="btn btn-sm btn-outline-secondary mx-1"
data-dismiss="modal" aria-label="Close">Cancel</button>
<button type="submit" name="Save" value="Save"
class="btn btn-sm btn-info mx-1">Save</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<div class="modal fade" id="updatePension">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Edit Pension <span id="EmployeeName" 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="updatePensionForm">
<input type="hidden" name="_token" id="csrf_token_update" value="<?php echo e(csrf_token()); ?>">
<input type="hidden" id="PensionId" name="PensionId">
<div class="card-body">
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label class="mb-0" for="UniversityOrder">Order No. <span
class="text-danger">*</span></label>
<input type="text" id="EditOrderNo" name="OrderNo"
class="form-control form-control-sm">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label class="mb-0" for="Date">Order Date <span class="text-danger">*</span></label>
<div class="input-group date" data-target-input="nearest">
<input type="text" id="EditOrderDate" name="OrderDate"
class="form-control form-control-sm datetimepicker-input"
placeholder="DD/MM/YYYY" data-target="#EditOrderDate" />
<div class="input-group-append" data-target="#EditOrderDate"
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">
<label class="mb-0" for="OrderFile">Order file</label>
<div class="input-group input-group-sm">
<div class="custom-file">
<input type="file" class="custom-file-input" name="PensionOrderFile"
id="EditPensionOrderFile" accept="image/*, .pdf">
<label class="custom-file-label" for="PensionOrderFile">Choose
file</label>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label class="mb-0" for="SuperannuationPension">Superannuation Pension <span
class="text-danger">*</span></label>
<input type="text" id="EditSuperannuationPension" name="SuperannuationPension"
class="form-control form-control-sm" placeholder="Amount in Rs.">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label class="mb-0" for="EnhanceRate">Enhance Rate <span
class="text-danger">*</span></label>
<input type="text" id="EditEnhanceRate" name="EnhanceRate"
class="form-control form-control-sm" placeholder="Amount in Rs.">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label class="mb-0" for="NormalRate">Normal Rate <span
class="text-danger">*</span></label>
<input type="text" id="EditNormalRate" name="NormalRate"
class="form-control form-control-sm" placeholder="Amount in Rs.">
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label class="mb-0" for="NameOfHeirs">Name of heirs <span
class="text-danger">*</span></label>
<textarea name="EditNameOfHeirs" id="EditNameOfHeirs"
class="form-control form-control-sm" placeholder="Name of heirs" cols="30"
rows="4"></textarea>
</div>
</div>
</div>
<hr />
<div class="row">
<div class="col-12">
<div class="d-flex align-items-center justify-content-center">
<button type="button" class="btn btn-sm btn-outline-secondary mx-1"
data-dismiss="modal" aria-label="Close">Cancel</button>
<button type="submit" name="Update" value="Update"
class="btn btn-sm btn-info mx-1">Update</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<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').val(null).trigger('change');
});
}
});
});
// Get Employee Details
$('#EmployeeCode').on('select2:select', function (e) {
var data = e.params.data;
var EmployeeId = data.id;
getEmployeeDetail(EmployeeId);
// Reset Form field on change Employee Code
//$('#NameOfUniversity, #ResignationNo, #RetirementDate, #NameOfPost, #Resignation').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);
$('#EmployeeDDO').val(json.DDOName);
$('#department').val(json.DepartmentName);
$('#designation').val(json.DesignationName);
$('span#TableEmployeeTitle').html('#' +json.EmployeeName+ ' (' +json.EmployeeCode+ ')' );
}
});
}
</script>
<script>
$(function () {
$.validator.setDefaults({
submitHandler: function () {
event.preventDefault();
// Get Form Data
var token = $("#csrf_token_add").val();
var EmpCode = $("#EmployeeCode").find('option:selected').text();
var EmployeeCode = EmpCode.split(' ')[0];
var EmployeeId = $('#EmployeeCode :selected').val();
var OrderNo = $('#OrderNo').val();
var DateOfOrder = $('#OrderDate').val();
var SuperannuationPension = $('#SuperannuationPension').val();
var EnhanceRate = $('#EnhanceRate').val();
var NormalRate = $('#NormalRate').val();
var NameOfHeirs = $('textarea[name="NameOfHeirs"]').val();
var PensionOrderFile = $('#PensionOrderFile')[0].files;
var fd = new FormData();
fd.append('_token',token);
fd.append('EmployeeId',EmployeeId);
fd.append('EmployeeCode',EmployeeCode);
fd.append('OrderNo',OrderNo)
fd.append('DateOfOrder',DateOfOrder);
fd.append('SuperannuationPension',SuperannuationPension);
fd.append('EnhanceRate',EnhanceRate);
fd.append('NormalRate',NormalRate);
fd.append('NameOfHeirs',NameOfHeirs);
// files data
fd.append('PensionOrderFile',PensionOrderFile[0]);
$.ajax({
type: "post",
url: "<?php echo e(url('store-employee-pension')); ?>",
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: 'Pension amount added successfully!'
});
setTimeout(function(){
window.location.reload(1);
}, 2000);
},
error: function(data) {
const Toast = Swal.mixin({
toast: true,
position: 'top-end',
showConfirmButton: false,
timer: 2000,
timerProgressBar: true,
didOpen: (toast) => {
toast.addEventListener('mouseenter', Swal.stopTimer)
toast.addEventListener('mouseleave', Swal.resumeTimer)
}
})
Toast.fire({
icon: 'error',
title: 'Something went wrong!'
});
}
});
}
});
$('#empPensionFormAdd').validate({
rules: {
EmployeeCode: {
required: true,
remote: {
type: "post",
url:'<?php echo e(url("/")); ?>/check-duplicate-pension',
data: {
EmployeeId: function() {
return $('#EmployeeCode :selected').val();
},
'_token':$('meta[name="csrf-token"]').attr('content')
}
},
},
PensionOrderFile: {
//required: true,
accept: "image/*, pdf",
},
OrderNo: {
required: true,
},
OrderDate: {
required: true,
},
SuperannuationPension: {
required: true,
},
EnhanceRate: {
required: true,
},
NormalRate: {
required: true,
},
NameOfHeirs: {
required: true,
},
},
messages: {
EmployeeCode: {
required: "Please select employee code.",
remote: 'Employee already exist.',
},
OrderNo: {
required: 'Order No. is required.',
},
OrderDate: {
required: 'Order Date is required.',
},
SuperannuationPension: {
required: 'Superannuation Pension is required.',
},
EnhanceRate: {
required: 'Enhance Rate is required.',
},
NormalRate: {
required: 'Normal Rate is required.',
},
NameOfHeirs: {
required: 'Name of Heirs is required.',
},
PensionOrderFile: {
required: 'Upload the Order file.',
accept: 'Please upload only image or pdf file.'
},
},
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 deleteEmpPension(PensionId) {
var PensionId = PensionId;
Swal.fire({
title: "Delete Pension?",
text: "Are you sure you want to delete this Pension?",
icon: "warning",
icon: "warning",
showCancelButton: true,
confirmButtonColor: "#3085d6",
cancelButtonColor: "#d33",
confirmButtonText: "Yes, delete it!",
}).then((result) => {
if (result.isConfirmed) {
$.ajax({
type: "post",
url: "<?php echo e(url('/')); ?>/delete-employee-pension",
dataType: "json",
data: {
_token: "<?php echo e(csrf_token()); ?>",
PensionId: PensionId,
},
success: function (response) {
Swal.fire({
icon: "success",
title: "Pension has been deleted!",
showConfirmButton: false,
timer: 1500,
}).then(function () {
location.reload();
});
},
});
}
});
}
</script>
<script>
function editEmpPension(PensionId)
{
var PensionId = PensionId;
$.ajax({
type: "post",
url: "<?php echo e(url('/')); ?>/edit-employee-pension",
dataType: "json",
data: {
_token: "<?php echo e(csrf_token()); ?>",
PensionId: PensionId,
},
success: function (response) {
$('#PensionId').val(response.GetPension.PensionId);
$('span#EmployeeName').html('#' +response.GetPension.EmployeeName);
$('#EditOrderNo').val(response.GetPension.OrderNo);
if (response.GetPension.OrderDate) {
var OrDate = new Date(response.GetPension.OrderDate);
$('#EditOrderDate').val(((OrDate.getDate() > 9) ? OrDate.getDate() : ('0' + OrDate.getDate())) + '/' + ((OrDate.getMonth() > 8) ? (OrDate.getMonth() + 1) : ('0' + (OrDate.getMonth() + 1))) + '/' + OrDate.getFullYear());
}
$('#EditSuperannuationPension').val(response.GetPension.SuperannuationPension);
$('#EditEnhanceRate').val(response.GetPension.EnhanceRate);
$('#EditNormalRate').val(response.GetPension.NormalRate);
$('textarea[name="EditNameOfHeirs"]').val(response.GetPension.NameOfHeirs);
}
});
$('#updatePension').modal('show');
}
</script>
<script>
$(function () {
$.validator.setDefaults({
submitHandler: function () {
event.preventDefault();
// Get Form Data
var token = $("#csrf_token_update").val();
var PensionId = $("#PensionId").val();
var OrderNo = $('#EditOrderNo').val();
var DateOfOrder = $('#EditOrderDate').val();
var SuperannuationPension = $('#EditSuperannuationPension').val();
var EnhanceRate = $('#EditEnhanceRate').val();
var NormalRate = $('#EditNormalRate').val();
var NameOfHeirs = $('textarea[name="EditNameOfHeirs"]').val();
var PensionOrderFile = $('#EditPensionOrderFile')[0].files;
var fd = new FormData();
fd.append('_token',token);
fd.append('PensionId',PensionId);
fd.append('OrderNo',OrderNo)
fd.append('DateOfOrder',DateOfOrder);
fd.append('SuperannuationPension',SuperannuationPension);
fd.append('EnhanceRate',EnhanceRate);
fd.append('NormalRate',NormalRate);
fd.append('NameOfHeirs',NameOfHeirs);
// files data
fd.append('PensionOrderFile',PensionOrderFile[0]);
$.ajax({
type: "post",
url: "<?php echo e(url('update-employee-pension')); ?>",
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: 'Pension amount update successfully!'
});
setTimeout(function(){
window.location.reload(1);
}, 2000);
},
error: function(data) {
const Toast = Swal.mixin({
toast: true,
position: 'top-end',
showConfirmButton: false,
timer: 2000,
timerProgressBar: true,
didOpen: (toast) => {
toast.addEventListener('mouseenter', Swal.stopTimer)
toast.addEventListener('mouseleave', Swal.resumeTimer)
}
})
Toast.fire({
icon: 'error',
title: 'Something went wrong!'
});
}
});
}
});
$('#updatePensionForm').validate({
rules: {
PensionOrderFile: {
//required: true,
accept: "image/*, pdf",
},
OrderNo: {
required: true,
},
OrderDate: {
required: true,
},
SuperannuationPension: {
required: true,
},
EnhanceRate: {
required: true,
},
NormalRate: {
required: true,
},
NameOfHeirs: {
required: true,
},
},
messages: {
OrderNo: {
required: 'Order No. is required.',
},
OrderDate: {
required: 'Order Date is required.',
},
SuperannuationPension: {
required: 'Superannuation Pension is required.',
},
EnhanceRate: {
required: 'Enhance Rate is required.',
},
NormalRate: {
required: 'Normal Rate is required.',
},
NameOfHeirs: {
required: 'Name of Heirs is required.',
},
PensionOrderFile: {
required: 'Upload the Order file.',
accept: 'Please upload only image or pdf file.'
},
},
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 /**PATH /var/www/html/hrms/resources/views/components/employee-pension-modal.blade.php ENDPATH**/ ?>