File: /var/www/html/hrms-production/resources/views/components/employee-deputation-modal.blade.php
{{-- Modal for Add Deputation Detail --}}
{{-- Add Deputation Detail --}}
<div class="modal fade" id="AddDeputationDetail">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Employee Deputation</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="empDeputationDetailFormAdd">
<input type="hidden" name="_token" id="csrf_token_add" value="{{ csrf_token() }}">
<div class="card-body">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="mb-0" for="Employee">Employee Code <span
class="text-danger">*</span></label>
<select class="form-control form-control-sm select2" style="width: 100%;"
aria-hidden="true" name="EmployeeCode" id="EmployeeCode"
data-placeholder="Employee Code" required>
<option value="" selected="selected" disabled>Employee Code</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="mb-0" for="Designation">Designation</label>
<input type="text" class="form-control form-control-sm" name="Designation"
id="designation" readonly>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group mb-0">
<label for="RelievingDate" class="mb-0">Relieving Date <span
class="text-danger">*</span></label>
<div class="input-group date" data-target-input="nearest">
<input type="text" id="RelievingDate" name="RelievingDate"
class="form-control form-control-sm datetimepicker-input"
placeholder="DD/MM/YYYY" data-target="#RelievingDate" />
<div class="input-group-append" data-target="#RelievingDate"
data-toggle="datetimepicker">
<div class="input-group-text"><i class="fa fa-calendar"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<div class="form-group clearfix">
<label class="mb-0" for="date">Relieving Time: </label>
<div class="col-sm-12">
<div class="icheck-primary d-inline">
<input type="radio" id="RelievingForenoon" value="Forenoon"
name="RelievingTime" checked="">
<label class="mb-0" for="RelievingForenoon">Forenoon</label>
</div>
<div class="icheck-primary d-inline">
<input type="radio" id="RelievingAfternoon" value="Afternoon"
name="RelievingTime">
<label class="mb-0" for="RelievingAfternoon">Afternoon</label>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label class="mb-0" for="Office">Deputation Office <span
class="text-danger">*</span></label>
<input type="text" id="NameOfUniversity" name="NameOfUniversity"
class="form-control form-control-sm" placeholder="University/Office/Department">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label class="mb-0" for="NameOfPost">Name of Post <span
class="text-danger">*</span></label>
<select class="form-control form-control-sm select2" style="width: 100%;"
aria-hidden="true" name="NameOfPost" id="NameOfPost"
data-placeholder="Select Sanction Post">
<option value="" selected disabled>Select Post</option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="Scheme Name">Name of Scheme <span
class="text-danger">*</span></label>
<select class="form-control form-control-sm select2" style="width: 100%;"
aria-hidden="true" name="SchemeNameId" id="SchemeNameId"
data-placeholder="Select Scheme">
<option value="" disabled selected>Select Scheme</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-0">
<label for="OrderDate" class="mb-0">Joining Date <span
class="text-danger">*</span></label>
<div class="input-group date" data-target-input="nearest">
<input type="text" id="DeputationJoiningDate" name="DeputationJoiningDate"
class="form-control form-control-sm datetimepicker-input"
placeholder="DD/MM/YYYY" data-target="#DeputationJoiningDate" />
<div class="input-group-append" data-target="#DeputationJoiningDate"
data-toggle="datetimepicker">
<div class="input-group-text"><i class="fa fa-calendar"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<div class="form-group clearfix">
<label class="mb-0" for="date">Joining Time: </label>
<div class="col-sm-12">
<div class="icheck-primary d-inline">
<input type="radio" id="forenoon" value="Forenoon" name="JoiningTime"
checked="">
<label class="mb-0" for="forenoon">Forenoon</label>
</div>
<div class="icheck-primary d-inline">
<input type="radio" id="afternoon" value="Afternoon" name="JoiningTime">
<label class="mb-0" for="afternoon">Afternoon</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label class="mb-0" for="UniversityOrder">Order No. <span
class="text-danger">*</span></label>
<input type="text" id="DeputationOrderNo" name="DeputationOrderNo"
class="form-control form-control-sm">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label class="mb-0" for="Date">Order Date <span class="text-danger">*</span></label>
<div class="input-group date" data-target-input="nearest">
<input type="text" id="OrderDate" name="OrderDate"
class="form-control form-control-sm datetimepicker-input"
placeholder="DD/MM/YYYY" data-target="#OrderDate" />
<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 class="col-md-4">
<div class="form-group">
<label class="mb-0" for="DeputationOrder">Order file</label>
<div class="input-group input-group-sm">
<div class="custom-file">
<input type="file" class="custom-file-input" name="DeputationOrder"
id="DeputationOrder" accept="image/*, .pdf">
<label class="custom-file-label" for="DeputationOrder">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="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 -->
{{-- Modal for Update Deputation Detail --}}
{{-- Update Deputation Detail --}}
<div class="modal fade" id="updateDeputationDetail">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Edit Deputation <span id="EmployeeName" 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="updateDeputationDetailForm">
<input type="hidden" name="_token" id="csrf_token_update" value="{{ csrf_token() }}">
<input type="hidden" id="DeputationDetailId" name="DeputationDetailId">
<div class="card-body">
<div class="row">
<div class="col-md-6">
<div class="form-group mb-0">
<label for="RelievingDate" class="mb-0">Relieving Date <span
class="text-danger">*</span></label>
<div class="input-group date" data-target-input="nearest">
<input type="text" id="EditRelievingDate" name="RelievingDate"
class="form-control form-control-sm datetimepicker-input"
placeholder="DD/MM/YYYY" data-target="#EditRelievingDate" />
<div class="input-group-append" data-target="#EditRelievingDate"
data-toggle="datetimepicker">
<div class="input-group-text"><i class="fa fa-calendar"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<div class="form-group clearfix">
<label class="mb-0" for="date">Relieving Time: </label>
<div class="col-sm-12">
<div class="icheck-primary d-inline">
<input type="radio" id="EditRelievingForenoon" value="Forenoon"
name="EditRelievingTime">
<label class="mb-0" for="EditRelievingForenoon">Forenoon</label>
</div>
<div class="icheck-primary d-inline">
<input type="radio" id="EditRelievingAfternoon" value="Afternoon"
name="EditRelievingTime">
<label class="mb-0" for="EditRelievingAfternoon">Afternoon</label>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label class="mb-0" for="Office">Deputation Office <span
class="text-danger">*</span></label>
<input type="text" id="EditNameOfUniversity" name="NameOfUniversity"
class="form-control form-control-sm" placeholder="University/Office/Department">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label class="mb-0" for="NameOfPost">Name of Post <span
class="text-danger">*</span></label>
<select class="form-control form-control-sm select2" style="width: 100%;"
aria-hidden="true" name="NameOfPost" id="EditNameOfPost"
data-placeholder="Select Sanction Post">
<option value="" selected disabled>Select Post</option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="Scheme Name">Name of Scheme <span
class="text-danger">*</span></label>
<select class="form-control form-control-sm select2" style="width: 100%;"
aria-hidden="true" name="SchemeNameId" id="EditSchemeNameId"
data-placeholder="Select Scheme">
<option value="" disabled selected>Select Scheme</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-0">
<label for="OrderDate" class="mb-0">Joining Date <span
class="text-danger">*</span></label>
<div class="input-group date" data-target-input="nearest">
<input type="text" id="EditDeputationJoiningDate" name="DeputationJoiningDate"
class="form-control form-control-sm datetimepicker-input"
placeholder="DD/MM/YYYY" data-target="#EditDeputationJoiningDate" />
<div class="input-group-append" data-target="#EditDeputationJoiningDate"
data-toggle="datetimepicker">
<div class="input-group-text"><i class="fa fa-calendar"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<div class="form-group clearfix">
<label class="mb-0" for="date">Joining Time: </label>
<div class="col-sm-12">
<div class="icheck-primary d-inline">
<input type="radio" id="EditJoiningForenoon" value="Forenoon"
name="EditJoiningTime">
<label class="mb-0" for="EditJoiningForenoon">Forenoon</label>
</div>
<div class="icheck-primary d-inline">
<input type="radio" id="EditJoiningAfternoon" value="Afternoon"
name="EditJoiningTime">
<label class="mb-0" for="EditJoiningAfternoon">Afternoon</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label class="mb-0" for="UniversityOrder">Order No. <span
class="text-danger">*</span></label>
<input type="text" id="EditDeputationOrderNo" name="DeputationOrderNo"
class="form-control form-control-sm">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label class="mb-0" for="Date">Order Date <span class="text-danger">*</span></label>
<div class="input-group date" data-target-input="nearest">
<input type="text" id="EditOrderDate" name="OrderDate"
class="form-control form-control-sm datetimepicker-input"
placeholder="DD/MM/YYYY" data-target="#EditOrderDate" />
<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 class="col-md-4">
<div class="form-group">
<label class="mb-0" for="DeputationOrder">Order file</label>
<div class="input-group input-group-sm">
<div class="custom-file">
<input type="file" class="custom-file-input" name="DeputationOrder"
id="EditDeputationOrder" accept="image/*, .pdf">
<label class="custom-file-label" for="DeputationOrder">Choose
file</label>
</div>
</div>
</div>
</div>
</div>
{{-- Is Return Row--}}
<div class="row">
<div class="col-md-12">
<div class="form-group mb-2">
<div class="clearfix mb-4">
<div class="icheck-primary">
<input type="checkbox" name="EditIsReturned" id="EditIsReturned">
<label class="mb-0" for="EditIsReturned">Is Returned</label>
</div>
</div>
</div>
</div>
</div>
<div class="row" id="IsReturned_field" style="display: none">
<div class="col-md-4">
<div class="form-group">
<label class="mb-0" for="UniversityOrder">Return Order No. <span
class="text-danger">*</span></label>
<input type="text" id="EditReturnDeputationOrderNo" name="ReturnOrderNo"
class="form-control form-control-sm">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label class="mb-0" for="Date">Return Order Date <span
class="text-danger">*</span></label>
<div class="input-group date" data-target-input="nearest">
<input type="text" id="EditReturnOrderDate" name="ReturnOrderDate"
class="form-control form-control-sm datetimepicker-input"
placeholder="DD/MM/YYYY" data-target="#EditReturnOrderDate" />
<div class="input-group-append" data-target="#EditReturnOrderDate"
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">
<label class="mb-0" for="DeputationOrder">Return Order file</label>
<div class="input-group input-group-sm">
<div class="custom-file">
<input type="file" class="custom-file-input" name="ReturnDeputationOrder"
id="EditReturnDeputationOrder" accept="image/*, .pdf">
<label class="custom-file-label" for="DeputationOrder">Choose
file</label>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-0">
<label for="RelievingDate" class="mb-0">Return Relieving Date <span
class="text-danger">*</span></label>
<div class="input-group date" data-target-input="nearest">
<input type="text" id="EditReturnRelievingDate" name="RelievingDate"
class="form-control form-control-sm datetimepicker-input"
placeholder="DD/MM/YYYY" data-target="#EditReturnRelievingDate" />
<div class="input-group-append" data-target="#EditReturnRelievingDate"
data-toggle="datetimepicker">
<div class="input-group-text"><i class="fa fa-calendar"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<div class="form-group clearfix">
<label class="mb-0" for="date">Return Relieving Time: </label>
<div class="col-sm-12">
<div class="icheck-primary d-inline">
<input type="radio" id="EditReturnRelievingForenoon" value="Forenoon"
name="EditReturnRelievingTime">
<label class="mb-0" for="EditReturnRelievingForenoon">Forenoon</label>
</div>
<div class="icheck-primary d-inline">
<input type="radio" id="EditReturnRelievingAfternoon" value="Afternoon"
name="EditReturnRelievingTime">
<label class="mb-0" for="EditReturnRelievingAfternoon">Afternoon</label>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-0">
<label for="OrderDate" class="mb-0">Return Joining Date <span
class="text-danger">*</span></label>
<div class="input-group date" data-target-input="nearest">
<input type="text" id="EditReturnDeputationJoiningDate"
name="DeputationJoiningDate"
class="form-control form-control-sm datetimepicker-input"
placeholder="DD/MM/YYYY" data-target="#EditReturnDeputationJoiningDate" />
<div class="input-group-append" data-target="#EditReturnDeputationJoiningDate"
data-toggle="datetimepicker">
<div class="input-group-text"><i class="fa fa-calendar"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<div class="form-group clearfix">
<label class="mb-0" for="date">Return Joining Time: </label>
<div class="col-sm-12">
<div class="icheck-primary d-inline">
<input type="radio" id="EditReturnJoiningForenoon" value="Forenoon"
name="EditReturnJoiningTime">
<label class="mb-0" for="EditReturnJoiningForenoon">Forenoon</label>
</div>
<div class="icheck-primary d-inline">
<input type="radio" id="EditReturnJoiningAfternoon" value="Afternoon"
name="EditReturnJoiningTime">
<label class="mb-0" for="EditReturnJoiningAfternoon">Afternoon</label>
</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 -->
{{-- Modal for Return Deputation Detail --}}
{{-- Return Deputation Detail --}}
<div class="modal fade" id="returnDeputationDetail">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Return from Deputation <span id="ReturnEmployeeName" 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="returnDeputationDetailForm">
<input type="hidden" name="_token" id="csrf_token_return" value="{{ csrf_token() }}">
<input type="hidden" id="ReturnDeputationDetailId" name="DeputationDetailId">
<div class="card-body">
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label class="mb-0" for="UniversityOrder">Order No. <span
class="text-danger">*</span></label>
<input type="text" id="ReturnDeputationOrderNo" name="ReturnOrderNo"
class="form-control form-control-sm" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label class="mb-0" for="Date">Order Date <span class="text-danger">*</span></label>
<div class="input-group date" data-target-input="nearest">
<input type="text" id="ReturnOrderDate" name="ReturnOrderDate"
class="form-control form-control-sm datetimepicker-input"
placeholder="DD/MM/YYYY" data-target="#ReturnOrderDate" required />
<div class="input-group-append" data-target="#ReturnOrderDate"
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">
<label class="mb-0" for="DeputationOrder">Order file</label>
<div class="input-group input-group-sm">
<div class="custom-file">
<input type="file" class="custom-file-input" name="ReturnDeputationOrder"
id="ReturnDeputationOrder" accept="image/*, .pdf">
<label class="custom-file-label" for="DeputationOrder">Choose
file</label>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group mb-0">
<label for="RelievingDate" class="mb-0">Relieving Date <span
class="text-danger">*</span></label>
<div class="input-group date" data-target-input="nearest">
<input type="text" id="ReturnRelievingDate" name="RelievingDate"
class="form-control form-control-sm datetimepicker-input"
placeholder="DD/MM/YYYY" data-target="#ReturnRelievingDate" />
<div class="input-group-append" data-target="#ReturnRelievingDate"
data-toggle="datetimepicker">
<div class="input-group-text"><i class="fa fa-calendar"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<div class="form-group clearfix">
<label class="mb-0" for="date">Relieving Time: </label>
<div class="col-sm-12">
<div class="icheck-primary d-inline">
<input type="radio" id="ReturnRelievingForenoon" value="Forenoon"
name="ReturnRelievingTime">
<label class="mb-0" for="ReturnRelievingForenoon">Forenoon</label>
</div>
<div class="icheck-primary d-inline">
<input type="radio" id="ReturnRelievingAfternoon" value="Afternoon"
name="ReturnRelievingTime" checked>
<label class="mb-0" for="ReturnRelievingAfternoon">Afternoon</label>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-0">
<label for="OrderDate" class="mb-0">Joining Date <span
class="text-danger">*</span></label>
<div class="input-group date" data-target-input="nearest">
<input type="text" id="ReturnDeputationJoiningDate" name="DeputationJoiningDate"
class="form-control form-control-sm datetimepicker-input"
placeholder="DD/MM/YYYY" data-target="#ReturnDeputationJoiningDate" />
<div class="input-group-append" data-target="#ReturnDeputationJoiningDate"
data-toggle="datetimepicker">
<div class="input-group-text"><i class="fa fa-calendar"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<div class="form-group clearfix">
<label class="mb-0" for="date">Joining Time: </label>
<div class="col-sm-12">
<div class="icheck-primary d-inline">
<input type="radio" id="ReturnJoiningForenoon" value="Forenoon"
name="ReturnJoiningTime" checked>
<label class="mb-0" for="ReturnJoiningForenoon">Forenoon</label>
</div>
<div class="icheck-primary d-inline">
<input type="radio" id="ReturnJoiningAfternoon" value="Afternoon"
name="ReturnJoiningTime">
<label class="mb-0" for="ReturnJoiningAfternoon">Afternoon</label>
</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 -->
{{-- Modal for Revise Deputation Detail --}}
{{-- Revise Deputation Detail --}}
<div class="modal fade" id="ReviseDeputationDetail">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Revise Deputation <span id="ReviseEmployeeName" 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="ReviseDeputationDetailForm">
<input type="hidden" name="_token" id="csrf_token_revise" value="{{ csrf_token() }}">
<input type="hidden" id="ReviseDeputationDetailId" name="DeputationDetailId">
<div class="card-body">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="mb-0" for="UniversityOrder">Order No. <span
class="text-danger">*</span></label>
<input type="text" id="ReviseDeputationOrderNo" name="ReviseOrderNo"
class="form-control form-control-sm" required>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="mb-0" for="Date">Order Date <span class="text-danger">*</span></label>
<div class="input-group date" data-target-input="nearest">
<input type="text" id="ReviseOrderDate" name="ReviseOrderDate"
class="form-control form-control-sm datetimepicker-input"
placeholder="DD/MM/YYYY" data-target="#ReviseOrderDate" required />
<div class="input-group-append" data-target="#ReviseOrderDate"
data-toggle="datetimepicker">
<div class="input-group-text"><i class="fa fa-calendar"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="mb-0" for="DeputationOrder">Order file</label>
<div class="input-group input-group-sm">
<div class="custom-file">
<input type="file" class="custom-file-input" name="ReviseDeputationOrder"
id="ReviseDeputationOrder" accept="image/*, .pdf">
<label class="custom-file-label" for="DeputationOrder">Choose
file</label>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-0">
<label for="DeputationPeriodDate" class="mb-0">Deputation Clear Date </label>
<div class="input-group date" data-target-input="nearest">
<input type="text" id="DeputationClearDate" name="DeputationClearDate"
class="form-control form-control-sm datetimepicker-input"
placeholder="DD/MM/YYYY" data-target="#DeputationClearDate" />
<div class="input-group-append" data-target="#DeputationClearDate"
data-toggle="datetimepicker">
<div class="input-group-text"><i class="fa fa-calendar"></i>
</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 --}}
{{-- 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').val(null).trigger('change');
});
}
});
});
// Get Employee Details
$('#EmployeeCode').on('select2:select', function (e) {
var data = e.params.data;
var EmployeeId = data.id;
$('#EmployeeId, #EmpCode, #designation').val('');
getEmployeeDetail(EmployeeId);
// Reset Form field on change Employee Code
$('#NameOfUniversity, #DeputationOrderNo, #DeputationJoiningDate, #NameOfPost, #DeputationOrder').val('');
});
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);
$('#ActualWorkPlace').val(json.ActualWorkPlace);
$('#EmployeeDDO').val(json.DDOName);
$('#department').val(json.DepartmentName);
$('#designation').val(json.DesignationName);
$('span#TableEmployeeTitle').html('#' +json.EmployeeName+ ' (' +json.EmployeeCode+ ')' );
}
});
}
</script>
{{-- Post List --}}
<script>
$(document).ready(function() {
$.ajax({
type: "GET",
url: "{{ url('/sanction-post-list') }}",
dataType: "json",
success: function(response) {
var json = response.SanctionPost;
$.each(json, function(i, SanctionPost) {
$("#NameOfPost, #EditNameOfPost").append("<option value='" + SanctionPost.SanctionPostId + "'>" + SanctionPost.SanctionPostName + "</option>");
$('#NameOfPost').val(null).trigger('change');
$('#EditNameOfPost').trigger('change');
});
}
});
});
</script>
{{-- Name of Scheme List --}}
<script>
$(document).ready(function() {
$.ajax({
type: "GET",
url: "{{ url('/scheme-name-list') }}",
dataType: "json",
success: function(response) {
var json = response.SchemeNameList;
$.each(json, function(i, schemename) {
$("#SchemeNameId, #EditSchemeNameId").append("<option value='" + schemename.SchemeNameId + "'>" + schemename.NameOfScheme + "</option>");
$('#SchemeNameId, #EditSchemeNameId').trigger('change');
});
}
});
});
</script>
{{-- Validate form and Save data --}}
<script>
$(function () {
$.validator.setDefaults({
submitHandler: function () {
event.preventDefault();
// Get Form Data
var token = $("#csrf_token_add").val();
var EmpCode = $("#EmployeeCode").find('option:selected').text();
var EmployeeCode = EmpCode.split(' ')[0];
var EmployeeId = $('#EmployeeCode :selected').val();
var RelievingDate = $('#RelievingDate').val();
var RelievingTime = $('input[name=RelievingTime]:checked').val();
var NameOfUniversity = $('#NameOfUniversity').val();
var NameOfPost = $('#NameOfPost :selected').val();
var SchemeNameId = $('#SchemeNameId :selected').val();
var DeputationJoiningDate = $('#DeputationJoiningDate').val();
var JoiningTime = $('input[name=JoiningTime]:checked').val();
var DeputationOrderNo = $('#DeputationOrderNo').val();
var OrderDate = $('#OrderDate').val();
var DeputationOrder = $('#DeputationOrder')[0].files;
var fd = new FormData();
fd.append('_token',token);
fd.append('EmployeeId',EmployeeId);
fd.append('EmployeeCode',EmployeeCode);
fd.append('DateOfRelieving',RelievingDate);
fd.append('RelievingTime',RelievingTime);
fd.append('DeputationDepartment',NameOfUniversity);
fd.append('NameOfDeputationPost',NameOfPost);
fd.append('SchemeNameId',SchemeNameId);
fd.append('DeputationDate',DeputationJoiningDate);
fd.append('JoiningTime',JoiningTime);
fd.append('DeputationOrderNo',DeputationOrderNo)
fd.append('OrderDate',OrderDate);
// files data
fd.append('DeputationOrder',DeputationOrder[0]);
$.ajax({
type: "post",
url: "{{ url('store-employee-deputation') }}",
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: 'Deputation 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!'
});
}
});
}
});
$('#empDeputationDetailFormAdd').validate({
rules: {
EmployeeCode: {
required: true,
},
RelievingDate: {
required: true,
},
NameOfUniversity: {
required: true,
},
NameOfPost: {
required: true,
},
DeputationJoiningDate: {
required: true,
},
OrderDate: {
required: true,
},
DeputationOrderNo: {
required: true,
},
DeputationOrder: {
//required: true,
accept: "image/*, pdf",
},
},
messages: {
EmployeeCode: {
required: "Please select employee code.",
},
NameOfUniversity: {
required: "Name of University is required.",
},
NameOfPost: {
required: "Please enter the Post name.",
},
DeputationJoiningDate: {
required: "Please select the date.",
},
DeputationOrderNo: {
required: "Order number is required.",
},
DeputationOrder: {
required: 'Upload the Order.',
},
},
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 Deputation Detail --}}
<script>
function deleteDeputationDetail(DeputationDetailId) {
var DeputationDetailId = DeputationDetailId;
Swal.fire({
title: "Delete Deputation Detail?",
text: "Are you sure you want to delete this Deputation detail?",
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-employee-deputation",
dataType: "json",
data: {
_token: "{{csrf_token()}}",
DeputationDetailId: DeputationDetailId,
},
success: function (response) {
Swal.fire({
icon: "success",
title: "Deputation detail has been deleted!",
showConfirmButton: false,
timer: 1500,
}).then(function () {
location.reload();
});
},
});
}
});
}
</script>
{{-- Is Return CheckBox --}}
<script>
$(document).ready(function() {
$("#EditIsReturned").click(function() {
if($('#EditIsReturned').is(':checked')) {
$("#IsReturned_field").css('display', '');
$("#EditReturnDeputationOrderNo, #EditReturnOrderDate").prop('required', true);
$("#EditReturnRelievingDate, #EditReturnDeputationJoiningDate").prop('required', true);
} else {
$("#IsReturned_field").css('display', 'none');
$("#EditReturnDeputationOrderNo, #EditReturnOrderDate").prop('required', false);
$("#EditReturnRelievingDate, #EditReturnDeputationJoiningDate").prop('required', false);
}
});
});
</script>
{{-- Edit Deputation Detail --}}
<script>
function editDeputationDetail(DeputationDetailId)
{
var DeputationDetailId = DeputationDetailId;
$.ajax({
type: "post",
url: "{{ url('/') }}/edit-employee-deputation",
dataType: "json",
data: {
_token: "{{csrf_token()}}",
DeputationDetailId: DeputationDetailId,
},
success: function (response) {
$('#DeputationDetailId').val(response.GetDeputationDetail.DeputationDetailId);
$('span#EmployeeName').html('#' +response.GetDeputationDetail.EmployeeName);
if (response.GetDeputationDetail.RelievingDate) {
var RDate = new Date(response.GetDeputationDetail.RelievingDate);
$('#EditRelievingDate').val(((RDate.getDate() > 9) ? RDate.getDate() : ('0' + RDate.getDate())) + '/' + ((RDate.getMonth() > 8) ? (RDate.getMonth() + 1) : ('0' + (RDate.getMonth() + 1))) + '/' + RDate.getFullYear());
}
if (response.GetDeputationDetail.RelievingTime == 'Forenoon') {
$("input#EditRelievingForenoon").prop('checked', true);
} else {
$("input#EditRelievingAfternoon").prop('checked', true);
}
$('#EditNameOfUniversity').val(response.GetDeputationDetail.DeputationDepartment);
$('#EditNameOfPost').val(response.GetDeputationDetail.NameOfDeputationPost);
$('#EditNameOfPost').trigger('change');
$('#EditSchemeNameId').val(response.GetDeputationDetail.SchemeNameId);
$('#EditSchemeNameId').trigger('change');
if (response.GetDeputationDetail.DeputationJoiningDate) {
var JDate = new Date(response.GetDeputationDetail.DeputationJoiningDate);
$('#EditDeputationJoiningDate').val(((JDate.getDate() > 9) ? JDate.getDate() : ('0' + JDate.getDate())) + '/' + ((JDate.getMonth() > 8) ? (JDate.getMonth() + 1) : ('0' + (JDate.getMonth() + 1))) + '/' + JDate.getFullYear());
}
if (response.GetDeputationDetail.JoiningTime == 'Forenoon') {
$("input#EditJoiningForenoon").prop('checked', true);
} else {
$("input#EditJoiningAfternoon").prop('checked', true);
}
$('#EditDeputationOrderNo').val(response.GetDeputationDetail.DeputationOrderNo);
if (response.GetDeputationDetail.DeputationJoiningDate) {
var EJDate = new Date(response.GetDeputationDetail.DeputationJoiningDate);
$('#EditOrderDate').val(((EJDate.getDate() > 9) ? EJDate.getDate() : ('0' + EJDate.getDate())) + '/' + ((EJDate.getMonth() > 8) ? (EJDate.getMonth() + 1) : ('0' + (EJDate.getMonth() + 1))) + '/' + EJDate.getFullYear());
}
// If Deputation is returned
if (response.GetDeputationDetail.IsReturned == '1') {
$('#IsReturned_field').css('display', '');
$("input#EditIsReturned").prop('checked', true);
$('#EditReturnDeputationOrderNo').val(response.GetDeputationDetail.ReturnReviseOrderNo);
if (response.GetDeputationDetail.ReturnReviseOrderDate) {
var RRDate = new Date(response.GetDeputationDetail.ReturnReviseOrderDate);
$('#EditReturnOrderDate').val(((RRDate.getDate() > 9) ? RRDate.getDate() : ('0' + RRDate.getDate())) + '/' + ((RRDate.getMonth() > 8) ? (RRDate.getMonth() + 1) : ('0' + (RRDate.getMonth() + 1))) + '/' + RRDate.getFullYear());
}
if (response.GetDeputationDetail.ReturnRelievingDate) {
var RLDate = new Date(response.GetDeputationDetail.ReturnRelievingDate);
$('#EditReturnRelievingDate').val(((RLDate.getDate() > 9) ? RLDate.getDate() : ('0' + RLDate.getDate())) + '/' + ((RLDate.getMonth() > 8) ? (RLDate.getMonth() + 1) : ('0' + (RLDate.getMonth() + 1))) + '/' + RLDate.getFullYear());
}
if (response.GetDeputationDetail.ReturnRelievingTime == 'Forenoon') {
$("input#EditReturnRelievingForenoon").prop('checked', true);
} else {
$("input#EditReturnRelievingAfternoon").prop('checked', true);
}
if (response.GetDeputationDetail.ReturnJoiningDate) {
var RJDate = new Date(response.GetDeputationDetail.ReturnJoiningDate);
$('#EditReturnDeputationJoiningDate').val(((RJDate.getDate() > 9) ? RJDate.getDate() : ('0' + RJDate.getDate())) + '/' + ((RJDate.getMonth() > 8) ? (RJDate.getMonth() + 1) : ('0' + (RJDate.getMonth() + 1))) + '/' + RJDate.getFullYear());
}
if (response.GetDeputationDetail.ReturnJoiningTime == 'Forenoon') {
$("input#EditReturnJoiningForenoon").prop('checked', true);
} else {
$("input#EditReturnJoiningAfternoon").prop('checked', true);
}
} else {
$("input#EditIsReturned").prop('checked', false);
$('#IsReturned_field').css('display', 'none');
$("input#EditReturnRelievingForenoon").prop('checked', false);
$("input#EditReturnRelievingAfternoon").prop('checked', true);
$("input#EditReturnJoiningForenoon").prop('checked', true);
$("input#EditReturnJoiningAfternoon").prop('checked', false);
}
}
});
$('#updateDeputationDetail').modal('show');
}
</script>
{{-- Validate and Update Deputation --}}
<script>
$(function () {
$.validator.setDefaults({
submitHandler: function () {
event.preventDefault();
// Get Form Data
var token = $("#csrf_token_add").val();
var DeputationDetailId = $("#DeputationDetailId").val();
var RelievingDate = $('#EditRelievingDate').val();
var RelievingTime = $('input[name=EditRelievingTime]:checked').val();
var NameOfUniversity = $('#EditNameOfUniversity').val();
var NameOfPost = $('#EditNameOfPost :selected').val();
var SchemeNameId = $('#EditSchemeNameId :selected').val();
var DeputationJoiningDate = $('#EditDeputationJoiningDate').val();
var JoiningTime = $('input[name=EditJoiningTime]:checked').val();
var DeputationOrderNo = $('#EditDeputationOrderNo').val();
var OrderDate = $('#EditOrderDate').val();
var DeputationOrder = $('#EditDeputationOrder')[0].files;
// If Return
var IsReturned = '';
var ReturnOrderNo = '';
var ReturnOrderDate = '';
var ReturnDeputationOrder = '';
var ReturnRelievingDate = '';
var ReturnRelievingTime = '';
var ReturnDeputationJoiningDate = '';
var ReturnJoiningTime = '';
if($('#EditIsReturned').is(':checked'))
{
var IsReturned = '1';
var ReturnOrderNo = $('#EditReturnDeputationOrderNo').val();
var ReturnOrderDate = $('#EditReturnOrderDate').val();
var ReturnDeputationOrder = $('#EditReturnDeputationOrder')[0].files;
var ReturnRelievingDate = $('#EditReturnRelievingDate').val();
var ReturnRelievingTime = $('input[name=EditReturnRelievingTime]:checked').val();
var ReturnDeputationJoiningDate = $('#EditReturnDeputationJoiningDate').val();
var ReturnJoiningTime = $('input[name=EditReturnJoiningTime]:checked').val();
}
else
{
var IsReturned = '0';
}
var fd = new FormData();
fd.append('_token',token);
fd.append('DeputationDetailId',DeputationDetailId);
fd.append('DateOfRelieving',RelievingDate);
fd.append('RelievingTime',RelievingTime);
fd.append('DeputationDepartment',NameOfUniversity);
fd.append('NameOfDeputationPost',NameOfPost);
fd.append('SchemeNameId',SchemeNameId);
fd.append('DeputationDate',DeputationJoiningDate);
fd.append('JoiningTime',JoiningTime);
fd.append('DeputationOrderNo',DeputationOrderNo)
fd.append('OrderDate',OrderDate);
fd.append('IsReturned',IsReturned);
fd.append('ReturnReviseOrderNo',ReturnOrderNo);
fd.append('ReturnOrderDate',ReturnOrderDate);
fd.append('ReturnOfRelievingDate',ReturnRelievingDate);
fd.append('ReturnRelievingTime',ReturnRelievingTime);
fd.append('ReturnOfJoiningDate',ReturnDeputationJoiningDate);
fd.append('ReturnJoiningTime',ReturnJoiningTime);
// files data
fd.append('DeputationOrder',DeputationOrder[0]);
fd.append('ReturnDeputationOrder',ReturnDeputationOrder[0]);
$.ajax({
type: "post",
url: "{{ url('update-employee-deputation') }}",
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: 'Deputation 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!'
});
}
});
}
});
$('#updateDeputationDetailForm').validate({
rules: {
RelievingDate: {
required: true,
},
NameOfUniversity: {
required: true,
},
NameOfPost: {
required: true,
},
DeputationJoiningDate: {
required: true,
},
OrderDate: {
required: true,
},
DeputationOrderNo: {
required: true,
},
DeputationOrder: {
//required: true,
accept: "image/*, pdf",
},
},
messages: {
NameOfUniversity: {
required: "Name of University is required.",
},
NameOfPost: {
required: "Please enter the Post name.",
},
DeputationJoiningDate: {
required: "Please select the date.",
},
DeputationOrderNo: {
required: "Order number is required.",
},
},
errorElement: 'span',
errorPlacement: function (error, element) {
error.addClass('invalid-feedback');
element.closest('.form-group').append(error);
},
highlight: function (element, errorClass, validClass) {
$(element).addClass('is-invalid');
},
unhighlight: function (element, errorClass, validClass) {
$(element).removeClass('is-invalid');
}
});
});
</script>
{{-- Return Deputation Detail --}}
<script>
function returnDeputationDetail(DeputationDetailId)
{
var DeputationDetailId = DeputationDetailId;
$.ajax({
type: "post",
url: "{{ url('/') }}/edit-employee-deputation",
dataType: "json",
data: {
_token: "{{csrf_token()}}",
DeputationDetailId: DeputationDetailId,
},
success: function (response) {
$('#ReturnDeputationDetailId').val(response.GetDeputationDetail.DeputationDetailId);
$('span#ReturnEmployeeName').html('#' +response.GetDeputationDetail.EmployeeName);
}
});
$('#returnDeputationDetail').modal('show');
}
</script>
{{-- Validate and Return Deputation Member --}}
<script>
$(function () {
$.validator.setDefaults({
submitHandler: function () {
event.preventDefault();
// Get Form Data
var token = $("#csrf_token_return").val();
var DeputationDetailId = $("#ReturnDeputationDetailId").val();
var RelievingDate = $('#ReturnRelievingDate').val();
var RelievingTime = $('input[name=ReturnRelievingTime]:checked').val();
// var NameOfUniversity = $('#EditNameOfUniversity').val();
// var NameOfPost = $('#EditNameOfPost :selected').val();
var DeputationJoiningDate = $('#ReturnDeputationJoiningDate').val();
var JoiningTime = $('input[name=ReturnJoiningTime]:checked').val();
var DeputationOrderNo = $('#ReturnDeputationOrderNo').val();
var OrderDate = $('#ReturnOrderDate').val();
var DeputationOrder = $('#ReturnDeputationOrder')[0].files;
var fd = new FormData();
fd.append('_token',token);
fd.append('DeputationDetailId',DeputationDetailId);
fd.append('ReturnOfRelieving',RelievingDate);
fd.append('ReturnRelievingTime',RelievingTime);
// fd.append('DeputationDepartment',NameOfUniversity);
// fd.append('NameOfDeputationPost',NameOfPost);
fd.append('ReturnDateOfJoining',DeputationJoiningDate);
fd.append('ReturnJoiningTime',JoiningTime);
fd.append('ReturnReviseOrderNo',DeputationOrderNo)
fd.append('DateOfReturnReviseOrder',OrderDate);
// files data
fd.append('ReturnReviseDeputationOrder',DeputationOrder[0]);
$.ajax({
type: "post",
url: "{{ url('return-employee-deputation') }}",
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: 'Deputation 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!'
});
}
});
}
});
$('#returnDeputationDetailForm').validate({
rules: {
RelievingDate: {
required: true,
},
DeputationJoiningDate: {
required: true,
},
ReturnDeputationOrder: {
//required: true,
accept: "image/*, pdf",
},
},
messages: {
RelievingDate: {
required: "Date is required.",
},
DeputationJoiningDate: {
required: "Date is required.",
},
DeputationOrderNo: {
required: "Order number is required.",
},
},
errorElement: 'span',
errorPlacement: function (error, element) {
error.addClass('invalid-feedback');
element.closest('.form-group').append(error);
},
highlight: function (element, errorClass, validClass) {
$(element).addClass('is-invalid');
},
unhighlight: function (element, errorClass, validClass) {
$(element).removeClass('is-invalid');
}
});
});
</script>
{{-- Revise Deputation Detail --}}
<script>
function reviseDeputationDetail(DeputationDetailId)
{
var DeputationDetailId = DeputationDetailId;
$.ajax({
type: "post",
url: "{{ url('/') }}/edit-employee-deputation",
dataType: "json",
data: {
_token: "{{csrf_token()}}",
DeputationDetailId: DeputationDetailId,
},
success: function (response) {
$('#ReviseDeputationDetailId').val(response.GetDeputationDetail.DeputationDetailId);
$('span#ReviseEmployeeName').html('#' +response.GetDeputationDetail.EmployeeName);
}
});
$('#ReviseDeputationDetail').modal('show');
}
</script>
{{-- Validate and Revise Deputation Member --}}
<script>
$(function () {
$.validator.setDefaults({
submitHandler: function () {
event.preventDefault();
// Get Form Data
var token = $("#csrf_token_revise").val();
var DeputationDetailId = $("#ReviseDeputationDetailId").val();
var DeputationOrderNo = $('#ReviseDeputationOrderNo').val();
var OrderDate = $('#ReviseOrderDate').val();
var DeputationClearDate = $('#DeputationClearDate').val();
var DeputationOrder = $('#ReviseDeputationOrder')[0].files;
var fd = new FormData();
fd.append('_token',token);
fd.append('DeputationDetailId',DeputationDetailId);
fd.append('ReturnReviseOrderNo',DeputationOrderNo)
fd.append('DateOfReturnReviseOrder',OrderDate);
fd.append('ClearDate',DeputationClearDate);
// files data
fd.append('ReturnReviseDeputationOrder',DeputationOrder[0]);
$.ajax({
type: "post",
url: "{{ url('revise-employee-deputation') }}",
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: 'Deputation 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!'
});
}
});
}
});
$('#ReviseDeputationDetailForm').validate({
rules: {
ReviseOrderNo: {
required: true,
},
ReviseOrderDate: {
required: true,
},
ReviseDeputationOrder: {
//required: true,
accept: "image/*, pdf",
},
},
messages: {
ReviseOrderNo: {
required: "Order number is required.",
},
ReviseOrderDate: {
required: "Date 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>
{{-- Cancel Revise Deputation Detail --}}
<script>
function cancelReviseDeputationDetail(DeputationDetailId) {
var DeputationDetailId = DeputationDetailId;
Swal.fire({
title: "Cancel Deputation Revise?",
text: "Are you sure you want to cancel this Deputation revise?",
icon: "warning",
icon: "warning",
showCancelButton: true,
confirmButtonColor: "#3085d6",
cancelButtonColor: "#d33",
confirmButtonText: "Yes, cancel it!",
}).then((result) => {
if (result.isConfirmed) {
$.ajax({
type: "post",
url: "{{ url('/') }}/cancel-employee-deputation-revise",
dataType: "json",
data: {
_token: "{{csrf_token()}}",
DeputationDetailId: DeputationDetailId,
},
success: function (response) {
Swal.fire({
icon: "success",
title: "Deputation revise has been cancelled!",
showConfirmButton: false,
timer: 1500,
}).then(function () {
location.reload();
});
},
});
}
});
}
</script>
{{-- Approve Deputation Detail --}}
<script>
function ApproveDeputationDetail(DeputationDetailId) {
var DeputationDetailId = DeputationDetailId;
Swal.fire({
title: "Approve Deputation Detail?",
text: "Are you sure you want to approve this Deputation detail?",
icon: "warning",
icon: "warning",
showCancelButton: true,
confirmButtonColor: "#3085d6",
cancelButtonColor: "#d33",
confirmButtonText: "Yes, Approve it!",
}).then((result) => {
if (result.isConfirmed) {
$.ajax({
type: "post",
url: "{{ url('/') }}/approve-employee-deputation",
dataType: "json",
data: {
_token: "{{csrf_token()}}",
DeputationDetailId: DeputationDetailId,
},
success: function (response) {
Swal.fire({
icon: "success",
title: "Deputation detail has been approved!",
showConfirmButton: false,
timer: 1500,
}).then(function () {
location.reload();
});
},
});
}
});
}
</script>