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/ee0aa16a103e4d58da3819322e32872da85b3df9.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 Family Member</h5>
                        </div>
                        <!-- /.card-header -->
                        <div class="card-body">
                            <form class="form-horizontal" id="empFamilyMemberForm">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group row mb-0">
                                            <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">
                                            <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="RelationType" class="col-sm-4 col-form-label text-right"><span
                                                    class="text-danger">*</span> Relation Type:</label>
                                            <div class="col-sm-8">
                                                <select class="form-control form-control-sm select2"
                                                    style="width: 100%;" aria-hidden="true" name="RelationType"
                                                    id="RelationType" data-placeholder="Select Relation" required>
                                                    <option selected="selected" disabled>Select Relation</option>
                                                </select>
                                                <input type="hidden" name="EmployeeRelationName"
                                                    id="EmployeeRelationName">
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="MemberName" class="col-sm-4 col-form-label text-right"><span
                                                    class="text-danger">*</span> Member
                                                Name:</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm"
                                                    name="MemberName" id="MemberName" required>
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="DateOfBirth" class="col-sm-4 col-form-label text-right"><span
                                                    class="text-danger">*</span> Date of
                                                Birth:</label>
                                            <div class="col-sm-8">
                                                <div class="form-group mb-2">
                                                    <div class="input-group date" id="BirthDate"
                                                        data-target-input="nearest">
                                                        <input type="text" id="DateOfBirth" name="DateOfBirth"
                                                            class="form-control form-control-sm datetimepicker-input"
                                                            placeholder="DD/MM/YYYY" data-target="#DateOfBirth"
                                                            required />
                                                        <div class="input-group-append" data-target="#DateOfBirth"
                                                            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="MemberUID" class="col-sm-4 col-form-label text-right">Aadhar
                                                No:</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control form-control-sm" name="MemberUID"
                                                    id="MemberUID">
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="MemberContactNumber"
                                                class="col-sm-4 col-form-label text-right">Member's Phone No:</label>
                                            <div class="col-sm-8">
                                                <div class="input-group">
                                                    <input type="text" class="form-control form-control-sm"
                                                        name="MemberContactNumber" id="MemberContactNumber">
                                                </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="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 emp-detail"
                                                        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 emp-detail"
                                                        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 emp-detail"
                                                        name="Designation" id="designation" readonly>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group row mb-0">
                                            <label for="MemberAddedDate"
                                                class="col-sm-4 col-form-label text-right">Member Added On</label>
                                            <div class="col-sm-8">
                                                <div class="form-group mb-2">
                                                    <div class="input-group date" data-target-input="nearest">
                                                        <input type="text" id="MemberAddedDate" name="MemberAddedDate"
                                                            class="form-control form-control-sm datetimepicker-input"
                                                            placeholder="DD/MM/YYYY" data-target="#MemberAddedDate">
                                                        <div class="input-group-append" data-target="#MemberAddedDate"
                                                            data-toggle="datetimepicker">
                                                            <div class="input-group-text"><i class="fa fa-calendar"></i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </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>Employee Family Member List <span id="FamilyMember" class="text-info"></span></h5>
                        </div>
                        <!-- /.card-header -->
                        <div class="card-body">
                            <table id="table_member" class="table table-bordered table-striped table-sm">
                                <thead>
                                    <tr>
                                        <th>S.No.</th>
                                        <th>Member Name</th>
                                        <th>Emp. Relation</th>
                                        <th>Date of Birth</th>
                                        <th>Aadhar No.</th>
                                        <th>Phone No.</th>
                                        <th>Added Date</th>
                                        <th>Status</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody id="FamilyMemberList">

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




