File: /var/www/html/hrms-production/storage/framework/views/b0093180894f7b11fea0f88d40806ca0fc03adf5.php
<div class="modal fade" id="addMedicalCertificate">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Employee Name <span id="MedicalEmployeeName" 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="addMedicalCertificateform">
<input type="hidden" name="_token" id="token_medical" value="<?php echo e(csrf_token()); ?>">
<input type="hidden" id="MedicalEmployeeId" name="EmployeeId">
<input type="hidden" id="MedicalEmployeeCode" name="EmployeeCode">
<div class="card-body">
<div class="row">
<div class="col-md-12">
<div class="form-group mb-2">
<label class="mb-0" for="name">Medical Examiner <span class="text-danger">*</span></label>
<input type="text" class="form-control form-control-sm" id="MedicalExaminer" name="MedicalExaminer"
placeholder="Name of Doctor / Designation">
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0" for="MedicalCertificateNumber ">Medical Certificate No. <span
class="text-danger">*</span></label>
<input type="text" class="form-control form-control-sm" id="MedicalCertificateNumber"
name="MedicalCertificateNumber">
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0" for="date">Medical Date </label>
<div class="form-group mb-2">
<div class="input-group date" id="MedicalVerification" data-target-input="nearest">
<input type="text" id="MedicalVerificationDate" name="MedicalVerificationDate"
class="form-control form-control-sm datetimepicker-input" data-target="#MedicalVerificationDate" placeholder="DD/MM/YYYY"
required />
<div class="input-group-append" data-target="#MedicalVerificationDate"
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">
<label for="MedicalCertificate" class="mb-0">Medical Certificate</label>
<div class="input-group input-group-sm">
<div class="custom-file">
<input type="file" class="custom-file-input" name="MedicalCertificate" id="MedicalCertificate"
accept="image/*, .pdf">
<label class="custom-file-label" for="MedicalCertificate">Choose
file</label>
</div>
</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="btn-save-medical" 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="editMedicalCertificate">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Employee Name <span id="EditMedicalEmployeeName" 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="editMedicalCertificateform">
<input type="hidden" name="_token" id="token_medical_update" value="<?php echo e(csrf_token()); ?>">
<input type="hidden" id="MedicalCertificateId" name="MedicalCertificateId">
<div class="card-body">
<div class="row">
<div class="col-md-12">
<div class="form-group mb-2">
<label class="mb-0" for="name">Medical Examiner <span class="text-danger">*</span></label>
<input type="text" class="form-control form-control-sm" id="EditMedicalExaminer"
name="MedicalExaminer" placeholder="Name of Doctor / Designation">
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0" for="MedicalCertificateNumber ">Medical Certificate No. <span
class="text-danger">*</span></label>
<input type="text" class="form-control form-control-sm" id="EditMedicalCertificateNumber"
name="MedicalCertificateNumber">
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0" for="date">Medical Date </label>
<div class="form-group mb-2">
<div class="input-group date" data-target-input="nearest">
<input type="text" id="EditMedicalVerificationDate" name="MedicalVerificationDate"
class="form-control form-control-sm datetimepicker-input"
data-target="#EditMedicalVerificationDate" placeholder="DD/MM/YYYY" required />
<div class="input-group-append" data-target="#EditMedicalVerificationDate"
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">
<label for="MedicalCertificate" class="mb-0">Medical Certificate</label>
<div class="input-group input-group-sm">
<div class="custom-file">
<input type="file" class="custom-file-input" name="MedicalCertificate" id="EditMedicalCertificate"
accept="image/*, .pdf">
<label class="custom-file-label" for="MedicalCertificate">Choose
file</label>
</div>
</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" 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 addMedicalCertificate(EmployeeId)
{
var EmployeeId = EmployeeId;
$('#addMedicalCertificate').modal('show');
$.ajax({
type: "POST",
url: "<?php echo e(url('/')); ?>/get-employee-detail",
dataType: 'json',
data: {
EmployeeId: EmployeeId,
_token: "<?php echo e(csrf_token()); ?>",
},
success: function (response) {
$('#MedicalEmployeeId').val(response.GetEmployee.EmployeeId);
$('#MedicalEmployeeCode').val(response.GetEmployee.EmployeeCode);
$('span#MedicalEmployeeName').html('#' +response.GetEmployee.EmployeeName);
}
});
}
</script>
<script>
$(function () {
$.validator.setDefaults({
submitHandler: function () {
event.preventDefault();
// Get Form Data
var token = $("#token_medical").val();
var EmployeeId = $("#MedicalEmployeeId").val();
var EmployeeCode = $("#MedicalEmployeeCode").val();
var MedicalExaminer = $('#MedicalExaminer').val();
var MedicalCertificateNumber = $('#MedicalCertificateNumber').val();
var MedicalVerificationDate = $('#MedicalVerificationDate').val();
var MedicalCertificate = $('#MedicalCertificate')[0].files;
var fd = new FormData();
fd.append('_token',token);
fd.append('EmployeeId',EmployeeId);
fd.append('EmployeeCode',EmployeeCode);
fd.append('MedicalExaminer',MedicalExaminer);
fd.append('MedicalCertificateNumber',MedicalCertificateNumber);
fd.append('VerificationDate',MedicalVerificationDate);
// files data
fd.append('MedicalCertificate',MedicalCertificate[0]);
$.ajax({
type: "post",
url: "<?php echo e(url('store-medical-certificate')); ?>",
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: 'Medical certificate 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!'
});
}
});
}
});
$('#addMedicalCertificateform').validate({
rules: {
MedicalExaminer: {
required: true,
},
MedicalCertificateNumber: {
required: true,
},
MedicalVerificationDate: {
required: true,
},
MedicalCertificate: {
required: true,
accept: "image/*, pdf",
//filesize: 2,
},
},
messages: {
MedicalExaminer: {
required: "Medical Examiner is required.",
},
MedicalCertificateNumber: {
required: "Certificate number name is required.",
},
MedicalVerificationDate: {
required: "Date is required.",
},
MedicalCertificate: {
required: "Medical certificate 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 editMedicalCertificate(MedicalCertificateId)
{
var MedicalCertificateId = MedicalCertificateId;
$.ajax({
type: "POST",
url: "<?php echo e(url('/')); ?>/edit-medical-certificate",
dataType: 'json',
data: {
MedicalCertificateId: MedicalCertificateId,
_token: "<?php echo e(csrf_token()); ?>",
},
success: function (response) {
$('#MedicalCertificateId').val(response.MedicalCertificate.MedicalCertificateId);
$('#MedicalEmployeeCode').val(response.MedicalCertificate.EmployeeCode);
$('span#EditMedicalEmployeeName').html('#' +response.MedicalCertificate.EmployeeName);
$('#EditMedicalExaminer').val(response.MedicalCertificate.MedicalExaminer);
$('#EditMedicalCertificateNumber').val(response.MedicalCertificate.MedicalCertificateNumber);
var date = response.MedicalCertificate.MedicalVerificationDate
var VerificationDate = date.split("-").join("/");
$('#EditVerificationDate').val(VerificationDate);
$('#EditMedicalVerificationDate').val(response.MedicalCertificate.MedicalVerificationDate);
}
});
$('#editMedicalCertificate').modal('show');
}
</script>
<script>
$(function () {
$.validator.setDefaults({
submitHandler: function () {
event.preventDefault();
// Get Form Data
var token = $("#token_medical_update").val();
var MedicalCertificateId = $("#MedicalCertificateId").val();
var MedicalExaminer = $('#EditMedicalExaminer').val();
var MedicalCertificateNumber = $('#EditMedicalCertificateNumber').val();
var MedicalVerificationDate = $('#EditMedicalVerificationDate').val();
var MedicalCertificate = $('#EditMedicalCertificate')[0].files;
var fd = new FormData();
fd.append('_token',token);
fd.append('MedicalCertificateId',MedicalCertificateId);
fd.append('MedicalExaminer',MedicalExaminer);
fd.append('MedicalCertificateNumber',MedicalCertificateNumber);
fd.append('VerificationDate',MedicalVerificationDate);
// files data
fd.append('MedicalCertificate',MedicalCertificate[0]);
$.ajax({
type: "post",
url: "<?php echo e(url('update-medical-certificate')); ?>",
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: 'Medical certificate updated 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!'
});
}
});
}
});
$('#editMedicalCertificateform').validate({
rules: {
MedicalExaminer: {
required: true,
},
MedicalCertificateNumber: {
required: true,
},
MedicalVerificationDate: {
required: true,
},
MedicalCertificate: {
accept: "image/*, pdf",
//filesize: 2,
},
},
messages: {
MedicalExaminer: {
required: "Medical Examiner is required.",
},
MedicalCertificateNumber: {
required: "Certificate number name is required.",
},
MedicalVerificationDate: {
required: "Date is required.",
},
MedicalCertificate: {
required: "Medical certificate 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>
<?php /**PATH /var/www/html/hrms/resources/views/components/medical-certificate-modal.blade.php ENDPATH**/ ?>