@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="with:100%">
                <thead>
                    <tr> 
                        <th width="20%"> <span onclick="sortType(this)">Company 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> </span></th>
                        <th width="10%"><span onclick="sortType(this)"># of Contacts&nbsp;<i class="@if($sortedType == "contacts_count" && $sortedValue == "desc"){{'cil-data-transfer-up'}}@else{{'cil-data-transfer-down'}}@endif" data-sort="@if($sortedType == "contacts_count" && $sortedValue == "desc"){{'asc'}}@else{{'desc'}}@endif" data-name="contacts_count"></i> </span></th>
                        <th width="10%"><span onclick="sortType(this)"># of Jobs&nbsp;<i class="@if($sortedType == "jobs_count" && $sortedValue == "desc"){{'cil-data-transfer-up'}}@else{{'cil-data-transfer-down'}}@endif" data-sort="@if($sortedType == "jobs_count" && $sortedValue == "desc"){{'asc'}}@else{{'desc'}}@endif" data-name="jobs_count"></i> </span> </th>
                        <th width="10%"><span onclick="sortType(this)"># of Applications</th>
                        <th width="10%"><span onclick="sortType(this)"># of Candidates&nbsp;<i class="@if($sortedType == "candidates_count" && $sortedValue == "desc"){{'cil-data-transfer-up'}}@else{{'cil-data-transfer-down'}}@endif" data-sort="@if($sortedType == "candidates_count" && $sortedValue == "desc"){{'asc'}}@else{{'desc'}}@endif" data-name="candidates_count"></i></span> </th>
                        <th width="10%"><span onclick="sortType(this)">Industry&nbsp;<i class="@if($sortedType == "industry" && $sortedValue == "desc"){{'cil-data-transfer-up'}}@else{{'cil-data-transfer-down'}}@endif" data-sort="@if($sortedType == "industry" && $sortedValue == "desc"){{'asc'}}@else{{'desc'}}@endif" data-name="industry"></i> </span></th>
                        <th width="10%"><span onclick="sortType(this)">Country&nbsp;<i class="@if($sortedType == "country" && $sortedValue == "desc"){{'cil-data-transfer-up'}}@else{{'cil-data-transfer-down'}}@endif" data-sort="@if($sortedType == "country" && $sortedValue == "desc"){{'asc'}}@else{{'desc'}}@endif" data-name="country"></i> </span></th>
                        <th width="10%"><span onclick="sortType(this)">Created By&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> </span></th>
                        <th width="10%"><span onclick="sortType(this)">Created 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> </span></th>
                    </tr>
                </thead>
                <!-- // -->
                @if($records->count() > 0)
                <tbody>
                    @foreach($records as $record)
                    @php $detailUrl = route('companies.companies.show', $record->id); @endphp
                    <tr>
                        <td><strong> <a href="javascript:;" onclick="getDetail('{{$detailUrl}}')">{{$record->name}}</a></strong> &nbsp;<a href="{{$detailUrl}}" target="_blank"><i class="cil-external-link"></i></a></td>
                        <td>{{$record->contacts_count}}</td>
                        <td>{{$record->jobs_count}}</td>
                        <td>{{count($record->jobApplications)}}</td>
                        <td>{{$record->candidates_count}}</td>
                        <td>{{$record->industry}}</td>
                        <td>{{$record->country}}</td>
                        <td>{{$record->created_by}}</td>
                        <td>{{showTimeFormat($record->created_at, 'm/d/Y')}}</td>

                    </tr> 
                    @endforeach
                </tbody>
                @else
                <tbody>
                 <tr class="odd"><td valign="top" colspan="9" 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="companyPagination">
                        {{$records->links('vendor.pagination.bootstrap-4')}}
                    </div>
                </div>
            </div>
        </div>