@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="20%" onclick="sortType(this)">Name&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="5%" onclick="sortType(this)">Ref&nbsp;<i class="@if($sortedType == "job_reference_code" && $sortedValue == "desc"){{'cil-data-transfer-up'}}@else{{'cil-data-transfer-down'}}@endif" data-sort="@if($sortedType == "job_reference_code" && $sortedValue == "desc"){{'asc'}}@else{{'desc'}}@endif" data-name="job_reference_code"></i></th>
                        <th width="10%" onclick="sortType(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="5%" onclick="sortType(this)">Applications&nbsp;<i class="@if($sortedType == "application_count" && $sortedValue == "desc"){{'cil-data-transfer-up'}}@else{{'cil-data-transfer-down'}}@endif" data-sort="@if($sortedType == "application_count" && $sortedValue == "desc"){{'asc'}}@else{{'desc'}}@endif" data-name="application_count"></i></th>
                        <th width="15%" onclick="sortType(this)">Customer&nbsp;<i class="@if($sortedType == "end_customer_name" && $sortedValue == "desc"){{'cil-data-transfer-up'}}@else{{'cil-data-transfer-down'}}@endif" data-sort="@if($sortedType == "end_customer_name" && $sortedValue == "desc"){{'asc'}}@else{{'desc'}}@endif" data-name="end_customer_name"></i></th>
                        <th width="15%" onclick="sortType(this)">Position Type&nbsp;<i class="@if($sortedType == "position_type" && $sortedValue == "desc"){{'cil-data-transfer-up'}}@else{{'cil-data-transfer-down'}}@endif" data-sort="@if($sortedType == "position_type" && $sortedValue == "desc"){{'asc'}}@else{{'desc'}}@endif" data-name="position_type"></i></th>
                        <th width="10%" onclick="sortType(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="sortType(this)">Sourcer&nbsp;<i class="@if($sortedType == "sourcername" && $sortedValue == "desc"){{'cil-data-transfer-up'}}@else{{'cil-data-transfer-down'}}@endif" data-sort="@if($sortedType == "sourcername" && $sortedValue == "desc"){{'asc'}}@else{{'desc'}}@endif" data-name="sourcername"></i></th>
                        <th width="10%" onclick="sortType(this)">Created&nbsp;<i class="@if($sortedType == "created_by" && $sortedValue == "desc"){{'cil-data-transfer-up'}}@else{{'cil-data-transfer-down'}}@endif" data-sort="@if($sortedType == "created_by" && $sortedValue == "desc"){{'asc'}}@else{{'desc'}}@endif" data-name="created_by"></i></th>
                        <th width="10%" onclick="sortType(this)">Date&nbsp;<i class="@if($sortedType == "created_at" && $sortedValue == "desc"){{'cil-data-transfer-up'}}@else{{'cil-data-transfer-down'}}@endif" data-sort="@if($sortedType == "created_at" && $sortedValue == "desc"){{'asc'}}@else{{'desc'}}@endif" data-name="created_at"></i></th>
                        <th width="5%">Action</th>
                    </tr>
                </thead>
                
                @if($records->count() > 0)
                <tbody>
                     @foreach($records as $record)
                        @php $detailUrl = route('pjobs.jobs.show', $record->id); @endphp

                            <tr>
                            <td><strong> <a href="javascript:;" onclick="getDetail('{{$detailUrl}}')">{{$record->title}}</a></strong>&nbsp;<a href="{{$detailUrl}}" target="_blank"><i class="cil-external-link"></i></a></td>
                            <td>{{$record->job_reference_code}}</td>
                            <td>{{$record->rate_currency . ' ' . $record->rate . '/' . $record->rate_type}}</td>
                            <td>{{$record->application_count}}</td>                                
                            <td>{{$record->end_customer_name}}</td>
                            <td>{{str_replace(',', ', ', $record->position_type)}}</td>
                            <td>{{showTimeFormat($record->start_date, 'm/d/Y')}}</td>
                            <td>{{$record->sourcername}}</td>                                                            
                            <td>{{$record->username}}</td>
                            <td>{{showTimeFormat($record->created_at, 'm/d/Y')}}</td>
                            <td>
                            <label class="c-switch c-switch-label c-switch c-switch-success">
                                <input class="c-switch-input" value="{{$record->id}}" onchange="updateStatus(this)" type="checkbox" @if( $record->status == "Active"){{'checked=""'}}@endif><span class="c-switch-slider" data-checked="On" data-unchecked="Off"></span>
                            </label>  
                            </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="sortValue" value="{{$sortedValue}}">
            <input type="hidden" class="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="jobsPagination">
                        {{$records->links('vendor.pagination.bootstrap-4')}}
                    </div>
                </div>
            </div>
        </div>