File: /var/www/html/hrms-production/resources/views/admin/EmployeeProfile/add-eligibility-exam.blade.php
@extends('admin.include.master')
@section('content')
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<div class="container-fluid">
{{-- <div class="row mb-2">
<div class="col-sm-6">
<h1>All Employees</h1>
</div>
<div class="col-sm-6 text-right">
<button type="button" class="btn btn-sm btn-outline-info mx-1" data-toggle="modal"
data-target="#">Add New</button>
</div>
</div> --}}
</div><!-- /.container-fluid -->
</section>
<!-- Main content -->
<section class="content">
<div class="container-fluid">
{{-- Previous Job Detail --}}
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<h5>Employee Eligibility Exam Details</h5>
</div>
<!-- /.card-header -->
<div class="card-body">
<form class="form-horizontal" id="addEmpEligibilityExamForm">
<input type="hidden" name="_token" id="csrf_token" value="{{ csrf_token() }}">
<input type="hidden" name="EmployeeCode" id="EmpCode" value="">
<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="Select Employee Code">
<option value="" selected disabled>Employee Code</option>
</select>
</div>
</div>
<div class="form-group row mb-0">
<label for="Eligibility Exam"
class="col-sm-4 col-form-label text-right"><span
class="text-danger">*</span>Eligibility Exam:</label>
<div class="col-sm-8">
<select class="form-control form-control-sm select2"
style="width: 100%;" aria-hidden="true" name="EligibilityExam"
id="EligibilityExam" data-placeholder="Select Exam">
<option value="" selected disabled>Select Exam</option>
<option value="Hindi">Hindi</option>
<option value="Marathi">Marathi</option>
<option value="MS-CIT/Computer">MS-CIT/Computer Exam</option>
<option value="Departmental">Departmental Exam</option>
</select>
</div>
</div>
<div id="Departmental_field" style="display: none">
<div class="form-group row mb-0">
<label for="IsExempted"
class="col-sm-4 col-form-label text-right">Exempted:</label>
<div class="col-sm-8">
<div class="clearfix mb-2">
<div class="icheck-primary">
<input type="checkbox" name="IsExempted" id="IsExempted">
<label class="mb-0" for="IsExempted"></label>
</div>
</div>
</div>
</div>
<div class="form-group row mb-0" id="circular_field">
<label for="UniversityCircularNo"
class="col-sm-4 col-form-label text-right">Uni. Circular No:</label>
<div class="col-sm-8">
<input type="text" class="form-control form-control-sm"
name="UniversityCircularNo" id="UniversityCircularNo">
</div>
</div>
<div class="form-group row mb-0" id="circulardate_field">
<label for="UniversityCircularDate"
class="col-sm-4 col-form-label text-right">Circular Date:</label>
<div class="col-sm-8">
<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 class="form-group row mb-0" id="exemted_order_field"
style="display: none">
<label for="OrderNo" class="col-sm-4 col-form-label text-right"><span
class="text-danger">*</span>Order
No:</label>
<div class="col-sm-8">
<input type="text" class="form-control form-control-sm"
name="OrderNo" id="OrderNo">
</div>
</div>
<div class="form-group row mb-0" id="exemted_orderdate_field"
style="display: none">
<label for="OrderDate" class="col-sm-4 col-form-label text-right"><span
class="text-danger">*</span>Order
Date:</label>
<div class="col-sm-8">
<div class="form-group mb-2">
<div class="input-group date" data-target-input="nearest">
<input type="text" id="OrderDate" name="OrderDate"
class="form-control form-control-sm datetimepicker-input"
data-target="#OrderDate" placeholder="DD/MM/YYYY" />
<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>
<div class="form-group row mb-0" id="attendingage_field"
style="display: none">
<label for="ExaminingBody"
class="col-sm-4 col-form-label text-right"><span
class="text-danger">*</span>Attending Age:</label>
<div class="col-sm-8">
<input type="text" class="form-control form-control-sm"
name="AttendingAge" id="AttendingAge">
</div>
</div>
<div class="form-group row mb-0" id="ageondate_field" style="display: none">
<label for="AgeOnDate" class="col-sm-4 col-form-label text-right"><span
class="text-danger">*</span>Age on
Date:</label>
<div class="col-sm-8">
<div class="form-group mb-2">
<div class="input-group date" data-target-input="nearest">
<input type="text" id="AgeOnDate" name="AgeOnDate"
class="form-control form-control-sm datetimepicker-input"
placeholder="DD/MM/YYYY" data-target="#AgeOnDate">
<div class="input-group-append" data-target="#AgeOnDate"
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" id="orderfile_field" style="display: none">
<label for="UploadDocument"
class="col-sm-4 col-form-label text-right">Upload Order:</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="UploadExemptedOrderFile"
id="UploadExemptedOrderFile" accept="image/*, .pdf">
<label class="custom-file-label"
for="UploadExemptedOrderFile">Choose
file</label>
</div>
</div>
</div>
</div>
</div>
<div class="form-group row mb-0" id="examiningbody_field">
<label for="ExaminingBody" class="col-sm-4 col-form-label text-right"><span
class="text-danger">*</span>Examining Body:</label>
<div class="col-sm-8">
<input type="text" class="form-control form-control-sm"
name="ExaminingBody" id="examiningBody">
</div>
</div>
<div class="form-group row mb-0" id="passingyear_field">
<label for="Specialization" class="col-sm-4 col-form-label text-right"
style="font-size:15px !important"><span
class="text-danger">*</span>Exam Year:</label>
<div class="col-sm-8">
<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="form-group row mb-0" id="examresult_field">
<label for="Specialization" class="col-sm-4 col-form-label text-right"
style="font-size:15px !important"><span
class="text-danger">*</span>Exam Result:</label>
<div class="col-sm-8 mt-2">
<div class="icheck-primary d-inline">
<input type="radio" id="passed" value="Passed" name="ExamResult" checked="">
<label class="mb-0" for="passed">Passed</label>
</div>
<div class="icheck-primary d-inline">
<input type="radio" id="failed" value="Failed" name="ExamResult">
<label class="mb-0" for="failed">Failed</label>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<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">
<input type="text" class="form-control form-control-sm"
name="EmployeeName" id="employeeName" readonly="readonly">
</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">
<input type="text" class="form-control form-control-sm"
name="employeeDesignation" id="employeeDesignation"
readonly="readonly">
</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">
<input type="text" class="form-control form-control-sm"
name="employeeDepartment" id="employeeDepartment"
readonly="readonly">
</div>
</div>
</div>
<div class="form-group row mb-0">
<label for="IsTechnical"
class="col-sm-4 col-form-label text-right">Remarks:</label>
<div class="col-sm-8">
<div class="icheck-primary">
<textarea rows="4" cols="" class="form-control form-control-sm"
name="qualificationRemark" id="qualificationRemark"></textarea>
</div>
</div>
</div>
</div>
<div class="col-md-12 mt-2">
<div class="form-group row">
<button type="submit" id="btn-save-job-detail"
class="btn btn-warning text-white"
id="saveQualificationBtn">Save</button>
<button type="button" onclick="formReset();"
class="btn btn-warning text-white">Reset</button>
</div>
</div>
</div>
</form>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
{{-- Exam List Table --}}
<div class="card">
<div class="card-header">
<h5>List of Employee Eligibility Exam <span id="EmployeeTableTitle"
class="text-info"></span></h5>
</div>
<!-- /.card-header -->
<div class="card-body">
<table id="EligibilityExamTable" class="table table-bordered table-striped table-sm">
<thead>
<tr>
<th>S.No.</th>
<th>Eligibility Exam</th>
<th>Examining Body</th>
<th>Exam Year</th>
<th>Circular/Order No.</th>
<th>Circular/Order Date</th>
<th>Remarks</th>
<th>Action</th>
</tr>
</thead>
<tbody id="EmployeeEligibilityExamList">
</tbody>
</table>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</div>
<!-- /.container-fluid -->
</section>
<!-- /.content -->
</div>
{{-- Modal for Update Eligibility Exam --}}
{{-- Update Eligibility Exam --}}
<div class="modal fade" id="updateEligibilityExamDetail">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Eligibility Exam <span id="EditEligibilityExamName" 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="updateEligibilityExamDetailForm">
<input type="hidden" name="_token" id="csrf_token_update" value="{{ csrf_token() }}">
<input type="hidden" id="EditEligibilityExamId" name="EligibilityExamId">
<input type="hidden" id="EditEmployeeId" name="EmployeeId">
<div class="card-body">
<div class="row">
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0" for="EligibilityExam">Eligibility Exam<span
class="text-danger">*</span></label>
<select class="form-control form-control-sm select2" style="width: 100%;"
aria-hidden="true" name="EligibilityExam" id="EditEligibilityExam"
data-placeholder="Select Exam">
<option value="" selected disabled>Select Exam</option>
<option value="Hindi">Hindi</option>
<option value="Marathi">Marathi</option>
<option value="MS-CIT/Computer">MS-CIT/Computer Exam</option>
<option value="Departmental">Departmental Exam</option>
</select>
</div>
</div>
<div class="col-md-6" id="EditDepartmental_field" style="display: none">
<div class="form-group mb-2">
<label class="mb-0" for="ExamPassed">Exempted <span
class="text-danger">*</span></label>
<div class="form-group mb-2">
<div class="clearfix mb-2">
<div class="icheck-primary">
<input type="checkbox" name="IsExempted" id="EditIsExempted">
<label class="mb-0" for="EditIsExempted"></label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row" id="Editcircular_field" style="display: none">
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0" for="UniversityCircularNo">Uni. Circular No. <span
class="text-danger">*</span></label>
<div class="form-group mb-2">
<input type="text" class="form-control form-control-sm"
name="UniversityCircularNo" id="EditUniversityCircularNo" />
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0" for="UniversityCircularNo">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"
data-target="#EditUniversityCircularDate" placeholder="DD/MM/YYYY" />
<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>
<div class="row" id="Editexemted_order_field" style="display: none">
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0" for="OrderNo">Order No. <span
class="text-danger">*</span></label>
<div class="form-group mb-2">
<input type="text" class="form-control form-control-sm" name="OrderNo"
id="EditOrderNo" />
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0" for="OrderDate">Order 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="EditOrderDate" name="OrderDate"
class="form-control form-control-sm datetimepicker-input"
data-target="#EditOrderDate" placeholder="DD/MM/YYYY" />
<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>
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0" for="AttendingAge">Attending Age <span
class="text-danger">*</span></label>
<div class="form-group mb-2">
<input type="text" class="form-control form-control-sm" name="AttendingAge"
id="EditAttendingAge" />
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0" for="AttendingAge">Age on 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="EditAgeOnDate" name="AgeOnDate"
class="form-control form-control-sm datetimepicker-input"
placeholder="DD/MM/YYYY" data-target="#EditAgeOnDate">
<div class="input-group-append" data-target="#EditAgeOnDate"
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="UploadExemptedOrderFile">Change Order File </label>
<div class="input-group input-group-sm">
<div class="custom-file">
<input type="file" class="custom-file-input" name="UploadExemptedOrderFile"
id="EditUploadExemptedOrderFile" accept="image/*, .pdf">
<label class="custom-file-label" for="UploadExemptedOrderFile">Choose
file</label>
</div>
</div>
</div>
</div>
</div>
<div class="row" id="Editexaminingbody_field">
<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>
<div class="form-group mb-2">
<input type="text" class="form-control form-control-sm" name="ExaminingBody"
id="EditExaminingBody" />
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0" for="ExaminingBody">Exam Year <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="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="ExamResult">Exam Result <span
class="text-danger">*</span></label>
<div class="form-group mb-2">
<div class="icheck-primary d-inline">
<input type="radio" id="EditPassed" value="Passed" name="EditExamResult" checked="">
<label class="mb-0" for="EditPassed">Passed</label>
</div>
<div class="icheck-primary d-inline">
<input type="radio" id="EditFailed" value="Failed" name="EditExamResult">
<label class="mb-0" for="EditFailed">Failed</label>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group mb-2">
<label class="mb-0" for="Remarks">Remarks </label>
<div class="form-group mb-2">
<textarea rows="2" cols="" class="form-control form-control-sm" name="Remark"
id="EditRemark"></textarea>
</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 --}}
{{-- Reset Form Button --}}
<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#addEmpEligibilityExamForm').each(function() {
this.reset();
});
$('#EmployeeCode, #EligibilityExam').val(null).trigger('change');
});
}
</script>
{{-- Employee List --}}
<script>
$(document).ready(function() {
$.ajax({
type: "GET",
url: "{{ 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;
getEmployeeDetail(EmployeeId);
getEmpEligibilityExamList(EmployeeId);
// Reset field on change Employee Code
// $('.select2').val(null).trigger('change');
});
function getEmployeeDetail(EmployeeId){
var EmployeeId = EmployeeId;
$.ajax({
type: "post",
url: "{{ url('/') }}/get-employee-current-detail",
dataType: "json",
data: {
_token: "{{csrf_token()}}",
EmployeeId: EmployeeId,
},
success: function(response) {
var json = response.GetEmpCurrentDetail;
$('#EmployeeId').val(json.EmployeeId);
$('#EmpCode').val(json.EmployeeCode);
$('#employeeName').val(json.EmployeeName);
$('#employeeDepartment').val(json.DepartmentName);
$('#employeeDesignation').val(json.DesignationName);
$('span#EmployeeTableTitle').html('#' +json.EmployeeName+ ' (' +json.EmployeeCode+ ')' );
}
});
}
</script>
{{-- Display Departmental Field --}}
<script>
$(document).ready(function() {
$("#EligibilityExam").change(function() {
$("#UniversityCircularNo, #UniversityCircularDate, #OrderNo, #OrderDate, #AttendingAge, #AgeOnDate, #examiningBody, #ExamDate").val('');
$('#IsExempted').prop('checked', false);
$("#circular_field, #circulardate_field, #examiningbody_field, #passingyear_field, #examresult_field").css('display', '');
$("#exemted_order_field, #exemted_orderdate_field, #attendingage_field, #ageondate_field, #orderfile_field").css('display', 'none');
$("#examiningBody, #ExamDate").prop('required', true);
$("#OrderNo, #OrderDate, #AttendingAge, #AgeOnDate").prop('required', false);
if ($(this).find('option:selected').text() == "Departmental Exam") {
$("#Departmental_field").css('display', '');
$("#UniversityCircularNo, #UniversityCircularDate").prop('required', true);
} else {
$("#Departmental_field").css('display', 'none');
$("#UniversityCircularNo, #UniversityCircularDate").prop('required', false);
}
});
$("#IsExempted").click(function() {
if($('#IsExempted').is(':checked')) {
$("#UniversityCircularNo, #UniversityCircularDate, #OrderNo, #OrderDate, #AttendingAge, #AgeOnDate, #examiningBody, #ExamDate").val('');
$("#exemted_order_field, #exemted_orderdate_field, #attendingage_field, #ageondate_field, #orderfile_field").css('display', '');
$("#circular_field, #circulardate_field, #examiningbody_field, #passingyear_field, #examresult_field").css('display', 'none');
$("#OrderNo, #OrderDate, #AttendingAge, #AgeOnDate").prop('required', true);
$("#UniversityCircularNo, #UniversityCircularDate, #examiningBody, #ExamDate").prop('required', false);
} else {
$("#exemted_order_field, #exemted_orderdate_field, #attendingage_field, #ageondate_field, #orderfile_field").css('display', 'none');
$("#circular_field, #circulardate_field, #examiningbody_field, #passingyear_field, #examresult_field").css('display', '');
$("#OrderNo, #OrderDate, #AttendingAge, #AgeOnDate").prop('required', false);
$("#UniversityCircularNo, #UniversityCircularDate, #examiningBody, #ExamDate").prop('required', true);
}
});
});
// Edit Case
$(document).ready(function() {
$("#EditEligibilityExam").change(function() {
$('#EditIsExempted').prop('checked', false);
$("#EditUniversityCircularNo, #EditUniversityCircularDate, #EditOrderNo, #EditOrderDate, #EditAttendingAge, #EditAgeOnDate, #EditExaminingBody, #EditExamDate").val('');
$("#Editcirculardate_field, #Editexaminingbody_field, #Editpassingyear_field").css('display', '');
$("#Editexemted_order_field, #Editexemted_orderdate_field, #Editattendingage_field, #Editageondate_field, #orderfile_field").css('display', 'none');
$("#EditExaminingBody, #EditExamDate").prop('required', true);
$("#EditOrderNo, #EditOrderDate, #EditAttendingAge, #EditAgeOnDate").prop('required', false);
if ($(this).find('option:selected').text() == "Departmental Exam") {
$("#EditDepartmental_field, #Editcircular_field").css('display', '');
$("#EditUniversityCircularNo, #EditUniversityCircularDate").prop('required', true);
} else {
$("#EditDepartmental_field, #Editcircular_field").css('display', 'none');
$("#EditUniversityCircularNo, #EditUniversityCircularDate").prop('required', false);
}
});
$("#EditIsExempted").click(function() {
if($('#EditIsExempted').is(':checked')) {
$("#EditUniversityCircularNo, #EditUniversityCircularDate, #EditOrderNo, #EditOrderDate, #EditAttendingAge, #EditAgeOnDate, #EditExaminingBody, #EditExamDate").val('');
$("#Editexemted_order_field, #exemted_orderdate_field, #attendingage_field, #ageondate_field, #orderfile_field").css('display', '');
$("#Editcircular_field, #Editexaminingbody_field").css('display', 'none');
$("#EditOrderNo, #EditOrderDate, #EditAttendingAge, #EditAgeOnDate").prop('required', true);
$("#EditUniversityCircularNo, #EditUniversityCircularDate, #EditExaminingBody, #EditExamDate").prop('required', false);
} else {
$("#Editexemted_order_field, #exemted_orderdate_field, #attendingage_field, #ageondate_field, #orderfile_field").css('display', 'none');
$("#Editcircular_field, #Editexaminingbody_field").css('display', '');
$("#EditOrderNo, #EditOrderDate, #EditAttendingAge, #EditAgeOnDate").prop('required', false);
$("#EditUniversityCircularNo, #EditUniversityCircularDate, #EditExaminingBody, #EditExamDate").prop('required', true);
}
});
});
</script>
{{-- Validate form and Save data --}}
<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 EmployeeId = $('#EmployeeCode :selected').val();
var EligibilityExam = $('#EligibilityExam :selected').val();
var IsExempted = '';
if($('#IsExempted').is(':checked'))
{
IsExempted = '1'
}
else
{
IsExempted = '0'
}
var UniversityCircularNo = $('#UniversityCircularNo').val();
var UniversityCircularDate = $('#UniversityCircularDate').val();
var OrderNo = $('#OrderNo').val();
var OrderDate = $('#OrderDate').val();
var AttendingAge = $('#AttendingAge').val();
var AgeOnDate = $('#AgeOnDate').val();
var ExaminingBody = $('#examiningBody').val();
var ExamDate = $('#ExamDate').val();
var Remarks = $('#qualificationRemark').val();
var ExamResult = $('input[name=ExamResult]:checked').val();
var UploadExemptedOrderFile = $('#UploadExemptedOrderFile')[0].files;
var fd = new FormData();
fd.append('_token',token);
fd.append('EmployeeId',EmployeeId);
fd.append('EmployeeCode',EmployeeCode);
fd.append('EligibilityExamName',EligibilityExam);
fd.append('UniversityCircularNo',UniversityCircularNo);
fd.append('CircularDate',UniversityCircularDate);
fd.append('ExamDate',ExamDate);
fd.append('ExaminingBody',ExaminingBody);
fd.append('IsExempted',IsExempted);
fd.append('OrderNo',OrderNo);
fd.append('DateOfOrder',OrderDate);
fd.append('AttendingAge',AttendingAge);
fd.append('AgeDate',AgeOnDate);
fd.append('Remarks',Remarks);
fd.append('ExamResult',ExamResult);
// files data
fd.append('OrderFile',UploadExemptedOrderFile[0]);
$.ajax({
type: "post",
url: "{{ url('store-employee-eligibility-exam') }}",
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: 'Eligibility Exam added successfully!'
});
// Get EmployeeId and Member List
var EmployeeId = $('#EmployeeCode :selected').val();
getEmpEligibilityExamList(EmployeeId);
// Reset Form
$('form#addEmpEligibilityExamForm').each(function() {
this.reset();
$('#EmployeeCode, #EligibilityExam').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!'
});
}
});
}
});
$('#addEmpEligibilityExamForm').validate({
rules: {
EmployeeCode: {
required: true,
},
EligibilityExam: {
required: true,
remote: {
type: "post",
url:'{{ url("/") }}/check-duplicate-emp-eligibility-exam',
data: {
EligibilityExam: function() {
return $( "#EligibilityExam :selected" ).val();
},
EmployeeId: function() {
return $('#EmployeeCode :selected').val();
},
'_token':$('meta[name="csrf-token"]').attr('content')
}
},
},
EligibilityExamCertificate: {
//required: true,
accept: "image/*, pdf",
},
},
messages: {
EmployeeCode: {
required: "Please select employee code.",
},
EligibilityExam: {
required: "Please select Eligibility Exam.",
remote: "Selected exam is already added.",
},
},
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>
{{-- Emp Eligibility Exam List Table --}}
<script>
function getEmpEligibilityExamList(EmployeeId)
{
var EmployeeId = EmployeeId;
var i = 1;
$.ajax({
type: "post",
url: "{{ url('/') }}/get-employee-eligibility-exam",
dataType: "json",
data: {
_token: "{{csrf_token()}}",
EmployeeId: EmployeeId,
},
success: function (response) {
//console.log( "Total");
$('tbody#EmployeeEligibilityExamList').html("");
$.each(response.EmpEligibilityExamList, function (key, item){
var ExaminingBody = '';
if (item.ExaminingBody) {
var ExaminingBody = item.ExaminingBody;
} else {
var ExaminingBody = 'Exempted'
}
var UniversityCircularNo = '';
if (item.UniversityCircularNo) {
var UniversityCircularNo = item.UniversityCircularNo;
} else if(item.OrderNo) {
var UniversityCircularNo = item.OrderNo;
} else {
var UniversityCircularNo = '--'
}
var UniversityCircularDate = '';
if (item.UniversityCircularDate) {
var UniversityCircularDate = item.UniversityCircularDate;
} else if(item.OrderDate) {
var UniversityCircularDate = item.OrderDate;
} else {
var UniversityCircularDate = '--'
}
var ExamDate = '';
if (item.ExamDate) {
var ExamDate = item.ExamDate;
} else {
var ExamDate = '--';
}
var Remarks = '';
if (item.Remarks) {
var Remarks = item.Remarks + '-' + item.ExamResult;
} else {
var Remarks = item.ExamResult;
}
var File = '';
if (item.OrderFilePath) {
var File = '<a href="{{ url("/") }}'+ item.OrderFilePath +'" title="Download Certificate" class="btn btn-xs btn-outline-success" target="_blank" download="'+ item.EmployeeCode +'_qualification_'+ item.EligibilityExamName +'"><i class="fas fa-download"></i></a>';
} else {
var File = '';
}
$('#EligibilityExamTable tbody').append('<tr>\
<td>'+ i++ +'</td>\
<td>'+ item.EligibilityExamName +'</td>\
<td>'+ ExaminingBody +'</td>\
<td>'+ ExamDate +'</td>\
<td>'+ UniversityCircularNo +'</td>\
<td>'+ UniversityCircularDate +'</td>\
<td>'+ Remarks +'</td>\
<td> '+ File +' <button type="button" title="Edit" onClick=editEligibilityExamDetail("'+ item.EligibilityExamId +'"); class="btn btn-xs btn-outline-info" data-id="'+ item.EligibilityExamId +'"><i class="fas fa-edit"></i></button> <button type="button" title="Delete" onClick=deleteEligibilityExamDetail("'+ item.EligibilityExamId +'"); class="btn btn-xs btn-outline-danger" data-id="'+ item.EligibilityExamId +'"><i class="fas fa-trash-alt"></i></button></td>\
');
});
}
});
}
</script>
{{-- Delete Eligibility Exam --}}
<script>
function deleteEligibilityExamDetail(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();
// Get EmployeeId and Emp EligibilityExam List
var EmployeeId = $("#EmployeeCode :selected").val();
getEmpEligibilityExamList(EmployeeId);
});
},
});
}
});
}
</script>
{{-- Edit Eligibility Exam --}}
<script>
function editEligibilityExamDetail(EligibilityExamId)
{
var EligibilityExamId = EligibilityExamId;
$('#updateEligibilityExamDetail').modal('show');
$.ajax({
type: "post",
url: "{{ url('/') }}/edit-employee-eligibility-exam",
dataType: "json",
data: {
_token: "{{csrf_token()}}",
EligibilityExamId: EligibilityExamId,
},
success: function (response) {
$('#EditEligibilityExamId').val(response.EligibilityExam.EligibilityExamId);
$('#EditEmployeeId').val(response.EligibilityExam.EmployeeId);
$('span#EditEligibilityExamName').html('#' +response.EligibilityExam.EligibilityExamName);
$('#EditEligibilityExam').val(response.EligibilityExam.EligibilityExamName);
$('#EditEligibilityExam').select2().trigger('change');
if (response.EligibilityExam.IsExempted == '1') {
$("input#EditIsExempted").prop('checked', true);
$("#Editexemted_order_field, #Editexaminingbody_field").css('display', '');
$("#Editcircular_field, #Editexaminingbody_field").css('display', 'none');
} else {
$("input#EditIsExempted").prop('checked', false);
if (response.EligibilityExam.EligibilityExamName == 'Departmental') {
$('#Editcircular_field').css('display', '');
} else {
$('#Editcircular_field').css('display', 'none');
}
$("#Editexemted_order_field").css('display', 'none');
$("#Editexaminingbody_field").css('display', '');
if (response.EligibilityExam.ExamResult == 'Passed') {
$("input#EditPassed").prop('checked', true);
} else {
$("input#EditFailed").prop('checked', true);
}
}
$('#EditUniversityCircularNo').val(response.EligibilityExam.UniversityCircularNo);
if (response.EligibilityExam.UniversityCircularDate) {
var CirDate = response.EligibilityExam.UniversityCircularDate;
var NewCirDate = CirDate.split('-').join('/');
$('#EditUniversityCircularDate').val(NewCirDate);
}
$('#EditOrderNo').val(response.EligibilityExam.OrderNo);
if (response.EligibilityExam.OrderDate) {
var order = new Date(response.EligibilityExam.OrderDate);
$('#EditOrderDate').val(((order.getDate() > 9) ? order.getDate() : ('0' + order.getDate())) + '/' + ((order.getMonth() > 8) ? (order.getMonth() + 1) : ('0' + (order.getMonth() + 1))) + '/' + order.getFullYear());
}
$('#EditAttendingAge').val(response.EligibilityExam.AttendingAge);
if (response.EligibilityExam.AgeOnDate) {
var age = new Date(response.EligibilityExam.AgeOnDate);
$('#EditAgeOnDate').val(((age.getDate() > 9) ? age.getDate() : ('0' + age.getDate())) + '/' + ((age.getMonth() > 8) ? (age.getMonth() + 1) : ('0' + (age.getMonth() + 1))) + '/' + age.getFullYear());
}
$('#EditExaminingBody').val(response.EligibilityExam.ExaminingBody);
$('#EditExamDate').val(response.EligibilityExam.ExamDate);
$('#EditRemark').val(response.EligibilityExam.Remarks);
}
});
}
</script>
{{-- Validate form and Update data --}}
<script>
$(function () {
$.validator.setDefaults({
submitHandler: function () {
event.preventDefault();
// Get Form Data
var token = $("#csrf_token_update").val();
var EligibilityExamId = $("#EditEligibilityExamId").val();
var EmployeeId = $('#EditEmployeeCode :selected').val();
var EligibilityExam = $('#EditEligibilityExam :selected').val();
var ExaminingBody = $('#EditExaminingBody').val();
var ExamDate = $('#EditExamDate').val();
var IsExempted = '';
var OrderNo = '';
var OrderDate = '';
var AttendingAge = '';
var AgeOnDate = '';
var UniversityCircularNo = '';
var UniversityCircularDate = '';
if($('#EditIsExempted').is(':checked'))
{
var IsExempted = '1';
var OrderNo = $('#EditOrderNo').val();
var OrderDate = $('#EditOrderDate').val();
var AttendingAge = $('#EditAttendingAge').val();
var AgeOnDate = $('#EditAgeOnDate').val();
var ExaminingBody = '';
var ExamDate = '';
}
else
{
var IsExempted = '0';
var UniversityCircularNo = $('#EditUniversityCircularNo').val();
var UniversityCircularDate = $('#EditUniversityCircularDate').val();
}
var Remarks = $('#EditRemark').val();
var ExamResult = $('input[name=EditExamResult]:checked').val();
var UploadExemptedOrderFile = $('#EditUploadExemptedOrderFile')[0].files;
var fd = new FormData();
fd.append('_token',token);
fd.append('EligibilityExamId',EligibilityExamId);
fd.append('EligibilityExamName',EligibilityExam);
fd.append('UniversityCircularNo',UniversityCircularNo);
fd.append('CircularDate',UniversityCircularDate);
fd.append('ExamDate',ExamDate);
fd.append('ExaminingBody',ExaminingBody);
fd.append('IsExempted',IsExempted);
fd.append('OrderNo',OrderNo);
fd.append('DateOfOrder',OrderDate);
fd.append('AttendingAge',AttendingAge);
fd.append('AgeDate',AgeOnDate);
fd.append('Remarks',Remarks);
fd.append('ExamResult',ExamResult);
// files data
fd.append('OrderFile',UploadExemptedOrderFile[0]);
$.ajax({
type: "post",
url: "{{ url('update-employee-eligibility-exam') }}",
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: 'Eligibility Exam updated successfully!'
});
// Get EmployeeId and Member List
var EmployeeId = $('#EmployeeCode :selected').val();
getEmpEligibilityExamList(EmployeeId);
// Hide Form
$('#updateEligibilityExamDetail').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!'
});
}
});
}
});
$('#updateEligibilityExamDetailForm').validate({
rules: {
EmployeeCode: {
required: true,
},
EligibilityExam: {
required: true,
remote: {
type: "post",
url:'{{ url("/") }}/check-duplicate-emp-eligibility-exam',
data: {
EligibilityExamId: function() {
return $( "#EditEligibilityExamId" ).val();
},
EligibilityExam: function() {
return $( "#EditEligibilityExam :selected" ).val();
},
EmployeeId: function() {
return $('#EditEmployeeId').val();
},
'_token':$('meta[name="csrf-token"]').attr('content')
}
},
},
EligibilityExamCertificate: {
//required: true,
accept: "image/*, pdf",
},
},
messages: {
EligibilityExam: {
required: "Please select Eligibility Exam.",
remote: "Selected exam is already added.",
},
},
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 -->
@endsection