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/cbd856971d65872f84675176af92bb3c1daf0536.php

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

    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">

            
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h5>Employee Foreign Visit Details</h5>
                        </div>
                        <!-- /.card-header -->
                        <div class="card-body">
                            <form class="form-horizontal" id="empForeignVisitAdd">
                                <input type="hidden" name="_token" id="csrf_token" value="<?php echo e(csrf_token()); ?>">
                                <input type="hidden" name="EmployeeId" id="EmployeeId">
                                <input type="hidden" name="EmpCode" id="EmpCode">
                                <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">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="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 emp-detail"
                                                        name="Department" id="department" readonly>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="Description"
                                                class="col-sm-4 col-form-label text-right">Description:</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="Description" id="description" required>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="VisitPurpose" class="col-sm-4 col-form-label text-right">Visit
                                                Purpose:</label>
                                            <div class="col-sm-8">
                                                <select class="form-control form-control-sm select2"
                                                    style="width: 100%;" aria-hidden="true" name="VisitPurpose"
                                                    id="visitPurpose" data-placeholder="Select Purpose" required>
                                                    <option selected="selected" disabled>Select Purpose</option>
                                                    <option value="Study Purpose">Study Purpose</option>
                                                    <option value="Tourism">Tourism</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="FromDate" class="col-sm-4 col-form-label text-right">From
                                                Date:</label>
                                            <div class="col-sm-8">
                                                <div class="form-group mb-2">
                                                    <div class="input-group date" id="jobFromDate"
                                                        data-target-input="nearest">
                                                        <input type="text" id="fromDate" name="FromDate"
                                                            class="form-control form-control-sm datetimepicker-input"
                                                            placeholder="DD/MM/YYYY" data-target="#fromDate" required />
                                                        <div class="input-group-append" data-target="#fromDate"
                                                            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="Remarks" class="col-sm-4 col-form-label text-right">Approval
                                                by:</label>
                                            <div class="col-sm-8 mt-2">
                                                <div class="icheck-primary d-inline">
                                                    <input type="radio" id="Own" name="ApprovalBy" value="Own" checked>
                                                    <label for="Own">
                                                        Own
                                                    </label>
                                                </div>
                                                <div class="icheck-primary d-inline">
                                                    <input type="radio" id="Government" name="ApprovalBy"
                                                        value="Government">
                                                    <label for="Government">
                                                        Government
                                                    </label>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group row mb-0">
                                            <label for="EmployeeName"
                                                class="col-sm-4 col-form-label text-right">Employee Name:</label>
                                            <div class="col-sm-8">
                                                <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 emp-detail"
                                                        name="EmployeeName" id="employeeName" 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 emp-detail"
                                                        name="Designation" id="designation" readonly>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="VisitLocation" class="col-sm-4 col-form-label text-right">Visit
                                                Location:</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="VisitLocation" id="VisitLocation">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="ExpenditureOfVisit"
                                                class="col-sm-4 col-form-label text-right">Expenditure of Visit:</label>
                                            <div class="col-sm-8">
                                                <select class="form-control form-control-sm select2"
                                                    style="width: 100%;" aria-hidden="true" name="ExpenditureOfVisit"
                                                    id="expenditureOfVisit" data-placeholder="Expenditure of Visit"
                                                    required>
                                                    <option selected="selected" disabled>Expenditure of Visit</option>
                                                    <option value="Personal">Personal</option>
                                                    <option value="Government">Government</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="ToDate" class="col-sm-4 col-form-label text-right">To
                                                Date:</label>
                                            <div class="col-sm-8">
                                                <div class="form-group mb-2">
                                                    <div class="input-group date" id="jobToDate"
                                                        data-target-input="nearest">
                                                        <input type="text" id="toDate" name="ToDate"
                                                            class="form-control form-control-sm datetimepicker-input"
                                                            placeholder="DD/MM/YYYY" data-target="#toDate" required />
                                                        <div class="input-group-append" data-target="#toDate"
                                                            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="Remarks"
                                                class="col-sm-4 col-form-label text-right">Remarks:</label>
                                            <div class="col-sm-8">
                                                <textarea class="form-control form-control-sm" name="Remarks"
                                                    id="remarks"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group row">
                                            <button type="submit" id="btn-save-visit-detail"
                                                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>Employee Foreign Visit <span id="EmployeeTableTitle" class="text-info"></span></h5>
                        </div>
                        <!-- /.card-header -->
                        <div class="card-body">
                            <table id="table_foreign_visit" class="table table-bordered table-striped table-sm">
                                <thead>
                                    <tr>
                                        <th>S.No.</th>
                                        <th>Description</th>
                                        <th>Visit Location</th>
                                        <th>From Date</th>
                                        <th>To Date</th>
                                        <th>Purpose</th>
                                        <th>Approval By</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody id="EmpForeignVisit">

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