<div class="modal fade" id="updateFamilyMember">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Family Member <span id="FamilyMemberName" 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="updateFamilyMemberform">
                    <input type="hidden" name="_token" id="token_member_update" value="<?php echo e(csrf_token()); ?>">
                    <input type="hidden" id="MemberId" name="EmployeeFamilyMemberId">
                    <input type="hidden" id="EmployeeIdEdit" name="EmployeeId">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="name">Member Name<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control form-control-sm" id="MemberNameEdit"
                                        name="MemberName" required>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="EmployeeRelation">Employee Relation<span
                                            class="text-danger">*</span></label>
                                    <select class="form-control form-control-sm select2" style="width: 100%;"
                                        aria-hidden="true" name="RelationType" id="RelationTypeEdit"
                                        data-placeholder="Select Relation" required>
                                        <option selected="selected" disabled>Select Relation</option>
                                    </select>
                                    <input type="hidden" name="EmployeeRelationName" id="EmployeeRelationNameEdit">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="name">Date of Birth<span
                                            class="text-danger">*</span></label>
                                    <div class="form-group mb-2">
                                        <div class="input-group date" id="BirthDateEdit" data-target-input="nearest">
                                            <input type="text" id="DateOfBirthEdit" name="DateOfBirth"
                                                class="form-control form-control-sm datetimepicker-input"
                                                placeholder="DD/MM/YYYY" data-target="#DateOfBirthEdit" required />
                                            <div class="input-group-append" data-target="#DateOfBirthEdit"
                                                data-toggle="datetimepicker">
                                                <div class="input-group-text"><i class="fa fa-calendar"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="name">Aadhar No. </label>
                                    <input type="text" class="form-control form-control-sm" id="MemberUIDEdit"
                                        name="MemberUID">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="name">Phone No.<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control form-control-sm" id="MemberContactNumberEdit"
                                        name="MemberContactNumber">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group mb-2">
                                    <label class="mb-0" for="MemberAddedDate">Member Added On<span
                                            class="text-danger">*</span></label>
                                    <div class="form-group mb-2">
                                        <div class="input-group date" data-target-input="nearest">
                                            <input type="text" id="MemberAddedDateEdit" name="MemberAddedDate"
                                                class="form-control form-control-sm datetimepicker-input"
                                                data-target="#MemberAddedDateEdit" placeholder="DD/MM/YYYY" required />
                                            <div class="input-group-append" data-target="#MemberAddedDateEdit"
                                                data-toggle="datetimepicker">
                                                <div class="input-group-text"><i class="fa fa-calendar"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="clearfix mb-4">
                                <div class="icheck-primary">
                                    <input type="checkbox" name="Inactive" id="InactiveSatus">
                                    <label class="mb-0" for="InactiveSatus">Active</label>
                                </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#empFamilyMemberForm').each(function() {
                this.reset();
            });
                $('#EmployeeCode').val(null).trigger('change');
                $('#RelationType').val(null).trigger('change');
                $('tbody#FamilyMemberList, span#EmployeeName').html("");
            });
  }
</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);
        getMemberList(EmployeeId)
        // Reset Member field on change Employee Code
        $('#RelationType').val(null).trigger('change');
        $('#MemberName, #MemberUID, #MemberContactNumber').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#FamilyMember').html('#' +json.EmployeeName+ ' (' +json.EmployeeCode+ ')' );
            }
        });
    }
</script>


<script>
    $(document).ready(function() {
        $.ajax({
          type: "GET",
          url: "<?php echo e(url('/relation-type-list')); ?>",
          dataType: "json",
          success: function(response) {
            var json = response.EmployeeRelation;
            $.each(json, function(i, relation) {
              $("#RelationType, #RelationTypeEdit").append("<option value='" + relation.EmployeeRelationId + "'>" + relation.EmployeeRelationName + "</option>");
              $('#RelationType, #RelationTypeEdit').trigger('change');
            });
          }
        });
    });
    $('#RelationType, #RelationTypeEdit').on('select2:select', function (e) {
        var EmployeeRelationName = $(this).find('option:selected').text()
        $('#EmployeeRelationName, #EmployeeRelationNameEdit').empty();
        $('#EmployeeRelationName, #EmployeeRelationNameEdit').val(EmployeeRelationName);
    });
</script>


