@php
    $emptyMessage = "Não há ".(empty($context) ? 'itens' : $context);
    if(!empty($search = request()->search)) {
        $emptyMessage = "Não encontrei resultados para a busca: $search";
    }
@endphp

<div class="card d-none d-lg-block">
    <div class="card-body">
        @include('components.search')
        @if (!count($data))
            @include('components.emptyResult', ['icon' => $icon, 'message' => $emptyMessage])
            @if (!empty(request()->search))
                <div class="d-flex justify-content-center">
                    <a class="btn btn-secondary waves-effect waves-light" href="{{route($indexRoute)}}">Limpar busca</a>
                </div>
                <!-- /.d-flex justify-content-center -->
            @endif
        @else
            <div class="table-responsive">
                <table class="table custom table-striped table-bordered table-hover">
                    <thead>
                    <tr>
                        @foreach ($dataFields as $item)
                            <th>@sortablelink(UI::getListItemLabel($item))</th>
                        @endforeach
                        <th class="text-center" style="width: 100px;">
                            <i class="fa fa-bolt" aria-hidden="true" data-toggle="tooltip" title="Ações"></i>
                        </th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($data as $item)
                        <tr class="clickable"
                            onclick="window.open('{{ route($editRoute, empty($item->hash) ? $item->id : $item->hash)}}', '_self')">
                            @if (! empty($dataFields))
                                @foreach ($dataFields as $fieldItem)
                                    <td>{{UI::listItemRender($fieldItem, $item)}}</td>
                                @endforeach
                            @endif
                            <td class="text-center d-flex justify-content-center align-items-center">
                                <a href="{{ route($editRoute, empty($item->hash) ? $item->id : $item->hash)}}"
                                   data-toggle="tooltip"
                                   title="Editar"><i class="ti-pencil-alt"></i>
                                </a>

                                @can('ativar-clientes')
                                                                        @if (isset($aproveRoute) && !empty($aproveRoute))
                                        <a
                                            class="m-l-5"
                                            href="{{ route($aproveRoute, empty($item->hash) ? $item->id : $item->hash)}}"
                                            data-toggle="tooltip"
                                            title="Verificar informações"
                                        >
                                            <span><i class="ti-eye"></i></span>
                                        </a>
                                    @endif
                                @endcan
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
            @include('components.pagination', ['data' => $data])
        @endif
    </div>
    <!--== /.card-body ==-->
</div>
<!--== /.card ==-->