<div class="modal fade" id="updateForeignVisit">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Visit <span id="VisitLocationName" 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="updateForeignVisitform">
                    <input type="hidden" name="_token" id="token_visit_update" value="<?php echo e(csrf_token()); ?>">
                    <input type="hidden" id="VisitId" name="ForeignVisitId">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="Visit Location">Visit Location <span
                                            class="text-danger">*</span></label>
                                    <input type="text" class="form-control form-control-sm" id="VisitLocationEdit"
                                        name="VisitLocation" required>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="VisitPurposeEdit">Visit Purpose <span
                                            class="text-danger">*</span></label>
                                    <select class="form-control form-control-sm select2" style="width: 100%;"
                                        aria-hidden="true" name="VisitPurpose" id="VisitPurposeEdit"
                                        data-placeholder="Select Purpose" required>
                                        <option selected="selected" disabled>Select Purpose</option>
                                        <option selected="Study Purpose">Study Purpose</option>
                                        <option value="Tourism">Tourism</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="ExpenditureOfVisitEdit">Expenditure Of Visit <span
                                            class="text-danger">*</span></label>
                                    <select class="form-control form-control-sm select2" style="width: 100%;"
                                        aria-hidden="true" name="ExpenditureOfVisit" id="ExpenditureOfVisitEdit"
                                        data-placeholder="Select Expenditure" required>
                                        <option selected="selected" disabled>Select Expenditure</option>
                                        <option selected="Personal">Personal</option>
                                        <option selected="Government">Government</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="FromDate">From Date <span
                                            class="text-danger">*</span></label>
                                    <div class="input-group date" id="jobFromDate" data-target-input="nearest">
                                        <input type="text" id="fromDateEdit" name="FromDate"
                                            class="form-control form-control-sm datetimepicker-input"
                                            data-target="#fromDateEdit" placeholder="DD/MM/YYYY" required />
                                        <div class="input-group-append" data-target="#fromDateEdit"
                                            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 mb-2">
                                    <label class="mb-0" for="ToDate">To Date <span class="text-danger">*</span></label>
                                    <div class="input-group date" id="jobToDate" data-target-input="nearest">
                                        <input type="text" id="toDateEdit" name="ToDate"
                                            class="form-control form-control-sm datetimepicker-input"
                                            data-target="#toDateEdit" placeholder="DD/MM/YYYY" required />
                                        <div class="input-group-append" data-target="#toDateEdit"
                                            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-12">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="Description">Description <span
                                            class="text-danger">*</span></label>
                                    <input type="text" class="form-control form-control-sm" id="DescriptionEdit"
                                        name="Description" required>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="Remark">Remark</label>
                                    <input type="text" class="form-control form-control-sm" id="RemarkEdit"
                                        name="Remark">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group row mb-0">
                                    <label for="Remarks" class="col-sm-4 col-form-label text-right">Approval
                                        by:</label>
                                    <div class="col-sm-8 mt-2">
                                        <div class="icheck-primary d-inline">
                                            <input type="radio" id="OwnEdit" name="ApprovalBy" value="Own" checked="">
                                            <label for="OwnEdit">
                                                Own
                                            </label>
                                        </div>
                                        <div class="icheck-primary d-inline">
                                            <input type="radio" id="GovernmentEdit" name="ApprovalBy"
                                                value="Government">
                                            <label for="GovernmentEdit">
                                                Government
                                            </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" 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#empForeignVisitAdd').each(function() {
                    this.reset();
            });
            $('#EmployeeCode, #visitPurpose, #expenditureOfVisit').val(null).trigger('change')
        });
  }
