@php 

$sortedType = '';
$sortedValue = '';
if(isset($data['sortType']) && isset($data['sortValue']) && $tenantRecords->count() > 0){
$sortedType = $data['sortType'];
$sortedValue = $data['sortValue'];
}
@endphp

<table class="table table-striped table-sm candidateDataTable sortByTableHeader" style="width:100%">
    <thead>
        <tr> 
            <th width="10%"></th>
            <th width="20%" onclick="sortCandidateType(this)">Name&nbsp;<i class="@if($sortedType == "name" && $sortedValue == "desc"){{'cil-data-transfer-up'}}@else{{'cil-data-transfer-down'}}@endif" data-sort="@if($sortedType == "name" && $sortedValue == "desc"){{'asc'}}@else{{'desc'}}@endif" data-name="name"></i></th>
            <th width="20%" onclick="sortCandidateType(this)">Email&nbsp;<i class="@if($sortedType == "email" && $sortedValue == "desc"){{'cil-data-transfer-up'}}@else{{'cil-data-transfer-down'}}@endif" data-sort="@if($sortedType == "email" && $sortedValue == "desc"){{'asc'}}@else{{'desc'}}@endif" data-name="email"></i></th>
            <th width="20%" onclick="sortCandidateType(this)">Job Profile&nbsp;<i class="@if($sortedType == "job_title" && $sortedValue == "desc"){{'cil-data-transfer-up'}}@else{{'cil-data-transfer-down'}}@endif" data-sort="@if($sortedType == "job_title" && $sortedValue == "desc"){{'asc'}}@else{{'desc'}}@endif" data-name="job_title"></i></th>
            <th width="30%" onclick="sortCandidateType(this)">Rate Type</th>
        </tr>
    </thead>
    
    @if($tenantRecords->count() > 0)
    <tbody>
        @foreach($tenantRecords as $tenantRecord)
        <tr>
            <td style="width:2%;"><input type="checkbox" value="{{$tenantRecord->id}}" name="candidate[]"></td>
            <td style="width:10%;">{{$tenantRecord->name}}</td>
            <td style="width:10%;">{{$tenantRecord->email}} </td>
            <td style="width:10%;">{{$tenantRecord->job_title}}</td>
            <td style="width:10%;">{{$tenantRecord->rate.'/'.$tenantRecord->rate_type.'/'.$tenantRecord->rate_currency}}</td>
            </tr>
        @endforeach
            </tbody>
    @else 
    <tbody>
        <tr class="odd"><td valign="top" colspan="5" class="dataTables_empty text-center">No matching records found</td></tr>
    </tbody>
    @endif
</table>
</div>
</div>
<div class="row">
<input type="hidden" class="sortCandidateValue" value="{{$sortedValue}}">
<input type="hidden" class="sortCandidateType" 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 {{ $tenantRecords->firstItem() }} to {{ $tenantRecords->lastItem() }} of {{$tenantRecords->total()}} entries
        </div>
    </div>
    <div class="col-sm-12 col-md-7">
        <div class="dataTables_paginate paging_simple_numbers float-right" id="candidatePagination">
            {{$tenantRecords->links('vendor.pagination.bootstrap-4')}}
        </div>
    </div>
</div>
</div>