File: /var/www/html/hrms-production/resources/views/components/employee-category-detail-modal.blade.php
{{-- Add Employee Category --}}
<div class="modal fade" id="addEmpCategoryDetail">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Employee Name <span id="AddCategoryEmployeeName" 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="addEmpCategoryDetailform">
<input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
<input type="hidden" id="AddCategoryEmployeeId" name="EmployeeId">
<input type="hidden" id="AddCategoryEmployeeCode" name="EmployeeCode">
<div class="card-body">
<div class="row">
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0">Religion <span class="text-danger">*</span></label>
<select class="form-control form-control-sm select2" style="width: 100%;"
aria-hidden="true" name="Religion" id="Religion"
data-placeholder="Select Religion">
<option value="" selected disabled>Select Religion</option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0">Caste Category <span class="text-danger">*</span></label>
<select class="form-control form-control-sm select2" style="width: 100%;"
aria-hidden="true" name="Caste" id="Caste" data-placeholder="Select Caste">
<option value="" selected disabled>Select Caste</option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0">Caste Name <span class="text-danger">*</span></label>
<input type="text" name="OtherCasteName" id="OtherCasteName"
class="form-control form-control-sm">
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0">Caste Certificate No. <span class="text-danger" id="general-caste">*</span></label>
<input type="text" name="CasteCertificateNo" id="CasteCertificateNo"
class="form-control form-control-sm">
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="date">Caste Certificate Date <span class="text-danger" id="general-caste">*</span></label>
<div class="input-group date" data-target-input="nearest">
<input type="text" id="CasteCertificateDate" name="CasteCertificateDate"
class="form-control form-control-sm datetimepicker-input"
data-target="#CasteCertificateDate" placeholder="DD/MM/YYYY"/>
<div class="input-group-append" data-target="#CasteCertificateDate"
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 mb-2">
<label class="mb-0" for="Caste Certificate No">Upload Caste Certificate <span class="text-danger" id="general-caste">*</span></label>
<div class="input-group">
<div class="custom-file">
<input type="file" name="CasteCertificate"
class="custom-file-input form-control-sm" id="CasteCertificate"
accept="image/*, .pdf">
<label class="custom-file-label" for="CasteCertificate">Choose
Certificate</label>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0">Caste Certificate Issuing Officer <span class="text-danger" id="general-caste">*</span></label>
<input type="text" name="CasteCertificateIssuingOfficer"
id="CasteCertificateIssuingOfficer" class="form-control form-control-sm">
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0">Caste Validity Certificate No. <span class="text-danger" id="general-caste">*</span></label>
<input type="text" name="CasteValidityNo" id="CasteValidityNo"
class="form-control form-control-sm">
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="date">Caste Validity Certificate Date <span class="text-danger" id="general-caste">*</span></label>
<div class="input-group date" data-target-input="nearest">
<input type="text" id="CasteValidityDate" name="CasteValidityDate"
class="form-control form-control-sm datetimepicker-input"
data-target="#CasteValidityDate" placeholder="DD/MM/YYYY" />
<div class="input-group-append" data-target="#CasteValidityDate"
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 mb-2">
<label class="mb-0" for="Caste Validity">Upload Caste Validity Certificate <span class="text-danger" id="general-caste">*</span></label>
<div class="input-group">
<div class="custom-file">
<input type="file" name="CasteValidity"
class="custom-file-input form-control-sm" id="CasteValidity"
accept="image/*, .pdf">
<label class="custom-file-label" for="CasteValidity">Choose
Certificate</label>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0">Validity Cert. Issuing Committee <span class="text-danger" id="general-caste">*</span></label>
<input type="text" name="CasteValidityCertificateIssuingCommittee"
id="CasteValidityCertificateIssuingCommittee"
class="form-control form-control-sm">
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0">Category <span class="text-danger">*</span></label>
<select class="form-control form-control-sm select2" style="width: 100%;"
aria-hidden="true" name="BasicCategory" id="BasicCategory"
data-placeholder="Select Category">
<option value="" selected disabled>Select Category</option>
</select>
</div>
</div>
<div class="col-md-4" style="display: none;" id="BasicSubCategory_field">
<div class="form-group mb-2">
<label class="mb-0">Sub Category <span class="text-danger">*</span></label>
<select class="form-control form-control-sm select2" style="width: 100%;"
aria-hidden="true" name="BasicSubCategory" id="BasicSubCategory"
data-placeholder="Select Sub Category">
<option value="" disabled selected>Select Sub Category</option>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0">Appointment Category <span class="text-danger">*</span></label>
<select class="form-control form-control-sm select2" style="width: 100%;"
aria-hidden="true" name="AppointmentCategory" id="AppointmentCategory"
data-placeholder="Select Appointment Category">
<option value="" selected disabled>Select Appointment Category</option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0">Parallel Reservation </label>
<select class="form-control form-control-sm select2" style="width: 100%;"
aria-hidden="true" name="ParallelReservation" id="ParallelReservation"
data-placeholder="Select Reservation">
<option value="" selected disabled>Select Reservation</option>
</select>
</div>
</div>
<div class="col-md-4" style="display: none;" id="handicapped_field">
<div class="form-group mb-2">
<label class="mb-0">Type of Handicap <span class="text-danger">*</span></label>
<input type="text" name="TypeOfHandicap" id="TypeOfHandicap"
class="form-control form-control-sm">
</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 Employee Category --}}
<div class="modal fade" id="EditEmpCategoryDetailModal">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Employee Code <span id="EditCategoryEmployeeName" 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="EditEmpCategoryDetailform">
<input type="hidden" name="_token" id="edit_cate_token" value="{{ csrf_token() }}">
<input type="hidden" id="EditCategoryEmployeeId" name="EmployeeId">
<input type="hidden" id="EmpCategoryDetailId" name="EmpCategoryDetailId">
<div class="card-body">
<div class="row">
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0">Religion <span class="text-danger">*</span></label>
<select class="form-control form-control-sm select2" style="width: 100%;"
aria-hidden="true" name="Religion" id="EditReligion"
data-placeholder="Select Religion">
<option value="" selected disabled>Select Religion</option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0">Caste Category <span class="text-danger">*</span></label>
<select class="form-control form-control-sm select2" style="width: 100%;"
aria-hidden="true" name="Caste" id="EditCaste" data-placeholder="Select Caste">
<option value="" selected disabled>Select Caste</option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0">Caste Name <span class="text-danger">*</span></label>
<input type="text" name="OtherCasteName" id="EditOtherCasteName"
class="form-control form-control-sm">
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0">Caste Certificate No. <span class="text-danger"
id="EditGeneral-caste">*</span></label>
<input type="text" name="CasteCertificateNo" id="EditCasteCertificateNo"
class="form-control form-control-sm">
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="date">Caste Certificate Date <span class="text-danger"
id="EditGeneral-caste">*</span></label>
<div class="input-group date" data-target-input="nearest">
<input type="text" id="EditCasteCertificateDate" name="CasteCertificateDate"
class="form-control form-control-sm datetimepicker-input"
data-target="#EditCasteCertificateDate" placeholder="DD/MM/YYYY" />
<div class="input-group-append" data-target="#EditCasteCertificateDate"
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 mb-2">
<label class="mb-0" for="Caste Certificate No">Caste Certificate <span
class="text-danger" id="EditGeneral-caste">*</span></label>
<div class="input-group">
<div class="custom-file">
<input type="file" name="CasteCertificate"
class="custom-file-input form-control-sm" id="EditCasteCertificate"
accept="image/*, .pdf">
<label class="custom-file-label" for="CasteCertificate">Choose
Certificate</label>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0">Caste Certificate Issuing Officer <span class="text-danger"
id="EditGeneral-caste">*</span></label>
<input type="text" name="CasteCertificateIssuingOfficer"
id="EditCasteCertificateIssuingOfficer" class="form-control form-control-sm">
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0">Caste Validity Certificate No. <span class="text-danger"
id="EditGeneral-caste">*</span></label>
<input type="text" name="CasteValidityNo" id="EditCasteValidityNo"
class="form-control form-control-sm">
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="date">Caste Validity Certificate Date <span
class="text-danger" id="EditGeneral-caste">*</span></label>
<div class="input-group date" data-target-input="nearest">
<input type="text" id="EditCasteValidityDate" name="CasteValidityDate"
class="form-control form-control-sm datetimepicker-input"
data-target="#EditCasteValidityDate" placeholder="DD/MM/YYYY" />
<div class="input-group-append" data-target="#EditCasteValidityDate"
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 mb-2">
<label class="mb-0" for="Caste Validity">Caste Validity Certificate <span
class="text-danger" id="EditGeneral-caste">*</span></label>
<div class="input-group">
<div class="custom-file">
<input type="file" name="CasteValidity"
class="custom-file-input form-control-sm" id="EditCasteValidity"
accept="image/*, .pdf">
<label class="custom-file-label" for="CasteValidity">Choose
Certificate</label>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0">Vali. Cert. Issuing Committee <span class="text-danger"
id="EditGeneral-caste">*</span></label>
<input type="text" name="CasteValidityCertificateIssuingCommittee"
id="EditCasteValidityCertificateIssuingCommittee"
class="form-control form-control-sm">
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0">Category <span class="text-danger">*</span></label>
<select class="form-control form-control-sm select2" style="width: 100%;"
aria-hidden="true" name="BasicCategory" id="EditBasicCategory"
data-placeholder="Select Category">
<option value="" selected disabled>Select Category</option>
</select>
</div>
</div>
<div class="col-md-4" style="display: none;" id="EditBasicSubCategory_field">
<div class="form-group mb-2">
<label class="mb-0">Sub Category <span class="text-danger">*</span></label>
<select class="form-control form-control-sm select2" style="width: 100%;"
aria-hidden="true" name="BasicSubCategory" id="EditBasicSubCategory"
data-placeholder="Select Sub Category">
<option value="" disabled selected>Select Sub Category</option>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0">Appointment Category <span class="text-danger">*</span></label>
<select class="form-control form-control-sm select2" style="width: 100%;"
aria-hidden="true" name="AppointmentCategory" id="EditAppointmentCategory"
data-placeholder="Select Appointment Category">
<option value="" selected disabled>Select Appointment Category</option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0">Parallel Reservation </label>
<select class="form-control form-control-sm select2" style="width: 100%;"
aria-hidden="true" name="ParallelReservation" id="EditParallelReservation"
data-placeholder="Select Reservation">
<option value="" selected disabled>Select Reservation</option>
</select>
</div>
</div>
<div class="col-md-4" style="display: none;" id="EditHandicapped_field">
<div class="form-group mb-2">
<label class="mb-0">Type of Handicap <span class="text-danger">*</span></label>
<input type="text" name="TypeOfHandicap" id="EditTypeOfHandicap"
class="form-control form-control-sm">
</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 --}}
{{-- Get Caste Category --}}
<script>
// Add Form
$(document).ready(function() {
$("#Caste").change(function() {
//alert($(this).val())
if ($(this).val() == "gQRiCb3jont4IfIIyoHxcsYSrANVgkhihV972") { // VJ Category
$("span#general-caste").css('display', 'none');
$("#CasteCertificateNo, #CasteCertificateDate, #CasteCertificate, #CasteCertificateIssuingOfficer, #CasteValidityNo, #CasteValidityDate, #CasteValidity, #CasteValidityCertificateIssuingCommittee").attr('required', false);
$("#CasteCertificateNo, #CasteCertificateDate, #CasteCertificate, #CasteCertificateIssuingOfficer, #CasteValidityNo, #CasteValidityDate, #CasteValidity, #CasteValidityCertificateIssuingCommittee").removeClass('is-invalid');
} else {
$("span#general-caste").css('display', '');
$("#CasteCertificateNo, #CasteCertificateDate, #CasteCertificate, #CasteCertificateIssuingOfficer, #CasteValidityNo, #CasteValidityDate, #CasteValidity, #CasteValidityCertificateIssuingCommittee").attr('required', true);
}
});
});
// Edit Form
$(document).ready(function() {
$("#EditCaste").change(function() {
//alert($(this).val())
if ($(this).val() == "gQRiCb3jont4IfIIyoHxcsYSrANVgkhihV972") { // General Caste
$("span#EditGeneral-caste").css('display', 'none');
$("#EditCasteCertificateNo, #EditCasteCertificateDate, #EditCasteCertificateIssuingOfficer, #EditCasteValidityNo, #EditCasteValidityDate, #EditCasteValidityCertificateIssuingCommittee").attr('required', false);
$("#EditCasteCertificateNo, #EditCasteCertificateDate, #EditCasteCertificateIssuingOfficer, #EditCasteValidityNo, #EditCasteValidityDate, #EditCasteValidityCertificateIssuingCommittee").removeClass('is-invalid');
} else {
$("span#EditGeneral-caste").css('display', '');
$("#EditCasteCertificateNo, #EditCasteCertificateDate, #EditCasteCertificateIssuingOfficer, #EditCasteValidityNo, #EditCasteValidityDate, #EditCasteValidityCertificateIssuingCommittee").attr('required', true);
}
});
});
</script>
{{-- Get VJNT Sub Category based (A, B, C, D) --}}
<script>
$(document).ready(function() {
$("#BasicCategory, #EditBasicCategory").change(function() {
//alert($(this).val())
if ($(this).val() == "AZykcEx8amzvxWRH2GuSfEDGXI26F9TALSwBb") { // VJ Category
$("#BasicSubCategory_field, #EditBasicSubCategory_field").css('display', 'block');
$("#BasicSubCategory, #EditBasicSubCategory").prop('required', true);
} else {
$("#BasicSubCategory_field, #EditBasicSubCategory_field").css('display', 'none');
$("#BasicSubCategory, #EditBasicSubCategory").prop('required', false);
}
});
});
</script>
{{-- Display Handicap type field on select Handicapped --}}
<script>
$(document).ready(function() {
$("#ParallelReservation, #EditParallelReservation").change(function() {
//alert($(this).val())
if ($(this).val() == "xZSMXGzNukC4oVify77Q1ty5qBThTyF33ZYsf") { // Handicapped
$("#handicapped_field, #EditHandicapped_field").css('display', 'block');
$("#TypeOfHandicap, #EditTypeOfHandicap").prop('required', true);
} else {
$("#handicapped_field, #EditHandicapped_field").css('display', 'none');
$("#TypeOfHandicap, #EditTypeOfHandicap").prop('required', false);
}
});
});
</script>
{{-- Master List --}}
<script>
// Religion List
$(document).ready(function() {
$.ajax({
type: "GET",
url: "{{ url('/religion-list') }}",
dataType: "json",
success: function(response) {
var json = response.Religion;
$.each(json, function(i, religion) {
$("#Religion, #EditReligion").append("<option value='" + religion.ReligionId + "'>" + religion.ReligionName + "</option>");
$('#Religion, #EditReligion').trigger('change');
});
}
});
});
// Caste List
$(document).ready(function() {
$.ajax({
type: "GET",
url: "{{ url('/caste-list') }}",
dataType: "json",
success: function(response) {
var json = response.Caste;
$.each(json, function(i, caste) {
$("#Caste, #EditCaste").append("<option value='" + caste.CasteId + "'>" + caste.CasteName + "</option>");
$('#Caste, #EditCaste').trigger('change');
});
}
});
});
// Basic Category List
$(document).ready(function() {
$.ajax({
type: "GET",
url: "{{ url('/basic-category-list') }}",
dataType: "json",
success: function(response) {
var json = response.BasicCategory;
$.each(json, function(i, BasicCategory) {
$("#BasicCategory, #EditBasicCategory").append("<option value='" + BasicCategory.BasicCategoryId + "'>" + BasicCategory.BasicCategoryName + "</option>");
$('#BasicCategory, #EditBasicCategory').trigger('change');
});
}
});
});
// Appointment Category List
$(document).ready(function() {
$.ajax({
type: "GET",
url: "{{ url('/appointment-category-list') }}",
dataType: "json",
success: function(response) {
var json = response.AppointmentCategory;
$.each(json, function(i, appointmentcategory) {
$("#AppointmentCategory, #EditAppointmentCategory").append("<option value='" + appointmentcategory.AppointmentCategoryId + "'>" + appointmentcategory.AppointmentCategoryName + "</option>");
$('#AppointmentCategory, #EditAppointmentCategory').trigger('change');
});
}
});
});
// Parallel Reservation List
$(document).ready(function() {
$.ajax({
type: "GET",
url: "{{ url('/parallel-reservation-list') }}",
dataType: "json",
success: function(response) {
var json = response.ParallelReservation;
$.each(json, function(i, ParallelReservation) {
$("#ParallelReservation, #EditParallelReservation").append("<option value='" + ParallelReservation.ParallelReservationId + "'>" + ParallelReservation.ParallelReservationName + "</option>");
$('#ParallelReservation, #EditParallelReservation').trigger('change');
});
}
});
});
</script>
{{-- Add Employee Category Detail Modal --}}
<script>
function addEmpCategoryDetail(EmployeeId)
{
var EmployeeId = EmployeeId;
$('#addEmpCategoryDetail').modal('show');
$.ajax({
type: "POST",
url: "{{ url('/') }}/get-employee-detail",
dataType: 'json',
data: {
EmployeeId: EmployeeId,
_token: "{{ csrf_token() }}",
},
success: function (response) {
$('#AddCategoryEmployeeId').val(response.GetEmployee.EmployeeId);
$('#AddCategoryEmployeeCode').val(response.GetEmployee.EmployeeCode);
$('span#AddCategoryEmployeeName').html('#' +response.GetEmployee.EmployeeName);
}
});
}
</script>
{{-- Validate form and Save data --}}
<script>
$(function () {
$.validator.setDefaults({
submitHandler: function () {
event.preventDefault();
// Get Form Data
var token = $("#token").val();
var EmployeeId = $("#AddCategoryEmployeeId").val();
var EmployeeCode = $("#AddCategoryEmployeeCode").val();
var Religion = $('#Religion :selected').val();
var Caste = $('#Caste :selected').val();
var OtherCasteName = $('#OtherCasteName').val();
var CasteCertificateNo = $('#CasteCertificateNo').val();
var CasteCertificateDate = $('#CasteCertificateDate').val();
var CertificateIssuingOfficer = $('#CasteCertificateIssuingOfficer').val();
var CasteValidityNo = $('#CasteValidityNo').val();
var CasteValidityDate = $('#CasteValidityDate').val();
var CertificateIssuingCommittee = $('#CasteValidityCertificateIssuingCommittee').val();
var BasicCategory = $('#BasicCategory :selected').val();
var BasicSubCategory = $('#BasicSubCategory :selected').val();
var AppointmentCategory = $('#AppointmentCategory :selected').val();
var ParallelReservation = $('#ParallelReservation :selected').val();
var TypeOfHandicap = $('#TypeOfHandicap').val();
var CasteCertificate = $('#CasteCertificate')[0].files;
var CasteValidity = $('#CasteValidity')[0].files;
var fd = new FormData();
fd.append('_token',token);
fd.append('EmployeeId',EmployeeId);
fd.append('EmployeeCode',EmployeeCode);
fd.append('ReligionId',Religion);
fd.append('CasteId',Caste);
fd.append('OtherCasteName',OtherCasteName);
fd.append('CasteCertificateNo',CasteCertificateNo);
fd.append('CertificateDate',CasteCertificateDate);
fd.append('CertificateIssuingOfficer',CertificateIssuingOfficer);
fd.append('CastValidityCertificateNo',CasteValidityNo);
fd.append('ValidityDate',CasteValidityDate);
fd.append('CertificateIssuingCommittee',CertificateIssuingCommittee);
fd.append('BasicCategoryId',BasicCategory);
fd.append('BasicSubCategory',BasicSubCategory);
fd.append('AppointmentCategoryId',AppointmentCategory);
fd.append('ParallelReservationId',ParallelReservation);
fd.append('TypeOfHandicap',TypeOfHandicap);
// files data
fd.append('CasteCertificate',CasteCertificate[0]);
fd.append('CasteValidity',CasteValidity[0]);
$.ajax({
type: "post",
url: "{{ url('store-employee-category-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: 'Category detail 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!'
});
}
});
}
});
$('#addEmpCategoryDetailform').validate({
rules: {
Religion: {
required: true,
},
Caste: {
required: true,
},
OtherCasteName: {
required: true,
},
CasteCertificate: {
accept: "image/*, pdf"
},
CasteValidity: {
accept: "image/*, pdf"
},
BasicCategory: {
required: true,
},
AppointmentCategory: {
required: true,
},
ParallelReservation: {
// required: true,
},
},
messages: {
Religion: {
required: "Religion is required.",
},
Caste: {
required: "Caste is required.",
},
OtherCasteName: {
required: "Other Caste name 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>
{{-- Update --}}
{{-- Edit Employee Category Detail Modal --}}
<script>
function editEmpCategoryDetail(EmployeeId)
{
var EmployeeId = EmployeeId;
$.ajax({
type: "POST",
url: "{{ url('/') }}/edit-emp-category-detail",
dataType: 'json',
data: {
EmployeeId: EmployeeId,
_token: "{{ csrf_token() }}",
},
success: function (response) {
$('#EditCategoryEmployeeId').val(response.EmpCategoryDetail.EmployeeId);
$('#EmpCategoryDetailId').val(response.EmpCategoryDetail.EmpCategoryDetailId);
$('span#EditCategoryEmployeeName').html('#' +response.EmpCategoryDetail.EmployeeCode);
$('#EditReligion').val(response.EmpCategoryDetail.ReligionId);
$('#EditReligion').trigger('change');
$('#EditCaste').val(response.EmpCategoryDetail.CasteId);
$('#EditCaste').trigger('change');
$('#EditOtherCasteName').val(response.EmpCategoryDetail.OtherCasteName);
$('#EditCasteCertificateNo').val(response.EmpCategoryDetail.CasteCertificateNo);
if (response.EmpCategoryDetail.CasteCertificateDate) {
var caste_date = response.EmpCategoryDetail.CasteCertificateDate;
var CasteCertificateDate = caste_date.split("-").join("/");
$('#EditCasteCertificateDate').val(CasteCertificateDate);
}
$('#EditCasteCertificateIssuingOfficer').val(response.EmpCategoryDetail.CertificateIssuingOfficer);
$('#EditCasteValidityNo').val(response.EmpCategoryDetail.CastValidityCertificateNo);
if (response.EmpCategoryDetail.CasteValidityCertificateDate) {
var validity_date = response.EmpCategoryDetail.CasteValidityCertificateDate;
var CasteValidityDate = validity_date.split("-").join("/");
$('#EditCasteValidityDate').val(CasteValidityDate);
}
$('#EditCasteValidityCertificateIssuingCommittee').val(response.EmpCategoryDetail.CertificateIssuingCommittee);
$('#EditBasicCategory').val(response.EmpCategoryDetail.BasicCategoryId);
$('#EditBasicCategory').trigger('change');
if (response.EmpCategoryDetail.BasicCategoryId == 'AZykcEx8amzvxWRH2GuSfEDGXI26F9TALSwBb') {
$('#EditBasicSubCategory_field').css('display', 'block')
$('#EditBasicSubCategory').val(response.EmpCategoryDetail.BasicSubCategory);
$('#EditBasicSubCategory').trigger('change');
} else {
$('#EditBasicSubCategory_field').css('display', 'none')
}
$('#EditAppointmentCategory').val(response.EmpCategoryDetail.AppointmentCategoryId);
$('#EditAppointmentCategory').trigger('change');
$('#EditParallelReservation').val(response.EmpCategoryDetail.ParallelReservationId);
$('#EditParallelReservation').trigger('change');
if (response.EmpCategoryDetail.ParallelReservationId == 'xZSMXGzNukC4oVify77Q1ty5qBThTyF33ZYsf') { // Handicapped
$('#EditHandicapped_field').css('display', 'block')
$('#EditTypeOfHandicap').val(response.EmpCategoryDetail.TypeOfHandicap);
} else {
$('#EditHandicapped_field').css('display', 'none')
}
}
});
$('#EditEmpCategoryDetailModal').modal('show');
}
</script>
{{-- Validate form and Update data --}}
<script>
$(function () {
$.validator.setDefaults({
submitHandler: function () {
event.preventDefault();
// Get Form Data
var token = $("#token").val();
var EmployeeId = $("#EditCategoryEmployeeId").val();
var EmpCategoryDetailId = $("#EmpCategoryDetailId").val();
var Religion = $('#EditReligion :selected').val();
var Caste = $('#EditCaste :selected').val();
var OtherCasteName = $('#EditOtherCasteName').val();
var CasteCertificateNo = $('#EditCasteCertificateNo').val();
var CasteCertificateDate = $('#EditCasteCertificateDate').val();
var CertificateIssuingOfficer = $('#EditCasteCertificateIssuingOfficer').val();
var CasteValidityNo = $('#EditCasteValidityNo').val();
var CasteValidityDate = $('#EditCasteValidityDate').val();
var CertificateIssuingCommittee = $('#EditCasteValidityCertificateIssuingCommittee').val();
var BasicCategory = $('#EditBasicCategory :selected').val();
var BasicSubCategory = $('#EditBasicSubCategory :selected').val();
var AppointmentCategory = $('#EditAppointmentCategory :selected').val();
var ParallelReservation = $('#EditParallelReservation :selected').val();
var TypeOfHandicap = $('#EditTypeOfHandicap').val();
var CasteCertificate = $('#EditCasteCertificate')[0].files;
var CasteValidity = $('#EditCasteValidity')[0].files;
var fd = new FormData();
fd.append('_token',token);
fd.append('EmployeeId',EmployeeId);
fd.append('EmpCategoryDetailId',EmpCategoryDetailId);
fd.append('ReligionId',Religion);
fd.append('CasteId',Caste);
fd.append('OtherCasteName',OtherCasteName);
fd.append('CasteCertificateNo',CasteCertificateNo);
fd.append('CertificateDate',CasteCertificateDate);
fd.append('CertificateIssuingOfficer',CertificateIssuingOfficer);
fd.append('CastValidityCertificateNo',CasteValidityNo);
fd.append('ValidityDate',CasteValidityDate);
fd.append('CertificateIssuingCommittee',CertificateIssuingCommittee);
fd.append('BasicCategoryId',BasicCategory);
fd.append('BasicSubCategory',BasicSubCategory);
fd.append('AppointmentCategoryId',AppointmentCategory);
fd.append('ParallelReservationId',ParallelReservation);
fd.append('TypeOfHandicap',TypeOfHandicap);
// files data
fd.append('CasteCertificate',CasteCertificate[0]);
fd.append('CasteValidity',CasteValidity[0]);
$.ajax({
type: "post",
url: "{{ url('update-employee-category-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: 'Category detail 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!'
});
}
});
}
});
$('#EditEmpCategoryDetailform').validate({
rules: {
Religion: {
required: true,
},
Caste: {
required: true,
},
OtherCasteName: {
required: true,
},
CasteCertificate: {
accept: "image/*, pdf"
},
CasteValidity: {
accept: "image/*, pdf"
},
BasicCategory: {
required: true,
},
AppointmentCategory: {
required: true,
},
ParallelReservation: {
// required: true,
},
},
messages: {
Religion: {
required: "Religion is required.",
},
Caste: {
required: "Caste is required.",
},
OtherCasteName: {
required: "Other Caste name 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>