@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)">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)">Company&nbsp;<i class="@if($sortedType == "company_name" && $sortedValue == "desc"){{'cil-data-transfer-up'}}@else{{'cil-data-transfer-down'}}@endif" data-sort="@if($sortedType == "company_name" && $sortedValue == "desc"){{'asc'}}@else{{'desc'}}@endif" data-name="company_name"></i> </span></th>
                        <th width="10%"><span onclick="sortType(this)">Title</span> </th>
                        <th width="10%"><span onclick="sortType(this)">Phone&nbsp;<i class="@if($sortedType == "mobile_phone" && $sortedValue == "desc"){{'cil-data-transfer-up'}}@else{{'cil-data-transfer-down'}}@endif" data-sort="@if($sortedType == "mobile_phone" && $sortedValue == "desc"){{'asc'}}@else{{'desc'}}@endif" data-name="mobile_phone"></i> </span>  </th>
                        <th width="10%"><span onclick="sortType(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></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('contacts.contacts.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->company_name}}</td>
                        <td>{{$record->job_profile}}</td>
                        <td>{{$record->mobile_phone}}</td>
                        <td>{{$record->email}}</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="personPagination">
                        {{$records->links('vendor.pagination.bootstrap-4')}}
                    </div>
                </div>
            </div>
        </div>