</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;
        $('.emp-detail').val('');
        getEmployeeDetail(EmployeeId);
        getEmpForeignVisitList(EmployeeId)
        // Reset Member field on change Employee Code
        $('#visitPurpose, #expenditureOfVisit').val(null).trigger('change');
        $('#description, #VisitLocation, #MemberContactNumber, #remarks').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);
                $('#department').val(json.DepartmentName);
                $('#designation').val(json.DesignationName);
                $('span#EmployeeTableTitle').html('#' +json.EmployeeName+ ' (' +json.EmployeeCode+ ')' );
            }
        });
    }
</script>


<script>
    $(function () {
      $.validator.setDefaults({
        submitHandler: function () {
            event.preventDefault();
        $.ajax({
                type: "post",
                url: "<?php echo e(url('store-foreign-visit')); ?>",
                data: $("#empForeignVisitAdd").serialize(),
                success: function(response) {
                  const Toast = Swal.mixin({
                      toast: true,
                      position: 'top-end',
                      showConfirmButton: false,
                      timer: 2000,
                      timerProgressBar: true,
                      didOpen: (toast) => {
                        toast.addEventListener('mouseenter', Swal.stopTimer)
                        toast.addEventListener('mouseleave', Swal.resumeTimer)
                      }
                    })
                    Toast.fire({
                      icon: 'success',
                      title: 'Visit added successfully!'
                    });
                    // Get EmployeeId and Member List
                    var EmployeeId = $('#EmployeeCode :selected').val();
                    getEmpForeignVisitList(EmployeeId);
                    // Reset Form
                    $('form#empForeignVisitAdd').each(function() {
                    this.reset();
                });
                $('#EmployeeCode, #visitPurpose, #expenditureOfVisit').val(null).trigger('change');
                },
                error: function(data) {
                  const Toast = Swal.mixin({
                      toast: true,
                      position: 'top-end',
                      showConfirmButton: false,
                      timer: 2000,
                      timerProgressBar: true,
                      didOpen: (toast) => {
                        toast.addEventListener('mouseenter', Swal.stopTimer)
                        toast.addEventListener('mouseleave', Swal.resumeTimer)
                      }
                    })
                    Toast.fire({
                      icon: 'error',
                      title: 'Something went wrong!'
                    });
                }
            });
        }
      });
      $('#empForeignVisitAdd').validate({
        rules: {
            EmployeeCode: {
            required: true,
          },
          visitPurpose: {
            required: true,
          },
          VisitLocation: {
            required: true,
          },
          fromDate: {
            required: true
          },
          toDate: {
            required: true
          },
        },
        messages: {
            EmployeeCode: {
            required: "Please select employee code.",
          },
          visitPurpose: {
            required: "Please select visit purpose.",
          },
          fromDate: {
            required: "Please enter the visit start date.",
          },
           toDate: {
            required: "Please enter the visit end date.",
          },
        },
        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 getEmpForeignVisitList(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#EmpForeignVisit').html("");
          $.each(response.GetForeignVisitList, function (key, item){
            //console.log($(response).find('tr').length);
            var dfrom = new Date(item.FromDate);
            var monthfrom = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
            var datefrom = dfrom.getDate() + "-" + monthfrom[dfrom.getMonth()] + "-" + dfrom.getFullYear();
            //var time = d.toLocaleTimeString().toLowerCase();
            //var FromDate = (date + " " +time);
            var FromDate = (datefrom);
            // To Date
            var dto = new Date(item.ToDate);
            var monthto = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
            var dateto = dto.getDate() + "-" + monthto[dto.getMonth()] + "-" + dto.getFullYear();
            //var time = d.toLocaleTimeString().toLowerCase();
            //var FromDate = (date + " " +time);
            var ToDate = (dateto);
            
            //alert(newDate);
            $('#table_foreign_visit tbody').append('<tr>\
              <td>'+ i++ +'</td>\
              <td>'+ item.Description +'</td>\
              <td>'+ item.VisitLocation +'</td>\
              <td>'+ FromDate +'</td>\
              <td>'+ ToDate +'</td>\
              <td>'+ item.VisitPurpose +'</td>\
              <td>'+ item.ApprovalBy +'</td>\
              <td><button type="button" title="Delete" onClick=editForeignVisit("'+ item.ForeignVisitId +'"); class="btn btn-xs btn-outline-info delete-file" data-id="'+ item.ForeignVisitId +'"><i class="fas fa-edit"></i></button> <button type="button" title="Delete" onClick=deleteForeignVisit("'+ item.ForeignVisitId +'"); class="btn btn-xs btn-outline-danger delete-file" data-id="'+ item.ForeignVisitId +'"><i class="fas fa-trash-alt"></i></button></td>\
            ');
          });
        }
      });
    }
</script>


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


<script>
    function editForeignVisit(ForeignVisitId)
  {
      var VisitId = ForeignVisitId;
      $('#updateForeignVisit').modal('show');
      $.ajax({
          type: "post",
          url: "<?php echo e(url('/')); ?>/get-foreign-visit-detail",
          dataType: "json",
          data: { 
                    _token: "<?php echo e(csrf_token()); ?>",
                    VisitId: VisitId,
                },
          success: function (response) {
               $('#VisitId').val(response.GetForeignVisit.ForeignVisitId);
               $('span#VisitLocationName').html('#' + response.GetForeignVisit.VisitLocation);
               //$('#MemberNameEdit').val(response.GetForeignVisit.MemberName);
              
               $('#VisitPurposeEdit').val(response.GetForeignVisit.VisitPurpose);
               $('#VisitPurposeEdit').select2().trigger('change');
              
               $('#ExpenditureOfVisitEdit').val(response.GetForeignVisit.ExpenditureOfVisit);
               $('#ExpenditureOfVisitEdit').select2().trigger('change');
              
               $('#DescriptionEdit').val(response.GetForeignVisit.Description);
               $('#VisitLocationEdit').val(response.GetForeignVisit.VisitLocation);

               var SDate = new Date(response.GetForeignVisit.FromDate);
                $('#fromDateEdit').val(((SDate.getDate() > 9) ? SDate.getDate() : ('0' + SDate.getDate())) + '/' + ((SDate.getMonth() > 8) ? (SDate.getMonth() + 1) : ('0' + (SDate.getMonth() + 1))) + '/' + SDate.getFullYear());

                var EDate = new Date(response.GetForeignVisit.ToDate);
                $('#toDateEdit').val(((EDate.getDate() > 9) ? EDate.getDate() : ('0' + EDate.getDate())) + '/' + ((EDate.getMonth() > 8) ? (EDate.getMonth() + 1) : ('0' + (EDate.getMonth() + 1))) + '/' + EDate.getFullYear());
               
               if (response.GetForeignVisit.ApprovalBy == 'Own') {
                    $("input#OwnEdit").prop('checked', true);
                } else {
                    $("input#GovernmentEdit").prop('checked', true);
                }

          }
      });
  }
</script>


<script>
    $(function () {
      $.validator.setDefaults({
        submitHandler: function () {
            event.preventDefault();
        $.ajax({
                type: "post",
                url: "<?php echo e(url('update-foreign-visit')); ?>",
                data: $("#updateForeignVisitform").serialize(),
                success: function(response) {
                  const Toast = Swal.mixin({
                      toast: true,
                      position: 'top-end',
                      showConfirmButton: false,
                      timer: 2000,
                      timerProgressBar: true,
                      didOpen: (toast) => {
                        toast.addEventListener('mouseenter', Swal.stopTimer)
                        toast.addEventListener('mouseleave', Swal.resumeTimer)
                      }
                    })
                    Toast.fire({
                      icon: 'success',
                      title: 'Visit updated successfully!'
                    });
                    // Get EmployeeId and Member List
                    var EmployeeId = $('#EmployeeCode :selected').val();
                    getEmpForeignVisitList(EmployeeId);
                    // Hide Popup Form
                    $('#updateForeignVisit').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!'
                    });
                }
            });
        }
      });
      $('#updateForeignVisitform').validate({
        rules: {
          visitPurpose: {
            required: true,
          },
          VisitLocation: {
            required: true,
          },
          fromDate: {
            required: true
          },
          toDate: {
            required: true
          },
        },
        messages: {
          visitPurpose: {
            required: "Please select visit purpose.",
          },
          fromDate: {
            required: "Please enter the visit start date.",
          },
           toDate: {
            required: "Please enter the visit end date.",
          },
        },
        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-production/resources/views/admin/EmployeeProfile/add-foreign-visit.blade.php ENDPATH**/ ?>