<script>
    $(function () {
      $.validator.setDefaults({
        submitHandler: function () {
            event.preventDefault();
        $.ajax({
                type: "post",
                url: "<?php echo e(url('store-family-member')); ?>",
                data: $("#empFamilyMemberForm").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: 'Family member added successfully!'
                    });
                    // Get EmployeeId and Member List
                    var EmployeeId = $('#EmployeeCode :selected').val();
                    getMemberList(EmployeeId);
                    // Reset Form
                    $('form#empFamilyMemberForm').each(function() {
                    this.reset();
                    $('#EmployeeCode').val(null).trigger('change');
                    $('#RelationType').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!'
                    });
                }
            });
        }
      });
      $('#empFamilyMemberForm').validate({
        rules: {
            EmployeeCode: {
            required: true,
          },
          RelationType: {
            required: true,
          },
          MemberName: {
            required: true,
          },
          DateOfBirth: {
            required: true
          },
          MemberUID: {
          //required: true,
          pattern: '^([0-9]){12}$',
        //   remote: {
        //     type: "POST",
        //     url:'<?php echo e(url("/")); ?>/check-duplicate-member-uid',
        //     data: {
        //         MemberUID: function() {
        //         return $( "#MemberUID" ).val();
        //       },
        //       '_token':$('meta[name="csrf-token"]').attr('content')
        //     }
        //   }
        },
        },
        messages: {
            EmployeeCode: {
            required: "Please select employee code.",
          },
          RelationType: {
            required: "Please select Relationship.",
          },
          MemberName: {
            required: "Please enter the member name.",
            },
          MemberUID: {
            required: "Please enter the Member's Aadhar No.",
            pattern: "Please enter the valid Aadhar No.",
            remote: "Aadhar No already exist.",
            },
        },
        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 getMemberList(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#FamilyMemberList').html("");
          $.each(response.GetFamilyMember, function (key, item){
            //console.log($(response).find('tr').length);
            var d = new Date(item.MemberDOB);
            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 DateOfBirth = (date + " " +time);
            
            var MemberAddedDate = 'N/A';
            if (item.MemberAddedDate) {
                var mdate = new Date(item.MemberAddedDate);
                var mmonth = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
                var Memberdate = mdate.getDate() + "-" + mmonth[mdate.getMonth()] + "-" + mdate.getFullYear();
                var MemberAddedDate = (Memberdate);
            }
            
            var status = '';
            if (item.Status == '1'){
                var status = '<span class="badge badge-success">Active</span>';
            } else {
                var status = '<span class="badge badge-danger">In-Active</span>';
            }
            
            //alert(newDate);
            $('#table_member tbody').append('<tr>\
              <td>'+ i++ +'</td>\
              <td>'+ item.MemberName +'</td>\
              <td>'+ item.EmployeeRelationName +'</td>\
              <td>'+ item.MemberDOB +'</td>\
              <td>'+ item.MemberUID +'</td>\
              <td>'+ item.MemberContactNumber +'</td>\
              <td>'+ MemberAddedDate +'</td>\
              <td>'+ status +'</td>\
              <td><button type="button" title="Edit" onClick=editFamilyMember("'+ item.EmployeeFamilyMemberId +'"); class="btn btn-xs btn-outline-info delete-file" data-id="'+ item.EmployeeFamilyMemberId +'"><i class="fas fa-edit"></i></button> <button type="button" title="Delete" onClick=deleteFamilyMember("'+ item.EmployeeFamilyMemberId +'"); class="btn btn-xs btn-outline-danger delete-file" data-id="'+ item.EmployeeFamilyMemberId +'"><i class="fas fa-trash-alt"></i></button></td>\
            ');
          });
        }
      });
    }
</script>


<script>
    $(function() {
            $("#emplaoyeeTable").DataTable({
                "responsive": true,
                "lengthChange": true,
                "autoWidth": false,
                "lengthMenu": [10, 20, 50, 100, 250, 500],
                //"buttons": ["copy", "csv", "excel", "pdf", "print", "colvis"]
            }).buttons().container().appendTo('#userTable_wrapper .col-md-6:eq(0)');
        });
</script>


<script>
    function deleteFamilyMember(EmployeeFamilyMemberId) {
    var MemberId = EmployeeFamilyMemberId;
    $.ajax({
        type: "GET",
        url: "<?php echo e(url('/')); ?>/check-employee-nominee/" + MemberId,
        success: function (response) {
            if (response.exists) {
                Swal.fire({
                    icon: "warning",
                    title: "Can't be deleted!",
                    text: "This Member is associated with empolyee's nominee!",
                    showConfirmButton: true,
                });
            } else {
                Swal.fire({
                    title: "Delete Member?",
                    text: "Are you sure you want to delete this Member?",
                    icon: "warning",
                    icon: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#3085d6",
                    cancelButtonColor: "#d33",
                    confirmButtonText: "Yes, delete it!",
                }).then((result) => {
                    if (result.isConfirmed) {
                        var MemberId = EmployeeFamilyMemberId;
                        $.ajax({
                            type: "post",
                            url: "<?php echo e(url('/')); ?>/delete-family-member",
                            dataType: "json",
                            data: {
                                _token: "<?php echo e(csrf_token()); ?>",
                                MemberId: MemberId,
                            },
                            success: function (response) {
                                Swal.fire({
                                    icon: "success",
                                    title: "Member has been deleted!",
                                    showConfirmButton: false,
                                    timer: 1500,
                                }).then(function () {
                                    //location.reload();
                                    // Get EmployeeId and Member List
                                    var EmployeeId = $(
                                        "#EmployeeCode :selected"
                                    ).val();
                                    getMemberList(EmployeeId);
                                });
                            },
                        });
                    }
                });
            }
        },
    });
    }
