File: /var/www/html/hrms-production/resources/views/components/eligibility-exam-modal.blade.php
{{-- Modal for Eligibility Exam --}}
{{-- Add Eligibility Exam --}}
<div class="modal fade" id="addEligibilityExam">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Employee Name <span id="EligibilityExamEmployeeName" 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="addEligibilityExamform">
<input type="hidden" name="_token" id="token_eligibility" value="{{ csrf_token() }}">
<input type="hidden" id="EligibilityExamEmployeeId" name="EmployeeId">
<input type="hidden" id="EligibilityExamEmpCode" 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="ExamDate">Eligibility Exam: </label>
<input type="text" class="form-control form-control-sm" id="EligibilityExamName"
name="EligibilityExamName" readonly>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0" for="ExamDate">Passing Year </label>
<div class="form-group mb-2">
<div class="input-group date" data-target-input="nearest">
<input type="text" id="ExamDate" name="ExamDate"
class="form-control form-control-sm datetimepicker-input" placeholder="MM/YYYY"
data-target="#ExamDate">
<div class="input-group-append" data-target="#ExamDate" data-toggle="datetimepicker">
<div class="input-group-text"><i class="fa fa-calendar"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0" for="ExaminingBody">Examining Body <span class="text-danger">*</span></label>
<input type="text" class="form-control form-control-sm" id="ExaminingBody" name="ExaminingBody"
placeholder="Board/University/Institution" required>
</div>
</div>
</div>
<div class="row" id="UniversityCircular_field">
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0" for="UniversityCircularNo">University Circular No. <span
class="text-danger">*</span></label>
<input type="text" class="form-control form-control-sm" id="UniversityCircularNo"
name="UniversityCircularNo">
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0" for="UniversityCircularDate">University Circular Date <span
class="text-danger">*</span></label>
<div class="form-group mb-2">
<div class="input-group date" data-target-input="nearest">
<input type="text" id="UniversityCircularDate" name="UniversityCircularDate"
class="form-control form-control-sm datetimepicker-input" data-target="#UniversityCircularDate"
placeholder="DD/MM/YYYY" />
<div class="input-group-append" data-target="#UniversityCircularDate"
data-toggle="datetimepicker">
<div class="input-group-text"><i class="fa fa-calendar"></i>
</div>
</div>
</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-name" 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 -->
{{-- Update Eligibility Exam --}}
<div class="modal fade" id="updateEligibilityExam">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Edit Exam <span id="EditEligibilityExamEmployeeName" 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="editEligibilityExamform">
<input type="hidden" name="_token" id="token_eligibility_update" value="{{ csrf_token() }}">
<input type="hidden" id="EligibilityExamId" name="EligibilityExamId">
<div class="card-body">
<div class="row">
<div class="col-md-12">
<div class="form-group mb-2">
<label class="mb-0" for="ExamDate">Eligibility Exam: </label>
<input type="text" class="form-control form-control-sm" id="EditEligibilityExamName"
name="EligibilityExamName" readonly>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0" for="ExamDate">Passing Year </label>
<div class="form-group mb-2">
<div class="input-group date" data-target-input="nearest">
<input type="text" id="EditExamDate" name="ExamDate"
class="form-control form-control-sm datetimepicker-input" placeholder="MM/YYYY"
data-target="#EditExamDate">
<div class="input-group-append" data-target="#EditExamDate" data-toggle="datetimepicker">
<div class="input-group-text"><i class="fa fa-calendar"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0" for="ExaminingBody">Examining Body <span class="text-danger">*</span></label>
<input type="text" class="form-control form-control-sm" id="EditExaminingBody" name="ExaminingBody"
placeholder="Board/University/Institution" required>
</div>
</div>
</div>
<div class="row" id="EditUniversityCircular_field">
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0" for="UniversityCircularNo">University Circular No. <span
class="text-danger">*</span></label>
<input type="text" class="form-control form-control-sm" id="EditUniversityCircularNo"
name="UniversityCircularNo">
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0" for="UniversityCircularDate">University Circular Date <span
class="text-danger">*</span></label>
<div class="form-group mb-2">
<div class="input-group date" data-target-input="nearest">
<input type="text" id="EditUniversityCircularDate" name="UniversityCircularDate"
class="form-control form-control-sm datetimepicker-input" placeholder="MM/YYYY"
data-target="#EditUniversityCircularDate" />
<div class="input-group-append" data-target="#EditUniversityCircularDate"
data-toggle="datetimepicker">
<div class="input-group-text"><i class="fa fa-calendar"></i>
</div>
</div>
</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 -->
{{-- JS Start Here --}}
{{-- Add Eligibility Exam Modal --}}
<script>
$(document).ready(function(){
$(".eligibility").on("click", function(){
var EmpId = $(this).attr("data-id");
//alert(EmpId);
var PendingExamName = $(this).val();
$('#EligibilityExamName').val(PendingExamName);
if (PendingExamName == 'Departmental') {
$('#UniversityCircular_field').css('display', '');
$('#UniversityCircularNo').attr('required', true);
$('#UniversityCircularDate').attr('required', true);
} else {
$('#UniversityCircular_field').css('display', 'none');
$('#UniversityCircularNo').attr('required', false);
$('#UniversityCircularDate').attr('required', false);
}
$('#addEligibilityExam').modal('show');
$.ajax({
type: "POST",
url: "{{ url('/') }}/get-employee-detail",
dataType: 'json',
data: {
EmployeeId: EmpId,
_token: "{{ csrf_token() }}",
},
success: function (response) {
$('#EligibilityExamEmployeeId').val(response.GetEmployee.EmployeeId);
$('#EligibilityExamEmpCode').val(response.GetEmployee.EmployeeCode);
$('span#EligibilityExamEmployeeName').html('#' +response.GetEmployee.EmployeeName);
}
});
});
});
</script>
{{-- Validate form and Save data --}}
<script>
$(function () {
$.validator.setDefaults({
submitHandler: function () {
event.preventDefault();
// Get Form Data
$.ajax({
type: "post",
url: "{{ url('store-employee-eligibility-exam') }}",
data: $("#addEligibilityExamform").serialize(),
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: 'Record 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!'
});
}
});
}
});
$('#addEligibilityExamform').validate({
rules: {
ExamDate: {
required: true,
},
ExaminingBody: {
required: true,
},
},
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>
{{-- Update Form --}}
{{-- Update Eligibility Exam Modal --}}
{{-- Edit modal --}}
<script>
function editEmpEligibilityExam(EligibilityExamId)
{
var EligibilityExamId = EligibilityExamId;
$.ajax({
type: "POST",
url: "{{ url('/') }}/edit-employee-eligibility-exam",
dataType: 'json',
data: {
EligibilityExamId: EligibilityExamId,
_token: "{{ csrf_token() }}",
},
success: function (response) {
$('#EligibilityExamId').val(response.EligibilityExam.EligibilityExamId);
$('span#EditEligibilityExamEmployeeName').html('#' +response.EligibilityExam.EmployeeName);
$('#EditEligibilityExamName').val(response.EligibilityExam.EligibilityExamName);
var exam_date = response.EligibilityExam.ExamDate
var EditExamDate = exam_date.split("-").join("/");
$('#EditExamDate').val(EditExamDate);
$('#EditExaminingBody').val(response.EligibilityExam.ExaminingBody);
if (response.EligibilityExam.EligibilityExamName == 'Departmental') {
$('#EditUniversityCircular_field').css('display', '');
$('#EditUniversityCircularNo').val(response.EligibilityExam.UniversityCircularNo);
$('#EditUniversityCircularNo').attr('required', true);
$('#EditUniversityCircularDate').attr('required', true);
} else {
$('#EditUniversityCircular_field').css('display', 'none');
$('#EditUniversityCircularNo').attr('required', false);
$('#EditUniversityCircularDate').attr('required', false);
}
var circular_date = response.EligibilityExam.UniversityCircularDate
var UniversityCircularDate = circular_date.split("-").join("/");
$('#EditUniversityCircularDate').val(UniversityCircularDate);
}
});
$('#updateEligibilityExam').modal('show');
}
</script>
{{-- Validate form and Update data --}}
<script>
$(function () {
$.validator.setDefaults({
submitHandler: function () {
event.preventDefault();
// Get Form Data
$.ajax({
type: "post",
url: "{{ url('update-employee-eligibility-exam') }}",
data: $("#editEligibilityExamform").serialize(),
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: 'Record 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!'
});
}
});
}
});
$('#editEligibilityExamform').validate({
rules: {
ExamDate: {
required: true,
},
ExaminingBody: {
required: true,
},
},
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>
{{-- Delete Eligibility Exam --}}
<script>
function deleteEmpEligibilityExam(EligibilityExamId) {
var EligibilityExamId = EligibilityExamId;
Swal.fire({
title: "Delete Eligibility Exam?",
text: "Are you sure you want to delete this Eligibility Exam?",
icon: "warning",
icon: "warning",
showCancelButton: true,
confirmButtonColor: "#3085d6",
cancelButtonColor: "#d33",
confirmButtonText: "Yes, delete it!",
}).then((result) => {
if (result.isConfirmed) {
$.ajax({
type: "post",
url: "{{ url('/') }}/delete-eligibility-exam",
dataType: "json",
data: {
_token: "{{csrf_token()}}",
EligibilityExamId: EligibilityExamId,
},
success: function (response) {
Swal.fire({
icon: "success",
title: "Eligibility Exam has been deleted!",
showConfirmButton: false,
timer: 1500,
}).then(function () {
location.reload();
});
},
});
}
});
}
</script>