@forelse ($Empleados as $item)

    <tr id="empleado-{{ $item->CLIE_ID }}">
        <td>
            {{ $item->name }}
        </td>
        <td>
            {{ $item->PedidosLMes }}
        </td>
        <td>
            {{ $item->PedidosMes }}
        </td>
        <td>
            <div class="dropdown d-inline-block" style="margin-right: 5px">
                <button title="Cambiar zona a este delivery" data-bs-toggle="tooltip" data-bs-placement="top"
                    style="background-color: transparent; border: none; padding: 0; margin: 0;" data-toggle="dropdown">
                    <i class="fas fa-map" style="font-size: 24px; color:rgb(100, 100, 100);"></i>
                </button>

                <ul class="dropdown-menu">
                    @foreach ($zonas as $item2)
                        @if ($item2->ZONA_ID == $zona->ZONA_ID)
                            @continue
                        @endif
                        <li>
                            <a class="dropdown-item bg-secondary text-white pt-3 pb-3" style="cursor: pointer"
                                onmouseover="$(this).addClass('bg-white'); $(this).removeClass('text-white')"
                                onmouseout="$(this).removeClass('bg-white'); $(this).addClass('text-white')"
                                onclick="confirmar2('¿Está seguro de cambiar la zona de este delivery?', 'Aceptar', ()=>MakeRequestData('{{ route('sucursalZonas.cambiarEmpleadoZona') }}?clieId={{ $item->CLIE_ID }}&zonaIdActual={{ $zona->ZONA_ID }}&zonaIdNueva={{$item2->ZONA_ID}}', '#empleado-{{ $item->CLIE_ID }}', 'GET',3))">{{ $item2->ZONA_NOMBRE }}</a>
                        </li>
                    @endforeach
                </ul>

            </div>

            <i title="Quitar este delivery de la zona {{$zona->ZONA_NOMBRE}}" data-bs-toggle="tooltip" data-bs-placement="top" class="fas fa-trash-alt" style="color: red; font-size: 24px"
                onclick="confirmar2('¿Está seguro de quitar la zona a este delivery?', 'Sí, quitar', ()=>MakeRequestData('{{ route('sucursalZonas.cambiarEmpleadoZona') }}?clieId={{ $item->CLIE_ID }}&zonaIdActual={{ $zona->ZONA_ID }}&zonaIdNueva=0', '#empleado-{{ $item->CLIE_ID }}', 'GET',3))"></i>
        </td>
    </tr>
@empty
    <tr>
        <td colspan="6" class="text-center"> No se encontraron registros</td>
    </tr>
@endforelse
@if (!is_array($Empleados))
    {{-- <x-pagination>
        @slot('data', $Empleados)
    </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
                    {{ ($Empleados->currentpage() - 1) * $Empleados->perpage() + 1 }} a
                    {{ $Empleados->currentpage() * $Empleados->perpage() }}
                    de <b>{{ $Empleados->total() }}</b> registros
                </div>
                <div>{{ $Empleados->appends(['ZONA_ID' => $ZONA_ID])->links() }}</div>
            </div>
        </td>
    </tr>
@endif