</script>


<script>
    function editFamilyMember(EmployeeFamilyMemberId)
  {
      var MemberId = EmployeeFamilyMemberId;
      $('#updateFamilyMember').modal('show');
      $.ajax({
          type: "post",
          url: "<?php echo e(url('/')); ?>/get-family-member-detail",
          dataType: "json",
          data: { 
                    _token: "<?php echo e(csrf_token()); ?>",
                    MemberId: MemberId,
                },
          success: function (response) {
               $('#MemberId').val(response.GetFamilyMember.EmployeeFamilyMemberId);
               $('#EmployeeIdEdit').val(response.GetFamilyMember.EmployeeId);
               $('span#FamilyMemberName').html('#' +response.GetFamilyMember.MemberName);
               $('#MemberNameEdit').val(response.GetFamilyMember.MemberName);
              
               $('#RelationTypeEdit').val(response.GetFamilyMember.EmployeeRelationId);
               $('#RelationTypeEdit').select2().trigger('change');
              
               $('#MemberUIDEdit').val(response.GetFamilyMember.MemberUID);
               $('#MemberContactNumberEdit').val(response.GetFamilyMember.MemberContactNumber);
               var dob = response.GetFamilyMember.MemberDOB;
               var DateOfBirth = dob.split("-").join("/");
               $('#DateOfBirthEdit').val(DateOfBirth);

               if (response.GetFamilyMember.MemberAddedDate) {
                var Added = new Date(response.GetFamilyMember.MemberAddedDate);
                $('#MemberAddedDateEdit').val(((Added.getDate() > 9) ? Added.getDate() : ('0' + Added.getDate())) + '/' + ((Added.getMonth() > 8) ? (Added.getMonth() + 1) : ('0' + (Added.getMonth() + 1))) + '/' + Added.getFullYear());
               }

               if (response.GetFamilyMember.Status == '1') {
                    $("input#InactiveSatus").prop('checked', true);
                } else {
                    $("input#InactiveSatus").prop('checked', false);
              }
          }
      });
  }
</script>


<script>
    $(function () {
      $.validator.setDefaults({
        submitHandler: function () {
            event.preventDefault();
        $.ajax({
                type: "post",
                url: "<?php echo e(url('update-family-member')); ?>",
                data: $("#updateFamilyMemberform").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: 'Family member updated successfully!'
                    });
                    // Get EmployeeId and Member List
                    var EmployeeId = $('#EmployeeIdEdit').val();
                    getMemberList(EmployeeId);
                    $('#updateFamilyMember').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!'
                    });
                }
            });
        }
      });
      $('#updateFamilyMemberform').validate({
        rules: {
            EmployeeCode: {
            required: true,
          },
          RelationType: {
            required: true,
          },
          MemberName: {
            required: true,
          },
          DateOfBirth: {
            required: true
          },
          MemberUID: {
         // required: true,
          pattern: '^([0-9]){12}$',
        //   remote: {
        //     type: "POST",
        //     url:'<?php echo e(url("/")); ?>/check-duplicate-member-uid',
        //     data: {
        //         MemberUID: function() {
        //         return $( "#MemberUIDEdit" ).val();
        //       },
        //       EmployeeFamilyMemberId: function() {
        //         return $( "#MemberId" ).val();
        //       },
        //       '_token':$('meta[name="csrf-token"]').attr('content')
        //     }
        //   }
        },
        },
        messages: {
            EmployeeCode: {
            required: "Please select employee code.",
          },
          RelationType: {
            required: "Please select Relationship.",
          },
          MemberName: {
            required: "Please enter the member name.",
            },
          MemberUID: {
            required: "Please enter the Member's Aadhar No.",
            pattern: "Please enter the valid Aadhar No.",
            remote: "Aadhar No already exist.",
            },
        },
        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/EmployeeFamilyDetail/add-family-member.blade.php ENDPATH**/ ?>