@extends('layout.main')
@section('content')


    <section>

        <div class="container-fluid"><span id="general_result"></span>
            @if(isset($hireCandidate))<div class="alert alert-info">{{ __('Create the employee record for this accepted candidate.') }} <strong>{{ $hireCandidate->full_name }}</strong> <a href="{{ route('recruitment-pipeline.show',$hireCandidate->id) }}">{{ __('Back to Candidate') }}</a></div>@endif
        </div>


        <div class="container-fluid mb-3 pp-list-actions">
            @can('view-details-employee')<a class="btn btn-outline-primary" href="{{ route('organization-chart.index') }}">{{ __('Organization Chart') }}</a>@endcan
            @can('store-details-employee')
                <button type="button" class="btn btn-info" name="create_record" id="create_record"><i
                            class="fa fa-plus"></i> {{__('Add Employee')}}</button>
            @endcan
            @can('modify-details-employee')
                <button type="button" class="btn btn-danger" name="bulk_delete" id="bulk_delete" disabled aria-disabled="true" data-selection-table="employee-table" data-selected-label="{{ __('selected') }}" data-clear-label="{{ __('Clear selection') }}"><i
                            class="fa fa-minus-circle"></i> {{__('Bulk delete')}}</button>
            @endcan
            <button class="btn btn-outline-primary" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
                <i class="fa fa-filter" aria-hidden="true"></i> {{ __('Filter') }}
            </button>
        </div>
        <div class="container-fluid">
            @include('workspace.saved-views')
            <!-- Filtering -->
            <div class="collapse" id="collapseExample">
                <div class="card card-body mb-3">
                    <form action="" method="GET" id="filter_form">
                        <div class="row">
                            <!-- Company -->
                            <div class="col-sm-6 col-xl-3">
                                <div class="form-group">
                                    <label for="company_id_filter" class="text-bold"><strong>{{trans('file.Company')}}</strong></label>
                                    <select name="company_id" id="company_id_filter"
                                            class="form-control selectpicker dynamic"
                                            data-live-search="true" data-live-search-style="contains"
                                            data-shift_name="shift_name" data-dependent="department_name"
                                            title="{{__('Selecting',['key'=>trans('file.Company')])}}...">
                                            <option value=""></option>
                                        @foreach($companies as $company)
                                            <option value="{{$company->id}}">{{$company->company_name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <!--/ Company-->

                            <!-- Department-->
                            <div class="col-sm-6 col-xl-3">
                                <div class="form-group">
                                    <label for="department_id_filter" class="text-bold"><b>{{trans('file.Department')}}</b></label>
                                    <select name="department_id" id="department_id_filter"
                                            class="selectpicker form-control designationFilter"
                                            data-live-search="true" data-live-search-style="contains"
                                            data-designation_name="designation_name"
                                            title="{{__('Selecting',['key'=>trans('file.Department')])}}...">
                                    </select>
                                </div>
                            </div>
                            <!--/ Department-->

                            <!-- Designation -->
                            <div class="col-sm-6 col-xl-3 form-group">
                                <label for="designation_id_filter" class="text-bold"><b>{{trans('file.Designation')}}</b></label>
                                <select name="designation_id" id="designation_id_filter" class="selectpicker form-control"
                                        data-live-search="true" data-live-search-style="contains"
                                        title="{{__('Selecting',['key'=>trans('file.Designation')])}}...">
                                </select>
                            </div>
                            <!--/ Designation -->

                            <!-- Office Shift -->
                            <div class="col-sm-6 col-xl-3 form-group">
                                <label for="office_shift_id_filter" class="text-bold"><b>{{__('Office Shift')}}</b></label>
                                <select name="office_shift_id" id="office_shift_id_filter" class="selectpicker form-control"
                                        data-live-search="true" data-live-search-style="contains"
                                        title="{{__('Selecting Office Shift')}}...">
                                </select>
                            </div>
                            <!--/ Office Shift -->

                            <div class="col-12">
                                <button type="button" class="btn btn-outline-primary" id="filterSubmit">
                                    {{ __('Apply Filters') }}
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <!--/ Filtering -->
        </div>


        <div class="table-responsive">
            <table id="employee-table" class="table">
                <thead>
                <tr>
                    <th class="not-exported"></th>
                    <th>{{trans('file.Employee')}}</th>
                    <th>{{trans('file.Company')}}</th>
                    <th>{{trans('file.Contact')}}</th>
                    <th class="not-exported">{{trans('file.action')}}</th>
                </tr>
                </thead>

            </table>
        </div>
    </section>



    <div id="formModal" class="modal fade" role="dialog">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">

                <div class="modal-header">
                    <h5 id="exampleModalLabel" class="modal-title">{{__('Add Employee')}}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                <div class="modal-body">
                    <span id="form_result"></span>
                    <form method="post" id="sample_form" class="form-horizontal" enctype="multipart/form-data">

                        @csrf
                        @if(isset($hireCandidate))<input type="hidden" name="candidate_id" value="{{ $hireCandidate->id }}">@endif
                        <div class="row">
                            <div class="col-md-6 form-group">
                                <label class="text-bold" for="first_name">{{__('First Name')}} <span class="text-danger">*</span></label>
                                <input type="text" name="first_name" id="first_name" placeholder="{{__('First Name')}}"
                                       required class="form-control" value="{{ $hirePrefill['first_name'] ?? old('first_name') }}">
                            </div>
                            <div class="col-md-6 form-group">
                                <label for="last_name" class="text-bold">{{__('Last Name')}} <span class="text-danger">*</span></label>
                                <input type="text" name="last_name" id="last_name" placeholder="{{__('Last Name')}}"
                                       required class="form-control" value="{{ $hirePrefill['last_name'] ?? old('last_name') }}">
                            </div>
                            <div class="col-md-6 form-group">
                                <label for="staff_id" class="text-bold">{{__('Staff Id')}} <span class="text-danger">*</span></label>
                                <input type="text" name="staff_id" id="staff_id" placeholder="{{__('Staff Id')}}"
                                       required class="form-control">
                            </div>
                            <div class="col-md-6 form-group">
                                <label for="email" class="text-bold">{{trans('file.Email')}}</label>
                                <input type="email" name="email" id="email" placeholder="example@example.com"
                                       class="form-control" value="{{ $hirePrefill['email'] ?? old('email') }}">
                            </div>
                            <div class="col-md-6 form-group">
                                <label for="contact_no" class="text-bold">{{trans('file.Phone')}} <span class="text-danger">*</span></label>
                                <input type="text" name="contact_no" id="contact_no"
                                       placeholder="{{trans('file.Phone')}}" required
                                       class="form-control" value="{{ $hirePrefill['contact_no'] ?? old('contact_no') }}">
                            </div>

                            <div class="col-md-6 form-group">
                                <label for="date_of_birth" class="text-bold">{{__('Date Of Birth')}} <span class="text-danger">*</span></label>
                                <input type="text" name="date_of_birth" id="date_of_birth" required autocomplete="off"
                                       class="form-control date" value="">
                            </div>

                            <div class="col-md-6 form-group">
                                <label for="gender" class="text-bold">{{trans('file.Gender')}}</label>
                                <select name="gender" id="gender" class="selectpicker form-control"
                                        data-live-search="true" data-live-search-style="contains"
                                        title="{{__('Selecting',['key'=>trans('file.Gender')])}}...">
                                    <option value="Male">{{trans('file.Male')}}</option>
                                    <option value="Female">{{trans('file.Female')}}</option>
                                    <option value="Other">{{trans('file.Other')}}</option>
                                </select>
                            </div>


                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="company_id" class="text-bold">{{trans('file.Company')}} <span class="text-danger">*</span></label>
                                    <select name="company_id" id="company_id" required
                                            class="form-control selectpicker dynamic"
                                            data-live-search="true" data-live-search-style="contains"
                                            data-shift_name="shift_name" data-dependent="department_name"
                                            title="{{__('Selecting',['key'=>trans('file.Company')])}}...">
                                        @foreach($companies as $company)
                                            <option value="{{$company->id}}" @selected(isset($hireCandidate) && (int)$hireCandidate->AppliedJob->company_id === (int)$company->id)>{{$company->company_name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="department_id" class="text-bold">{{trans('file.Department')}} <span class="text-danger">*</span></label>
                                    <select name="department_id" id="department_id" required
                                            class="selectpicker form-control designation"
                                            data-live-search="true" data-live-search-style="contains"
                                            data-designation_name="designation_name"
                                            title="{{__('Selecting',['key'=>trans('file.Department')])}}...">
                                    </select>
                                </div>
                            </div>


                            <div class="col-md-6 form-group">
                                <label for="designation_id" class="text-bold">{{trans('file.Designation')}} <span class="text-danger">*</span></label>
                                <select name="designation_id" id="designation_id" required class="selectpicker form-control"
                                        data-live-search="true" data-live-search-style="contains"
                                        title="{{__('Selecting',['key'=>trans('file.Designation')])}}...">
                                </select>
                            </div>

                            <div class="col-md-6 form-group">
                                <label for="office_shift_id" class="text-bold">{{trans('file.Office_Shift')}} <span class="text-danger">*</span></label>
                                <select name="office_shift_id" id="office_shift_id" required class="selectpicker form-control"
                                        data-live-search="true" data-live-search-style="contains"
                                        title="{{__('Selecting',['key'=>trans('file.Office_Shift')])}}...">
                                </select>
                            </div>

                            <div class="col-md-6 form-group">
                                <label for="username" class="text-bold">{{trans('file.Username')}} <span class="text-danger">*</span></label>
                                <input type="text" name="username" id="username"
                                       placeholder="{{__('Unique Value',['key'=>trans('file.Username')])}}"
                                       required class="form-control">
                            </div>

                            <div class="col-md-6 form-group">
                                <label for="role_users_id" class="text-bold">{{trans('file.Role')}} <span class="text-danger">*</span></label>
                                <select name="role_users_id" id="role_users_id" required
                                        class="selectpicker form-control"
                                        data-live-search="true" data-live-search-style="contains"
                                        title="{{__('Selecting',['key'=>trans('file.Role')])}}...">
                                    @foreach ($roles as $item)
                                        <option value="{{$item->id}}" @selected(isset($hireCandidate) && (int)$item->id === 2)>{{$item->name}}</option>
                                    @endforeach
                                    {{-- <option value="1">Admin</option>
                                    <option value="2">Employee</option> --}}
                                </select>
                            </div>

                            <div class="col-md-6 form-group">
                                <label for="password" class="text-bold">{{trans('file.Password')}} <span class="text-danger">*</span></label>
                                <div class="input-group">
                                    <input type="password" name="password" id="password"
                                           placeholder="{{trans('file.Password')}}"
                                           required class="form-control">
                                </div>
                            </div>

                            <div class="col-md-6 form-group">
                                <label for="confirm_pass" class="text-bold">{{__('Confirm Password')}} <span class="text-danger">*</span></label>
                                <div class="input-group">
                                    <input id="confirm_pass" type="password"
                                           class="form-control "
                                           name="password_confirmation" placeholder="{{__('Re-type Password')}}"
                                           required autocomplete="new-password">
                                </div>
                                <div class="form-group">
                                    <div class="registrationFormAlert" id="divCheckPasswordMatch">
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-6 form-group">
                                <label for="attendance_type" class="text-bold">{{__('Attendance Type')}} <span class="text-danger">*</span></label>
                                <select name="attendance_type" id="attendance_type" required class="selectpicker form-control"
                                        data-live-search="true" data-live-search-style="contains" title="{{__('Select Attendance Type...')}}">
                                    <option value="general">{{__('General')}}</option>
                                    <option value="ip_based">{{__('IP Based')}}</option>
                                </select>
                            </div>

                            <div class="col-md-6 form-group">
                                <label for="joining_date" class="text-bold">{{__('Date Of Joining')}} <span class="text-danger">*</span></label>
                                <input type="text" name="joining_date" id="joining_date" class="form-control date" value="{{ $hirePrefill['joining_date'] ?? old('joining_date') }}">
                            </div>

                            <div class="col-md-6 form-group">
                                <label for="profile_photo" class=""><strong>{{ __('Image') }}</strong></label>
                                <input type="file" id="profile_photo"
                                       class="form-control @error('photo') is-invalid @enderror"
                                       name="profile_photo" placeholder="{{__('Upload',['key'=>trans('file.Photo')])}}">
                            </div>

                            @if(app(\App\Services\WorkspaceFields::class)->ready())<div class="col-12" data-custom-field-create data-company-select="#company_id" data-input-url="{{ route('workspace-fields.inputs') }}" data-entity="employee" data-error="{{ __('Custom fields could not be loaded. Please retry.') }}" data-retry="{{ __('Retry') }}" aria-live="polite"></div>@endif


                            <div class="container">
                                <div class="form-group" align="center">
                                    <input type="hidden" name="action" id="action"/>
                                    <input type="hidden" name="hidden_id" id="hidden_id"/>
                                    <input type="submit" name="action_button" id="action_button" class="btn btn-warning w-100" value="{{trans('file.Add')}}" />
                                </div>
                            </div>
                        </div>

                    </form>

                </div>
            </div>
        </div>
    </div>


    <div id="confirmModal" class="modal fade" role="dialog">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h2 class="modal-title">{{trans('file.Confirmation')}}</h2>
                    <button type="button" class="employee-close" data-dismiss="modal">&times;</button>
                </div>
                <div class="modal-body">
                    <h4 align="center" style="margin:0;">{{__('Are you sure you want to remove this data?')}}</h4>
                </div>
                <div class="modal-footer">
                    <button type="button" name="ok_button" id="ok_button"
                            class="btn btn-danger">{{trans('file.OK')}}</button>
                    <button type="button" class="close btn-default"
                            data-dismiss="modal">{{trans('file.Cancel')}}</button>
                </div>
            </div>
        </div>
    </div>

@endsection

@push('scripts')
<script src="{{ asset('js/custom-fields.js') }}?v={{ filemtime(public_path('js/custom-fields.js')) }}" defer></script>
<script src="{{ asset('js/organization-selects.js') }}?v={{ filemtime(public_path('js/organization-selects.js')) }}"></script>
<script src="{{ asset('js/employee-table.js') }}?v={{ filemtime(public_path('js/employee-table.js')) }}"></script>
<script type="text/javascript">
    $(document).ready(function () {

        if (window.location.href.indexOf('#formModal') != -1) {
            $('#formModal').modal('show');
        }

        var date = $('.date');
        date.datepicker({
            format: '{{ config('peoplepro.date_format_js', 'dd-mm-yyyy')}}',
            autoclose: true,
            todayHighlight: true
        });

        // Responsive CSS hiding must not remove data from an export. Explicit Columns choices still apply.
        var exportColumns = function (index) {
            return index > 0 && index < 4 && table_table.column(index).visible();
        };
        var table_table = $('#employee-table').DataTable({
            initComplete: function () {
                this.api().columns([2, 4]).every(function () {
                    var column = this;
                    var select = $('<select><option value=""></option></select>')
                        .appendTo($(column.footer()).empty())
                        .on('change', function () {
                            var val = $.fn.dataTable.util.escapeRegex(
                                $(this).val()
                            );

                            column
                                .search(val ? '^' + val + '$' : '', true, false)
                                .draw();
                        });

                    column.data().unique().sort().each(function (d, j) {
                        select.append('<option value="' + d + '">' + d + '</option>');
                        $('select').selectpicker('refresh');
                    });
                });
            },
            responsive: true,
            fixedHeader: {
                header: true,
                footer: true
            },
            processing: true,
            serverSide: true,
            ajax: {
                url: "{{ route('employees.index') }}",
                type: 'GET',
                data: function (d) {
                    d.company_id     = $("#company_id_filter").val();
                    d.department_id  = $('#department_id_filter').val();
                    d.designation_id = $('#designation_id_filter').val();
                    d.office_shift_id = $('#office_shift_id_filter').val();
                    var saved = document.getElementById('employee-table')._ppSavedFilters;
                    if (saved) Object.assign(d, saved);
                }
            },

            columns: [

                {
                    data: 'id',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'name',
                    name: 'name',
                    className: 'all pp-employee-column',
                    responsivePriority: 0,
                },
                {
                    data: 'company',
                    name: 'company',
                },
                {
                    data: 'contacts',
                    name: 'contacts',
                },
                {
                    data: 'action',
                    name: 'action',
                    orderable: false
                }
            ],


            "order": [],
            'language': {
                'lengthMenu': '_MENU_ {{__('records per page')}}',
                "info": '{{trans("file.Showing")}} _START_ - _END_ (_TOTAL_)',
                "search": '{{trans("file.Search")}}',
                'paginate': {
                    'previous': '{{trans("file.Previous")}}',
                    'next': '{{trans("file.Next")}}'
                }
            },
            'columnDefs': [
                {
                    "orderable": false,
                    'targets': [0,4],
                    "className": "text-left"
                },
                {
                    'render': function (data, type, row, meta) {
                        if (type == 'display') {
                            data = '<div class="checkbox"><input type="checkbox" class="dt-checkboxes"><label class="text-bold"></label></div>';
                        }

                        return data;
                    },
                    'checkboxes': {
                        'selectRow': true,
                        'selectAllRender': '<div class="checkbox"><input type="checkbox" class="dt-checkboxes"><label class="text-bold"></label></div>'
                    },
                    'targets': [0]
                }
            ],


            'select': {style: 'multi', selector: 'td:first-child'},
            'lengthMenu': [[10, 25, 50, -1], [10, 25, 50, @json(__('All'))]],
            dom: '<"pp-list-toolbar"lfB>rt<"pp-list-footer"ip>',
            buttons: [
                {
                    extend: 'pdf',
                    text: '<i title="export to pdf" class="fa fa-file-pdf-o"></i>',
                    exportOptions: {
                        columns: exportColumns,
                        rows: ':visible',
                        format: { body: window.PeopleProEmployeeTable.exportCell }
                    },
                },
                {
                    extend: 'csv',
                    text: '<i title="export to csv" class="fa fa-file-text-o"></i>',
                    exportOptions: {
                        columns: exportColumns,
                        rows: ':visible',
                        format: { body: window.PeopleProEmployeeTable.exportCell }
                    },
                },
                // {
                //     extend: 'csv',
                //     text: '<i title="export for device" class="fa fa-tablet"></i>',
                //     className: 'export-for-device',
                //     exportOptions: {
                //         columns: [1,2],
                //         rows: ':visible',
                //         format: {
                //             body: function ( data, row, column, node ) {
                //                 if (column === 0) {
                //                     var id = data.match(/<span>Staff Id: (.*?)<\/span>/)[1];
                //                     name = data.match(/<[a][^>]*>(.+?)<\/[a]>/)[1];
                //                     return id;
                //                 }
                //                 else {
                //                     return name;
                //                 }
                //             }
                //         }
                //     },
                //     customize: function (csv) {
                //         var csvRows = csv.split('\n');
                //         csvRows[0] = csvRows[0].replace(['"Employee"', '"Company"'], ['"Staff Id"','"Name"']);
                //         return csvRows.join('\n');
                //     }
                // },
                {
                    extend: 'print',
                    text: '<i title="print" class="fa fa-print"></i>',
                    exportOptions: {
                        columns: exportColumns,
                        rows: ':visible',
                        format: { body: window.PeopleProEmployeeTable.exportPrintCell }
                    },
                },
                {
                    extend: 'colvis',
                    text: '<i title="column visibility" class="fa fa-eye"></i>',
                    columns: ':gt(0)'
                },
            ],
        });
        window.PeopleProEmployeeTable.observe(table_table);

    });


    //-------------- Filter -----------------------

    $('#filterSubmit').on("click",function(e){
        document.getElementById('employee-table')._ppSavedFilters = null;
        $('#employee-table').DataTable().draw(true);
    });
    //--------------/ Filter ----------------------


    $('#create_record').click(function () {

        $('.modal-title').text("Add Employee");
        $('#action_button').val('{{trans('file.Add')}}');
        $('#action').val('{{trans('file.Add')}}');
        $('#formModal').modal('show');
    });

    $('#sample_form').on('submit', function (event) {
        event.preventDefault();
        // var attendance_type = $("#attendance_type").val();
        // console.log(attendance_type);

        $.ajax({
            url: "{{ route('employees.store') }}",
            method: "POST",
            data: new FormData(this),
            contentType: false,
            cache: false,
            processData: false,
            dataType: "json",
            success: function (data) {
                console.log(data);
                var html = '';
                if (data.errors) {
                    html = '<div class="alert alert-danger">';
                    for (var count = 0; count < data.errors.length; count++) {
                        html += '<p>' + data.errors[count] + '</p>';
                    }
                    html += '</div>';
                }
                if (data.error) {
                    html = '<div class="alert alert-danger">' + data.error + '</div>';
                }
                if (data.success) {
                    if (data.employee_id) {
                        window.location.href=@json(url('staff/employees'))+'/'+encodeURIComponent(data.employee_id);
                        return;
                    }
                    html = '<div class="alert alert-success">' + data.success + '</div>';
                    $('#sample_form')[0].reset();
                    $('select').selectpicker('refresh');
                    $('.date').datepicker('update');
                    $('#employee-table').DataTable().ajax.reload();
                }
                $('#form_result').html(html).slideDown(300).delay(5000).slideUp(300);
            }
        });
    });


    let employee_delete_id;

    $(document).on('click', '.delete', function () {
        employee_delete_id = $(this).attr('id');
        $('#confirmModal').modal('show');
        $('.modal-title').text('{{__('DELETE Record')}}');
        $('#ok_button').text('{{trans('file.OK')}}');

    });


    $(document).on('click', '#bulk_delete', function () {
        var id = [];
        let table = $('#employee-table').DataTable();
        id = table.rows({selected: true}).ids().toArray();
        if (id.length > 0) {
            if (confirm('{{__('Delete Selection',['key'=>trans('file.Employee')])}}')) {
                $.ajax({
                    url: '{{route('mass_delete_employees')}}',
                    method: 'POST',
                    data: {
                        employeeIdArray: id
                    },
                    success: function (data) {
                        if (data.success) {
                            html = '<div class="alert alert-success">' + data.success + '</div>';
                        }
                        if (data.error) {
                            html = '<div class="alert alert-danger">' + data.error + '</div>';
                        }
                        table.ajax.reload();
                        table.rows('.selected').deselect();
                        $('#general_result').html(html).slideDown(300).delay(5000).slideUp(300);

                    }

                });
            }
        } else {
            alert('{{__('Please select atleast one checkbox')}}');
        }
    });


    $('#close').click(function () {
        $('#sample_form')[0].reset();
        $('select').selectpicker('refresh');
        $('.date').datepicker('update');
        $('#employee-table').DataTable().ajax.reload();
    });

    $('#ok_button').click(function () {
        let target = "{{ route('employees.index') }}/" + employee_delete_id + '/delete';
        $.ajax({
            type: "POST",
            url: target,
            beforeSend: function () {
                $('#ok_button').text('{{trans('file.Deleting...')}}');
            },
            success: function (data) {
                if (data.success) {
                    html = '<div class="alert alert-success">' + data.success + '</div>';
                }
                if (data.error) {
                    html = '<div class="alert alert-danger">' + data.error + '</div>';
                }
                setTimeout(function () {
                    $('#general_result').html(html).slideDown(300).delay(5000).slideUp(300);
                    $('#confirmModal').modal('hide');
                    $('#employee-table').DataTable().ajax.reload();
                }, 2000);
            }
        })
    });


    $('#confirm_pass').on('input', function () {

        if ($('input[name="password"]').val() != $('input[name="password_confirmation"]').val())
            $("#divCheckPasswordMatch").html('{{__('Password does not match! please type again')}}');
        else
            $("#divCheckPasswordMatch").html('{{__('Password matches!')}}');

    });


    $(function () {
        var urls = {
            department: @json(route('dynamic_department')),
            designation: @json(route('dynamic_designation_department')),
            shift: @json(route('dynamic_office_shifts')),
            errorText: @json(__('Unable to load options. Please try again.'))
        };
        PeopleProOrganizationSelects.connect('#sample_form', urls);
        PeopleProOrganizationSelects.connect('#filter_form', urls);
    });

@if(isset($hireCandidate))
$(function(){ $('#company_id').trigger('change'); });
@endif
</script>
@endpush