@forelse ($repartidores as $item)
    <tr>
        <td>{{$item->CLIE_ID}}</td>

        <td>
            {{$item->CLIE_NOMBRE}} {{$item->CLIE_APELLIDO}}
        </td>

        <td> @if (isset($item->Zonas)) {{$item->Zonas}} @else <span class="text-danger">Sin zonas</span> @endif </td>
        <td> {{$item->PedidosMes}} </td>
        <td> {{$item->PedidosLMes}} </td>

        <td>
            <button class="btn btn-yellow" data-toggle="tooltip" data-placement="top" title="Editar" onclick="MakeRequestData('{{route('zempleado-form',['clieId'=>$item->CLIE_ID, 'sucuId'=>$SUCU_ID])}}', '#CuerpoLModal', 'GET', 2, '', '#LModalInfo')">
                <i class="fas fa-edit"></i>
            </button>


            <button class="btn btn-{{$item->CLIE_ESTADO ? 'primary' : 'danger'}}" data-toggle="tooltip" data-placement="top" title="Cambiar Estado" onclick="CambiarEstado('{{route('cliente-estado', [$item->CLIE_ID, $item->CLIE_ESTADO])}}', this)">
                <i class="fas fa-toggle-on"></i>
            </button>
        </td>

    </tr>
@empty
    <tr><td colspan="5" class="text-center">No se encontraron registros</td></tr>
@endforelse
@if (!is_array($repartidores))
    {{-- <x-pagination>
        @slot('data', $repartidores)
    </x-pagination> --}}

    <tr>
        <td colspan="100%" class="bg-white pt-4"
            style="font-size: 24px; padding: 5px; font-weight: bolder; color: black">
            <div class="d-flex justify-content-left">
                <div style="font-size: 19px; font-weight: normal; margin-top: 7px;">Mostrando
                    {{ ($repartidores->currentpage() - 1) * $repartidores->perpage() + 1 }} a
                    {{ $repartidores->currentpage() * $repartidores->perpage() }}
                    de <b>{{ $repartidores->total() }}</b> registros
                </div>
                <div>{{ $repartidores->appends(['sucuId' => $SUCU_ID ])->links() }}</div>
            </div>
        </td>
    </tr>

@endif
<script>
    function CambiarEstado(url, item){
        if($(item).hasClass('btn-danger')){
            $(item).removeClass('btn-danger')
            $(item).addClass('btn-primary')
        }else{
            $(item).addClass('btn-danger')
            $(item).removeClass('btn-primary')
        }
        MakeRequestData(url, '');
    }
</script>