@forelse ($comercios as $item)
    <tr id="restaurante-{{$item->RESS_ID}}">
        <td>{{ $item->RESS_ID }}</td>

        <td>
            <div class="d-flex align-items-center" style="display:inline">
                <img src="{{ $item->RESS_LOGO }}" onerror="this.src='/Images/defaultImage.png'" class="avatar2 avatar-xl" style="width: 45px;"/>
                <span style="margin-left: 10px;" class="text-center"><b>{{$item->RESS_NOMBRE}}</b></span>
            </div>

        </td>
        <td > <span data-bs-toggle="tooltip" data-bs-placement="top" title="{{$item->RESS_DIRECCION}}"> {{$item->MUNI_NOMBRE}} </span></td>

        <td> @if($item->RESH_APERTURA == 0)
                <b class="text-danger">Horario no asignado</b>
            @else
                <b> <i class="fas fa-clock" style="color: gray"></i> {{ date_format(date_create($item->RESH_APERTURA), "h:i A")}}</b>
            @endif
        </td>

        <td> @if($item->RESH_CIERRE == 0)
                <b class="text-danger">Horario no asignado</b>
            @else
                <b><i class="fas fa-clock" style="color: gray"></i> {{ date_format(date_create($item->RESH_CIERRE), "h:i A")}}</b>
            @endif
        </td>

        <td>
            @switch($item->RESH_ESPECIAL)
            @case(0)
                <b class="text-danger" data-bs-toggle="tooltip" data-bs-placement="top" title="Este día según horario asignado el comercio cierra, pero puede abrirlo o cerrarlo con el botón derecho">CIERRA</b>
                @break
            @case(1)
                <b class="text-success" data-bs-toggle="tooltip" data-bs-placement="top" title="Este día según horario asignado el comercio abre, pero puede abrirlo o cerrarlo con el botón derecho">ABRE</b>
                @break
            @case(2)
                <b class="text-success" data-bs-toggle="tooltip" data-bs-placement="top" title="Este día según horario asignado el comercio abre con restricciones, pero puede abrirlo o cerrarlo con el botón derecho">ABRE CON RESTRICCIONES</b>
                @break
            @default
                <b style="color: gray">Horario no asignado</b>
            @endswitch
        </td>

        <td>
            {{-- <label class="form-check form-check-inline">
                <label class="switch">
                    <input name="selec[]" type="checkbox" {{ $item->RESS_ACTIVO == 1 ? 'checked' : '' }}
                    onclick="MakeRequestData('{{route('abrirComercios.abrir', [$item->RESS_ID, $item->RESS_ACTIVO])}}', '#restaurante-{{$item->RESS_ID}}', 'GET',3)">
                    <span class="slider round"></span>
                </label>
            </label> --}}

            <span data-bs-toggle="tooltip" data-bs-placement="top" title="Haga clic para abrir o cerrar el comercio">
                <input class="tgl tgl-flip" id="cb{{$item->RESS_ID}}" type="checkbox" {{ $item->RESS_ACTIVO == 1 ? 'checked' : '' }}
                onclick="MakeRequestData('{{route('abrirComercios.abrir', [$item->RESS_ID, $item->RESS_ACTIVO])}}', '#restaurante-{{$item->RESS_ID}}', 'GET',3, '', '', true, true)" />
                <label class="tgl-btn" style="font-size: 13px" data-tg-off="CERRADO" data-tg-on="ABIERTO" for="cb{{$item->RESS_ID}}"></label>
            </span>
        </td>
        <td>
            <button class="btn btn-m btn-yellow" data-bs-toggle="tooltip" data-bs-placement="top" title="Ver horarios"
                    onclick="MakeRequestData('{{ route('abrirComercios.horarios') }}', '#CuerpoLModal', 'POST', 2, '', '#LModalInfo',
                        true, false, false,['Id/{{ $item->RESS_ID }}', 'Contenedor/#restaurante-{{ $item->RESS_ID }}', 'Tipo/3'])">
                    <i class="fas fa-calendar"></i>
                </button>
        </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)
        @slot('parametros', ['horaAbre' => $horaAbre??0, 'horaCierre' => $horaCierre??0, 'abreCierraHoy' => $abreCierraHoy??1 ])
    </x-pagination>
@endif