HEX
Server: Apache/2.4.46 (Ubuntu)
System: Linux localhost 5.11.0-49-generic #55-Ubuntu SMP Wed Jan 12 17:36:34 UTC 2022 x86_64
User: root (0)
PHP: 7.4.16
Disabled: pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare,
Upload Files
File: /var/www/html/hrms-production/storage/framework/views/5b9a42fd04314b46b0ab7d145f566b4ab0c45968.php

<?php $__env->startSection('content'); ?>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->

    <!-- Main content -->
    <section class="content-header">
        <div class="container-fluid">
            
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h5>Add Name Change</h5>
                        </div>
                        <!-- /.card-header -->
                        <div class="card-body">
                            <form class="form-horizontal" id="empNameChangeFormAdd">
                                <input type="hidden" name="_token" id="csrf_token" value="<?php echo e(csrf_token()); ?>">
                                <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="Employee Code" required>
                                                    <option selected="selected" disabled>Employee Code</option>
                                                </select>
                                            </div>
                                        </div>
                                        <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">
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text"><i class="fas fa-pen"></i></span>
                                                    </div>
                                                    <input type="text" class="form-control form-control-sm"
                                                        name="EmployeeName" id="employeeName" readonly>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="EmployeeDDO"
                                                class="col-sm-4 col-form-label text-right">DDO:</label>
                                            <div class="col-sm-8">
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text"><i class="fas fa-pen"></i></span>
                                                    </div>
                                                    <input type="text" class="form-control form-control-sm"
                                                        name="EmployeeDDO" id="EmployeeDDO" readonly>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group row mb-0">
                                            <label for="ActualWorkPlace" class="col-sm-4 col-form-label text-right">Work
                                                Place:</label>
                                            <div class="col-sm-8">
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text"><i class="fas fa-pen"></i></span>
                                                    </div>
                                                    <input type="text" class="form-control form-control-sm"
                                                        name="ActualWorkPlace" id="ActualWorkPlace" readonly>
                                                </div>
                                            </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">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text"><i class="fas fa-pen"></i></span>
                                                    </div>
                                                    <input type="text" class="form-control form-control-sm"
                                                        name="Department" id="department" readonly>
                                                </div>
                                            </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">
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text"><i class="fas fa-pen"></i></span>
                                                    </div>
                                                    <input type="text" class="form-control form-control-sm"
                                                        name="Designation" id="designation" readonly>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <hr />
                                

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group row mb-0">
                                            <label for="ChangeOfName" class="col-sm-4 col-form-label text-right"><span
                                                    class="text-danger">*</span> Change of Name:</label>
                                            <div class="col-sm-8">
                                                <input type="text" name="ChangeOfName" id="ChangeOfName"
                                                    class="form-control form-control-sm">
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <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" id="ChangeDate"
                                                        data-target-input="nearest">
                                                        <input type="text" id="NameChangeOrderDate"
                                                            name="NameChangeOrderDate"
                                                            class="form-control form-control-sm datetimepicker-input"
                                                            data-target="#NameChangeOrderDate" placeholder="DD/MM/YYYY">
                                                        <div class="input-group-append"
                                                            data-target="#NameChangeOrderDate"
                                                            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">
                                            <label for="UploadGazette" class="col-sm-4 col-form-label text-right"><span
                                                    class="text-danger">*</span> Upload Gazette:</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="UploadGazette" id="UploadGazette"
                                                            accept="image/*, .pdf">
                                                        <label class="custom-file-label" for="UploadGazette">Choose
                                                            file</label>
                                                    </div>
                                                    <div class="input-group-append">
                                                        <button type="button" id="removeUploadGazette"
                                                            class="btn btn-warning text-white">Remove file</button>
                                                    </div>
                                                </div>
                                                <small class="text-danger">(Size should not be greater than 2MB)</small>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group row mb-0">
                                            <label for="UniversityOrderNo"
                                                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" name="UniversityOrderNo" id="UniversityOrderNo"
                                                    class="form-control form-control-sm">
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="UniversityOrder"
                                                class="col-sm-4 col-form-label text-right"><span
                                                    class="text-danger">*</span> Upload University 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="UniversityOrder" id="UniversityOrder"
                                                            accept="image/*, .pdf">
                                                        <label class="custom-file-label" for="UniversityOrder">Choose
                                                            file</label>
                                                    </div>
                                                    <div class="input-group-append">
                                                        <button type="button" id="removeUniversityOrder"
                                                            class="btn btn-warning text-white">Remove file</button>
                                                    </div>
                                                </div>
                                                <small class="text-danger">(Size should not be greater than 2MB)</small>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row mt-3">
                                    <div class="col-md-12">
                                        <div class="form-group row">
                                            <button type="submit" id="btn-save-family-member"
                                                class="btn btn-warning text-white">Save</button> &nbsp;&nbsp;
                                            <button type="button" onclick="formReset();"
                                                class="btn btn-warning text-white">Reset</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <!-- /.card-body -->
                    </div>
                    <!-- /.card -->
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->

            
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h5>List of Name Change Employee <span id="TableEmployeeTitle" class="text-info"></span>
                            </h5>
                        </div>
                        <!-- /.card-header -->
                        <div class="card-body">
                            <table id="table_name_change" class="table table-bordered table-striped table-sm">
                                <thead>
                                    <tr>
                                        <th>S.No.</th>
                                        <th>Change of Name</th>
                                        <th>Order No.</th>
                                        <th>Order Date</th>
                                        <th>Gazette</th>
                                        <th>University Order</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody id="EmployeeNameChangeList">

                                </tbody>
                            </table>
                        </div>
                        <!-- /.card-body -->
                    </div>
                    <!-- /.card -->
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container-fluid -->
    </section>
    <!-- /.content -->
