@forelse ($Comercios as $item)
    @php
        $id = str_pad($item->RESS_ID, 10, '0', STR_PAD_LEFT);
    @endphp

    <tr id="restaurante-{{ $item->RESS_ID }}">
        <td>
            {{ $id }}<br>
            <b>{{ $item->RESS_NOMBRE }}</b>
        </td>
        <td>
            {{ $item->RESS_DIRECCION }}, <br>{{ $item->MUNI_NOMBRE }}<br><b>{{ $item->SUCU_NOMBRE }}</b>
        </td>
        <td>
            {{ $item->RESS_GERENTE }}<br>
            {{ $item->RESS_TEL }}<br>
            <a href="mailto:{{ $item->RESS_GERENTEMAIL }}">{{ $item->RESS_GERENTEMAIL }}</a>
        </td>
        <td>
            {{-- <select style="width: 120px" class="form-control"
                onchange="if(this.value){confirmar2('¿Está seguro de cambiar la zona de este comercio?', 'Sí, cambiar', ()=>MakeRequestData('{{ route('sucursalZonas.cambiarComercioZona') }}?ressId={{ $item->RESS_ID }}&zonaIdActual={{ $zona->ZONA_ID }}&zonaIdNueva='+this.value, '#restaurante-{{ $item->RESS_ID }}', 'GET',3))}">
                <option value="">Cambiar zona</option>
                @foreach ($zonas as $item2)
                    @if ($item2->ZONA_ID == $zona->ZONA_ID)
                        @continue
                    @endif
                    <option value="{{ $item2->ZONA_ID }}">{{ $item2->ZONA_NOMBRE }}</option>
                @endforeach
            </select> --}}


            <div class="dropdown d-inline-block">

                {{-- <button>
                </button> --}}

                {{-- <i data-bs-toggle="tooltip" data-bs-placement="top" data-toggle="dropdown" class="fas fa-map" style="font-size: 19px; color: rgb(100, 100, 100)"></i> --}}
                <button title="Cambiar zona a este comercio" 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 comercio?', 'Aceptar', ()=>MakeRequestData('{{ route('sucursalZonas.cambiarComercioZona') }}?ressId={{ $item->RESS_ID }}&zonaIdActual={{ $zona->ZONA_ID }}&zonaIdNueva={{$item2->ZONA_ID}}', '#restaurante-{{ $item->RESS_ID }}', 'GET',3))">{{$item2->ZONA_NOMBRE}}</a>
                        </li>
                    @endforeach
                </ul>

            </div>

            <i title="Quitar este comercio 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 comercio?', 'Sí, quitar', ()=>MakeRequestData('{{ route('sucursalZonas.cambiarComercioZona') }}?ressId={{ $item->RESS_ID }}&zonaIdActual={{ $zona->ZONA_ID }}&zonaIdNueva=0', '#restaurante-{{ $item->RESS_ID }}', 'GET',3))"></i>

        </td>
    </tr>
@empty
    <tr>
        <td colspan="6" class="text-center"> No se encontraron registros</td>
    </tr>
@endforelse
@if (!is_array($Comercios))
    {{-- <x-pagination>
    @slot('data', $Comercios)
</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
                    {{ ($Comercios->currentpage() - 1) * $Comercios->perpage() + 1 }} a
                    {{ $Comercios->currentpage() * $Comercios->perpage() }}
                    de <b>{{ $Comercios->total() }}</b> registros
                </div>
                <div>{{ $Comercios->appends(['ZONA_ID' => $ZONA_ID])->links() }}</div>
            </div>
        </td>
    </tr>
@endif