File: /var/www/html/hrms-production/storage/framework/views/5b224f05ef2cfbb9d1b254eb4942606ca3fa3b4a.php
<div class="modal fade" id="AddEarnedCommutedLeaveDetail">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Earned Commuted Leave Detail</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="AddEarnedCommutedLeaveform">
<input type="hidden" name="_token" id="token" value="<?php echo e(csrf_token()); ?>">
<div class="card-body">
<div class="row">
<div class="col-md-4">
<label class="mb-0" for="EmployeeId">Employee Code. <span class="text-danger">*</span></label>
<div class="form-group mb-2">
<select class="form-control form-control-sm select2" style="width: 100%;"
aria-hidden="true" name="EmployeeId" id="EmployeeId"
data-placeholder="Employee Code" required>
<option selected="selected" disabled>Employee Code</option>
</select>
</div>
</div>
<div class="col-md-4">
<label class="mb-0" for="EarnFromDate">FromDate:</label>
<div class="form-group mb-2">
<div class="input-group date">
<input type="text" id="EarnFromDate" name="EarnFromDate"
class="form-control form-control-sm datetimepicker-input"
data-target="#EarnFromDate" required>
<div class="input-group-append" data-target="#EarnFromDate"
data-toggle="datetimepicker">
<div class="input-group-text"><i class="fa fa-calendar"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<label class="mb-0" for="EarnToDate">ToDate:</label>
<div class="form-group mb-2">
<div class="input-group date">
<input type="text" id="EarnToDate" name="EarnToDate"
class="form-control form-control-sm datetimepicker-input"
data-target="#EarnToDate" required>
<div class="input-group-append" data-target="#EarnToDate"
data-toggle="datetimepicker">
<div class="input-group-text"><i class="fa fa-calendar"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<label class="mb-0" for="EarnedLeave">EarnedLeave</label>
<div class="form-group mb-2">
<input type="text" class="form-control form-control-sm" name="EarnedLeave" id="EarnedLeave" value="0">
</div>
</div>
<!-- <div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="HalfPayLeave">HalfPayLeave</label>
<input type="text" class="form-control form-control-sm" name="HalfPayLeave" id="HalfPayLeave" value="0">
</div>
</div> -->
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="CommutedLeave">CommutedLeave</label>
<input type="text" class="form-control form-control-sm" name="CommutedLeave" id="CommutedLeave" value="0">
</div>
</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="SaveNewLeave" class="btn btn-sm btn-outline-info mx-1">Save & New</button>
<button type="submit" id="SaveLeave" name="Save" value="Save" class="btn btn-sm btn-info mx-1">Save</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
<div class="modal fade" id="UpdateEarnedCommutedLeaveDetail">
<div class="modal-dialog">
<div class="modal-content" style="width:700px!important;">
<div class="modal-header">
<h4 class="modal-title">Employee Edit Earned Commuted Leave Detail</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form id="UpdateEarnedCommutedLeaveDetailform" >
<input type="hidden" name="_token" id="Edittoken" value="<?php echo e(csrf_token()); ?>">
<input type="hidden" name="EmployeeELCLId" id="EmployeeELCLId">
<input type="hidden" name="EditEmployeeId" id="EditEmployeeId">
<div class="card-body">
<div class="row">
<div class="col-md-4">
<label class="mb-0" for="EditEmployeeId">Employee Code. <span class="text-danger">*</span></label>
<div class="form-group mb-2">
<select class="form-control form-control-sm select2" style="width: 100%;"
aria-hidden="true" name="EditEmployeeId" id="EditEmployeeId"
data-placeholder="Employee Code" required>
<option selected="selected" disabled>Employee Code</option>
</select>
</div>
</div>
<div class="col-md-4">
<label class="mb-0" for="EditEarnFromDate">FromDate:</label>
<div class="form-group mb-2">
<div class="input-group date">
<input type="text" id="EditEarnFromDate" name="EditEarnFromDate"
class="form-control form-control-sm datetimepicker-input"
data-target="#EditEarnFromDate" required>
<div class="input-group-append" data-target="#EditEarnFromDate"
data-toggle="datetimepicker">
<div class="input-group-text"><i class="fa fa-calendar"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<label class="mb-0" for="EditEarnToDate">ToDate:</label>
<div class="form-group mb-2">
<div class="input-group date">
<input type="text" id="EditEarnToDate" name="EditEarnToDate"
class="form-control form-control-sm datetimepicker-input"
data-target="#EditEarnToDate" required>
<div class="input-group-append" data-target="#EditEarnToDate"
data-toggle="datetimepicker">
<div class="input-group-text"><i class="fa fa-calendar"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<label class="mb-0" for="EditEarnedLeave">EarnedLeave</label>
<div class="form-group mb-2">
<input type="text" class="form-control form-control-sm" name="EditEarnedLeave" id="EditEarnedLeave" >
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="EditCommutedLeave">CommutedLeave</label>
<input type="text" class="form-control form-control-sm" name="EditCommutedLeave" id="EditCommutedLeave">
</div>
</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="SaveLeave" name="Save" value="Save" class="btn btn-sm btn-info mx-1">Update</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<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) {
$("#EmployeeId,#EditEmployeeId").append("<option value='" + employee.EmployeeId + "'>" + employee.EmployeeCode + '(' + employee.EmployeeName + ')' +"</option>");
$('#EmployeeId,#EditEmployeeId').trigger('change');
});
}
});
});
</script>
<script>
var reload = 0;
$('#SaveLeave').click(function(){
reload = 1;
});
$(function () {
$.validator.setDefaults({
submitHandler: function () {
event.preventDefault();
var token = $("#token").val();
var EmployeeId = $('#EmployeeId').val();
var FromDate = $('#EarnFromDate').val();
var ToDate = $('#EarnToDate').val();
var EarnedLeave = $('#EarnedLeave').val();
// var HalfPayLeave = $('#HalfPayLeave').val();
var CommutedLeave = $('#CommutedLeave').val();
var fd = new FormData();
fd.append('_token',token);
fd.append('EmployeeId',EmployeeId);
fd.append('FromDate',FromDate);
fd.append('ToDate',ToDate);
fd.append('EarnedLeave',EarnedLeave);
fd.append('CommutedLeave',CommutedLeave);
$.ajax({
type: "post",
url: "<?php echo e(url('store-earned-commuted-leave-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: 'Earned Commuted Leaves credited successfully!'
});
$('form#AddEarnedCommutedLeaveform').each(function() {
this.reset();
});
if(reload > 0)
{
location.reload();
}
},
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!'
});
}
});
}
});
$('#AddEarnedCommutedLeaveform').validate({
rules: {
EmployeeId: {
required: true,
},
EarnFromDate: {
required: true,
},
EarnToDate: {
required: true,
remote: {
type: "POST",
url:'<?php echo e(url("check-duplicate-employeeId-Earned-Commuted")); ?>',
data: {
EmployeeId: function() {
return $("#EmployeeId").val();
},
EarnFromDate: function() {
return $("#EarnFromDate").val();
},
EarnToDate: function() {
return $("#EarnToDate").val();
},
'_token':$('meta[name="csrf-token"]').attr('content')
}
}
},
},
messages: {
EmployeeId: {
required: "EmployeeCode is required.",
},
EarnFromDate: {
required: "FromDate is required.",
},
EarnToDate: {
required: "ToDate is required.",
remote:"Leave for selected period in already exits."
},
},
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 EditEarnedCommutedLeave(EmployeeELCLId='')
{
var EmployeeELCLId = EmployeeELCLId;
$('#UpdateEarnedCommutedLeaveDetail').modal('show');
// $('span#EditShowEmployeeName').html(EmployeeName);
$.ajax({
type: "POST",
url: "<?php echo e(url('/edit-earned-commuted-leave-detail')); ?>",
dataType: 'json',
data: {
EmployeeELCLId: EmployeeELCLId,
_token: "<?php echo e(csrf_token()); ?>",
},
success: function (response) {
// console.log(response.GetLeaveDetail);
$('#EmployeeELCLId').val(response.GetEarnCommutLeaveDetail.EmployeeELCLId);
$('#EditEmployeeId').val(response.GetEarnCommutLeaveDetail.EmployeeId);
$('#EditEmployeeId').trigger('change');
var EditFromDate = moment(response.GetEarnCommutLeaveDetail.FromDate).format('DD/MM/Y');
var EditToDate = moment(response.GetEarnCommutLeaveDetail.ToDate).format('DD/MM/Y');
$('#EditEarnFromDate').val(EditFromDate);
$('#EditEarnToDate').val(EditToDate);
$('#EditEarnedLeave').val(response.GetEarnCommutLeaveDetail.EarnedLeave);
$('#EditCommutedLeave').val(response.GetEarnCommutLeaveDetail.CommutedLeave);
}
});
}
</script>
<script>
$(function () {
$.validator.setDefaults({
submitHandler: function () {
event.preventDefault();
var Edittoken = $("#Edittoken").val();
var EmployeeELCLId = $('#EmployeeELCLId').val();
var EditEmployeeId = $('#EditEmployeeId').val();
var EditFromDate = $('#EditEarnFromDate').val();
var EditToDate = $('#EditEarnToDate').val();
var EditEarnedLeave = $('#EditEarnedLeave').val();
var EditCommutedLeave = $('#EditCommutedLeave').val();
var fd = new FormData();
fd.append('_token',Edittoken);
fd.append('EmployeeELCLId',EmployeeELCLId);
fd.append('EmployeeId',EditEmployeeId);
fd.append('FromDate',EditFromDate);
fd.append('ToDate',EditToDate);
fd.append('EarnedLeave',EditEarnedLeave);
fd.append('CommutedLeave',EditCommutedLeave);
$.ajax({
type: "post",
url: "<?php echo e(url('update-earned-commuted-leave-data')); ?>",
data: fd,
processData: false,
contentType: false,
cache: 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: 'Earned Commuted Leaves updated successfully!'
});
setTimeout(function(){
window.location.reload();
}, 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!'
});
}
});
}
});
$('#UpdateEarnedCommutedLeaveDetailform').validate({
rules: {
// EditVehicleName: {
// required: true,
// },
// EditVehicleNumber: {
// required: true,
// },
},
messages: {
// EditVehicleName: {
// required: "Vehicle Name is required.",
// },
// EditVehicleNumber: {
// required: "Vehicle Number is required.",
// },
},
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 DeleteEarnedCommutedLeave(EmployeeELCLId='') {
var EmployeeELCLId = EmployeeELCLId;
Swal.fire({
title: "Delete Record?",
text: "Are you sure you want to delete this Record?",
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-earned-commuted-leave-detail')); ?>",
dataType: "json",
data: {
EmployeeELCLId: EmployeeELCLId,
_token: "<?php echo e(csrf_token()); ?>",
},
success: function (response) {
Swal.fire({
icon: "success",
title: "Record has been deleted!",
showConfirmButton: false,
timer: 1500,
}).then(function () {
window.location.reload();
});
},
});
}
});
}
</script>
<script>
$('#EarnedLeave,#CommutedLeave,#EditEarnedLeave,#EditCommutedLeave').on('input', function() {
this.value = this.value.match(/^\d+\.?\d{0,2}/);
});
</script>
<?php /**PATH /var/www/html/hrms-production/resources/views/components/earned-commuted-leave-modal.blade.php ENDPATH**/ ?>