</div>




<div class="modal fade" id="updateNameChange">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Name <span id="EmployeeChangeName" class="text-info"></span></h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <!-- Main content -->
                <form id="updateChangeNameForm">
                    <input type="hidden" name="_token" id="csrf_token_update" value="<?php echo e(csrf_token()); ?>">
                    <input type="hidden" id="NameChangeId" name="NameChangeId">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="mb-0" for="ChangeOfName">Change of Name <span
                                            class="text-danger">*</span></label>
                                    <input type="text" name="ChangeOfName" id="EditChangeOfName"
                                        class="form-control form-control-sm">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="mb-0" for="name">University Order No <span
                                            class="text-danger">*</span></label>
                                    <input type="text" name="UniversityOrderNo" id="EditUniversityOrderNo"
                                        class="form-control form-control-sm">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group mb-0">
                                    <label for="NameChangeOrderDate">Order Date <span
                                            class="text-danger">*</span></label>
                                    <div class="input-group date" id="ChangeDateEdit" data-target-input="nearest">
                                        <input type="text" id="EditNameChangeOrderDate" name="NameChangeOrderDate"
                                            class="form-control form-control-sm datetimepicker-input"
                                            data-target="#EditNameChangeOrderDate" placeholder="DD/MM/YYYY">
                                        <div class="input-group-append" data-target="#EditNameChangeOrderDate"
                                            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">
                                    <label class="mb-0" for="UniversityOrder">Change University Order </label>
                                    <div class="input-group input-group-sm">
                                        <div class="custom-file">
                                            <input type="file" class="custom-file-input" name="UniversityOrder"
                                                id="EditUniversityOrder" accept="image/*, .pdf">
                                            <label class="custom-file-label" for="UniversityOrder">Choose
                                                file</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="mb-0" for="UploadGazette">Change Gazette </label>
                                    <div class="input-group input-group-sm">
                                        <div class="custom-file">
                                            <input type="file" class="custom-file-input" name="UploadGazette"
                                                id="EditUploadGazette" accept="image/*, .pdf">
                                            <label class="custom-file-label" for="UploadGazette">Choose
                                                file</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <hr />
                        <div class="row">
                            <div class="col-12">
                                <div class="d-flex align-items-center justify-content-center">
                                    <button type="button" class="btn btn-sm btn-outline-secondary mx-1"
                                        data-dismiss="modal" aria-label="Close">Cancel</button>
                                    <button type="submit" id="btn-update-awp" name="Update" value="Update"
                                        class="btn btn-sm btn-info mx-1">Update</button>
                                </div>
                            </div>
                        </div>
                </form>
            </div>
        </div>
    </div>
    <!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->




