@php 

$sortedType = '';
$sortedValue = '';
if(isset($data['sortType']) && isset($data['sortValue']) && $records->count() > 0){
$sortedType = $data['sortType'];
$sortedValue = $data['sortValue'];
}
@endphp
<div class="row">
    <div class="col-sm-12">
            <table class="table table-striped table-sm sortByTableHeader" style="width:100%">
                <thead>
                    <tr> 
                        
                        <th width="15%" onclick="mySharedSortType(this)">Title&nbsp;<i class="@if($sortedType == "title" && $sortedValue == "desc"){{'cil-data-transfer-up'}}@else{{'cil-data-transfer-down'}}@endif" data-sort="@if($sortedType == "title" && $sortedValue == "desc"){{'asc'}}@else{{'desc'}}@endif" data-name="title"></i></th>
                        <th width="10%" onclick="mySharedSortType(this)">Experience Level&nbsp;<i class="@if($sortedType == "experience_level" && $sortedValue == "desc"){{'cil-data-transfer-up'}}@else{{'cil-data-transfer-down'}}@endif" data-sort="@if($sortedType == "experience_level" && $sortedValue == "desc"){{'asc'}}@else{{'desc'}}@endif" data-name="experience_level"></i></th>
                        <th width="15%" onclick="mySharedSortType(this)">Preferred Employment&nbsp;<i class="@if($sortedType == "preferred_employment" && $sortedValue == "desc"){{'cil-data-transfer-up'}}@else{{'cil-data-transfer-down'}}@endif" data-sort="@if($sortedType == "preferred_employment" && $sortedValue == "desc"){{'asc'}}@else{{'desc'}}@endif" data-name="preferred_employment"></i></th>
                        <th width="10%" onclick="mySharedSortType(this)">Start Date&nbsp;<i class="@if($sortedType == "start_date" && $sortedValue == "desc"){{'cil-data-transfer-up'}}@else{{'cil-data-transfer-down'}}@endif" data-sort="@if($sortedType == "start_date" && $sortedValue == "desc"){{'asc'}}@else{{'desc'}}@endif" data-name="start_date"></i></th>
                        <th width="10%" onclick="mySharedSortType(this)">Rate&nbsp;<i class="@if($sortedType == "rate" && $sortedValue == "desc"){{'cil-data-transfer-up'}}@else{{'cil-data-transfer-down'}}@endif" data-sort="@if($sortedType == "rate" && $sortedValue == "desc"){{'asc'}}@else{{'desc'}}@endif" data-name="rate"></i></th>                        
                        <th width="15%" onclick="mySharedSortType(this)">Skills&nbsp;<i class="@if($sortedType == "skills" && $sortedValue == "desc"){{'cil-data-transfer-up'}}@else{{'cil-data-transfer-down'}}@endif" data-sort="@if($sortedType == "skills" && $sortedValue == "desc"){{'asc'}}@else{{'desc'}}@endif" data-name="skills"></i></th>
                        <th width="15%" onclick="mySharedSortType(this)">Partner Sharing Date&nbsp;<i class="@if($sortedType == "partner_sharing_date" && $sortedValue == "desc"){{'cil-data-transfer-up'}}@else{{'cil-data-transfer-down'}}@endif" data-sort="@if($sortedType == "partner_sharing_date" && $sortedValue == "desc"){{'asc'}}@else{{'desc'}}@endif" data-name="partner_sharing_date"></i></th>

                    </tr>
                </thead>
                @if($records->count() > 0)
                <tbody>
                        @foreach($records as $record)
                        <tr>
                            <td><strong> <a href="javascript:;" onclick="editMySharedJobRecord('{{$record->id}}')">{{$record->title}}</a></strong></td>
                            <td>{{$record->experience_level}}</td>                                
                            <td>{{str_replace(',', ', ', $record->preferred_employment)}}</td>
                            <td>{{$record->start_date ? showTimeFormat($record->start_date, 'm/d/Y') : ''}}</td>
                            <td>{{$record->rate_currency . ' ' . $record->rate . '/' . $record->rate_type}}</td>
                            <td>{{$record->skills}}</td>                                                            
                            <td>{{$record->partner_sharing_date ? showTimeFormat($record->partner_sharing_date, 'm/d/Y') : ''}}</td>
                        </tr>
                    @endforeach
                </tbody>
                @else
                <tbody>
                    <tr class="odd"><td valign="top" colspan="11" class="dataTables_empty text-center">No matching records found</td></tr>
                </tbody>
                @endif
            </table>
    </div>
</div>
<div class="row">
    <input type="hidden" class="my_shared_sortValue" value="{{$sortedValue}}">
    <input type="hidden" class="my_shared_sortType" value="{{$sortedType}}">
    <div class="col-sm-12 col-md-5">
        <div class="dataTables_info" id="DataTables_Table_0_info" role="status" aria-live="polite">
        Showing {{ $records->firstItem() }} to {{ $records->lastItem() }} of {{$records->total()}} entries
        </div>
    </div>
    <div class="col-sm-12 col-md-7">
        <div class="dataTables_paginate paging_simple_numbers float-right" id="jobMySharedPagination">
            {{$records->links('vendor.pagination.bootstrap-4')}}
        </div>
    </div>
</div>