<script>
    function 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#empNameChangeFormAdd').each(function() {
                this.reset();
            });
                $('#EmployeeCode').val(null).trigger('change');
                $('tbody#EmployeeNameChangeList, span#TableEmployeeTitle').html("");
            });
  }
  // Remove File

  $("#removeUniversityOrder, #removeUploadGazette").on("click", function(e) {
    
    var fileName = $(this).val();
    
    if(fileName) { 
        Swal.fire({
            title: 'Do you want to remove file?',
            text: "Are you sure you want to remove this file!",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Yes, remove it!'
        }).then(function() {
            $(this).empty();
        });
    } else {
        Swal.fire({
            icon: 'error',
            title: 'Oops! There is no file.',
            showConfirmButton: false,
            timer: 2000
            });
    }
    });
</script>


<script>
    $(document).ready(function() {
        $.ajax({
          type: "GET",
          url: "<?php echo e(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;
        $('#EmployeeId, #EmpCode, #employeeName, #ActualWorkPlace, #department, #designation').val('');
        $('span#TableEmployeeTitle').html('');
        getEmployeeDetail(EmployeeId);
        getNameChangeList(EmployeeId);
        // Reset Form field on change Employee Code
        $('#ChangeOfName, #UniversityOrderNo, #NameChangeOrderDate, #UploadGazette, #UniversityOrder').val('');
    });

    function getEmployeeDetail(EmployeeId)
    {
        var EmployeeId = EmployeeId;
            $.ajax({
            type: "post",
            url: "<?php echo e(url('/')); ?>/get-employee-current-detail",
            dataType: "json",
            data: { 
                    _token: "<?php echo e(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);
                $('#department').val(json.DepartmentName);
                $('#designation').val(json.DesignationName);
                $('span#TableEmployeeTitle').html('#' +json.EmployeeName+ ' (' +json.EmployeeCode+ ')' );
            }
        });
    }
</script>


<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 ChangeOfName = $('#ChangeOfName').val();
        var UniversityOrderNo = $('#UniversityOrderNo').val();
        var NameChangeOrderDate = $('#NameChangeOrderDate').val();
        var UploadGazette = $('#UploadGazette')[0].files;
        var UniversityOrder = $('#UniversityOrder')[0].files;
        
        var fd = new FormData();
            fd.append('_token',token);
            fd.append('EmployeeId',EmployeeId);
            fd.append('EmployeeCode',EmployeeCode);
            fd.append('ChangeOfName',ChangeOfName);
            fd.append('UniversityOrderNo',UniversityOrderNo);
            fd.append('NameChangeOrderDate',NameChangeOrderDate);
            // files data
            fd.append('UploadGazette',UploadGazette[0]);
            fd.append('UniversityOrder',UniversityOrder[0]);

        $.ajax({
                type: "post",
                url: "<?php echo e(url('store-name-change')); ?>",
                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: 'Name of Change added successfully!'
                    });
                    // Get EmployeeId and Member List
                    var EmployeeId = $('#EmployeeCode :selected').val();
                    getNameChangeList(EmployeeId);
                    // Reset Form
                    $('form#empNameChangeFormAdd').each(function() {
                    this.reset();
                });
                },
                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!'
                    });
                }
            });
        }
      });
      $('#empNameChangeFormAdd').validate({
        rules: {
            EmployeeCode: {
            required: true,
          },
          ChangeOfName: {
            required: true,
          },
          UniversityOrderNo: {
            required: true,
          },
          NameChangeOrderDate: {
            required: true,
          },
          UploadGazette: {
            required: true,
            accept: "image/*, pdf",
            //filesize: 2,
          },
          UniversityOrder: {
            required: true,
            accept: "image/*, pdf",
            //filesize: 2,
          },
        },
        messages: {
            EmployeeCode: {
            required: "Please select employee code.",
          },
          ChangeOfName: {
            required: "Name is required.",
          },
          UniversityOrderNo: {
            required: "Please enter the Order no.",
            },
            NameChangeOrderDate: {
            required: "Please select the order date.",
            },
            UploadGazette: {
                required: 'Upload the Gazette.',
                accept: "Only image and pdf file is allowed.",
                filesize: "Maximum 2MB of file is allowed.",
            },
            UniversityOrder: {
                required: 'Upload the University Order.',
                accept: "Only image and pdf file is allowed.",
                filesize: "Maximum 2MB of file is allowed.",
            },
        },
        errorElement: 'span',
        errorPlacement: function (error, element) {
          error.addClass('invalid-feedback');
          element.closest('.form-group').append(error);
        },
        highlight: function (element, errorClass, validClass) {
          $(element).addClass('is-invalid');
        },
        unhighlight: function (element, errorClass, validClass) {
          $(element).removeClass('is-invalid');
        }
      });
    });
</script>


<script>
    function getNameChangeList(EmployeeId)
    {
      var EmployeeId = EmployeeId;
      var i = 1;
      $.ajax({
        type: "post",
        url: "<?php echo e(url('/')); ?>/get-employee-detail",
            dataType: "json",
            data: { 
                    _token: "<?php echo e(csrf_token()); ?>",
                    EmployeeId: EmployeeId,
                },
        success: function (response) {
          //console.log( "Total");
          $('tbody#EmployeeNameChangeList').html("");
          $.each(response.GetEmpNameChange, function (key, item){
            //console.log($(response).find('tr').length);
            var d = new Date(item.UniversityOrderDate);
            var month = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
            var date = d.getDate() + " " + month[d.getMonth()] + ", " + d.getFullYear();
            //var time = d.toLocaleTimeString().toLowerCase();
            var UniversityOrderDate = (date);
            
            //alert(newDate);
            $('#table_name_change tbody').append('<tr>\
              <td>'+ i++ +'</td>\
              <td>'+ item.ChangeOfName +'</td>\
              <td>'+ item.UniversityOrderNo +'</td>\
              <td>'+ UniversityOrderDate +'</td>\
              <td><a href="<?php echo e(url("/")); ?>'+ item.NameChangeGazetteUploadPath +'" title="Download Gazette"  class="btn btn-xs btn-outline-success" target="_blank" download="'+ item.EmployeeCode +'_gazette_'+ item.EmployeeCode +'"><i class="fas fa-download"></i></a></td>\
              <td><a href="<?php echo e(url("/")); ?>'+ item.NameChangeUniversityOrderPath +'" title="Download Gazette"  class="btn btn-xs btn-outline-success" target="_blank" download="'+ item.EmployeeCode +'_namechange_order_'+ item.EmployeeCode +'"><i class="fas fa-download"></i></a></td>\
              <td><button type="button" title="Edit" onClick=editNameChange("'+ item.NameChangeId +'"); class="btn btn-xs btn-outline-info" data-id="'+ item.NameChangeId +'"><i class="fas fa-edit"></i></button> <button type="button" title="Delete" onClick=deleteNameChange("'+ item.NameChangeId +'"); class="btn btn-xs btn-outline-danger" data-id="'+ item.NameChangeId +'"><i class="fas fa-trash-alt"></i></button></td>\
            ');
          });
        }
      });
    }
</script>


<script>
    function deleteNameChange(NameChangeId) {
    var NameChangeId = NameChangeId;
                Swal.fire({
                    title: "Delete Name?",
                    text: "Are you sure you want to delete this Name?",
                    icon: "warning",
                    icon: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#3085d6",
                    cancelButtonColor: "#d33",
                    confirmButtonText: "Yes, delete it!",
                }).then((result) => {
                    if (result.isConfirmed) {
                        //var NameChangeId = NameChangeId;
                        $.ajax({
                            type: "post",
                            url: "<?php echo e(url('/')); ?>/delete-name-change",
                            dataType: "json",
                            data: {
                                _token: "<?php echo e(csrf_token()); ?>",
                                NameChangeId: NameChangeId,
                            },
                            success: function (response) {
                                Swal.fire({
                                    icon: "success",
                                    title: "Name has been deleted!",
                                    showConfirmButton: false,
                                    timer: 1500,
                                }).then(function () {
                                    //location.reload();
                                    // Get EmployeeId and Member List
                                    var EmployeeId = $(
                                        "#EmployeeCode :selected"
                                    ).val();
                                    getNameChangeList(EmployeeId);
                                });
                            },
                        });
                    }
                });
    }
</script>


<script>
    function editNameChange(NameChangeId)
  {
      var NameChangeId = NameChangeId;
      $('#updateNameChange').modal('show');
      $.ajax({
          type: "post",
          url: "<?php echo e(url('/')); ?>/edit-name-change",
          dataType: "json",
          data: { 
                    _token: "<?php echo e(csrf_token()); ?>",
                    NameChangeId: NameChangeId,
                },
          success: function (response) {
               $('#NameChangeId').val(response.GetNameChange.NameChangeId);
               $('span#EmployeeChangeName').html('#' +response.GetNameChange.ChangeOfName);
               $('#EditChangeOfName').val(response.GetNameChange.ChangeOfName);
               $('#EditUniversityOrderNo').val(response.GetNameChange.UniversityOrderNo);

               var GetDate = new Date(response.GetNameChange.UniversityOrderDate);
                    $('#EditNameChangeOrderDate').val(((GetDate.getDate() > 9) ? GetDate.getDate() : ('0' + GetDate.getDate())) + '/' + ((GetDate.getMonth() > 8) ? (GetDate.getMonth() + 1) : ('0' + (GetDate.getMonth() + 1))) + '/' + GetDate.getFullYear());

          }
      });
  }
</script>


<script>
    $(function () {
      $.validator.setDefaults({
        submitHandler: function () {
            event.preventDefault();
            // Get Form Data
        var token = $("#csrf_token_update").val();
        var NameChangeId = $("#NameChangeId").val();
        var ChangeOfName = $('#EditChangeOfName').val();
        var UniversityOrderNo = $('#EditUniversityOrderNo').val();
        var NameChangeOrderDate = $('#EditNameChangeOrderDate').val();
        var UploadGazette = $('#EditUploadGazette')[0].files;
        var UniversityOrder = $('#EditUniversityOrder')[0].files;
        
        var fd = new FormData();
            fd.append('_token',token);
            fd.append('NameChangeId',NameChangeId);
            fd.append('ChangeOfName',ChangeOfName);
            fd.append('UniversityOrderNo',UniversityOrderNo);
            fd.append('NameChangeOrderDate',NameChangeOrderDate);
            // files data
            fd.append('UploadGazette',UploadGazette[0]);
            fd.append('UniversityOrder',UniversityOrder[0]);

        $.ajax({
                type: "post",
                url: "<?php echo e(url('update-name-change')); ?>",
                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: 'Change of Name updated successfully!'
                    });
                    // Get EmployeeId and Member List
                    var EmployeeId = $('#EmployeeCode :selected').val();
                    getNameChangeList(EmployeeId);
                    $('#updateNameChange').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!'
                    });
                }
            });
        }
      });
      $('#updateChangeNameForm').validate({
        rules: {
          ChangeOfName: {
            required: true,
          },
          UniversityOrderNo: {
            required: true,
          },
          NameChangeOrderDate: {
            required: true,
          },
          UploadGazette: {
            accept: "image/*, pdf",
            //filesize: 2,
          },
          UniversityOrder: {
            accept: "image/*, pdf",
            //filesize: 2,
          },
        },
        messages: {
          ChangeOfName: {
            required: "Name is required.",
          },
          UniversityOrderNo: {
            required: "Please enter the Order no.",
            },
            NameChangeOrderDate: {
            required: "Please select the order date.",
            },
            UploadGazette: {
                accept: "Only image and pdf file is allowed.",
                filesize: "Maximum 2MB of file is allowed.",
            },
            UniversityOrder: {
                accept: "Only image and pdf file is allowed.",
                filesize: "Maximum 2MB of file is allowed.",
            },
        },
        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 -->
<?php $__env->stopSection(); ?>
<?php echo $__env->make('admin.include.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/html/hrms/resources/views/admin/EmployeeProfile/employee-name-change.blade.php ENDPATH**/ ?>