@forelse ($Productos as $item)
    <tr id="Prod-{{ $item->PROD_ID }}">
        <td>
            <div class="d-flex justify-content-center">
                <img src="{{ $item->PROD_IMAGEN1 }}" onerror="this.src='/Images/defaultImage.png'" class='avatar2 avatar-xl' width='90' /><br>
            </div>
            <span class="text-center">{{ $item->PROD_NOMBRE }}</span> <br>
            <span class="text-center"><strong> {{ $item->CATE_NOMBRE }}</span> </strong>
        </td>

        <td>$ {{ number_format($item->PROD_PREVENTA, 2) }} </td>

        <td>{{ $item->PROD_DESCRIPCION }}</td>

        <td>{{ $item->PROD_ORDEN }}</td>

        <td>
            <div class="dropdown">

                {{-- DECLARACION DEL ARRAY DE ESTADOS DE PRODUCTOS --}}
                @php $states = ['Bloqueado', 'Activo', 'Agotado']; @endphp
                @php $colors = ['secondary', 'success', 'danger']; @endphp

                <button data-bs-toggle="tooltip" data-bs-placement="top" title="Cambiar estado"
                    class="badge btn-{{ $colors[$item->PROD_ESTADO] }} p-2" style="height: 28px;"
                    data-toggle="dropdown">
                    <i class=" fas fa-edit" style="font-size: 19px;"></i> &nbsp;&nbsp; <span
                        class="0campoOrden">{{ $states[$item->PROD_ESTADO] }}</span>
                </button>
                <ul class="dropdown-menu">
                    @foreach ($states as $i => $item2)
                        <li> <a class="dropdown-item bg-{{ $colors[$i] }} text-white pt-3 pb-3" style="cursor: pointer"
                                onclick="confirmar2('¿Está seguro de cambiar el estado al producto?', 'Aceptar', ()=>MakeRequestData('{{ route('configuracionRComercio.estadoProducto', [$item->PROD_ID, $i]) }}', '#Prod-{{ $item->PROD_ID }}', 'GET',3))">{{ $item2 }}</a>
                        </li>
                    @endforeach
                </ul>
            </div>


            {{-- @if ($item->PROD_ESTADO == 0)
                <span class="badge badge-pill badge-secondary bg-secondary">Bloqueado</span>
            @elseif($item->PROD_ESTADO == 1)
                <span class="badge badge-pill badge-success bg-success">Activo</span>
            @else
                <span class="badge badge-pill badge-danger bg-danger">Agotado</span>
            @endif --}}
        </td>

        <td>
            <label class="form-check form-check-inline">
                <label class="switch">
                    <input title="Complemento" name="selec[]" type="checkbox"
                        {{ $item->PROD_COMPLEMENTO == 1 ? 'checked' : '' }} onclick="MakeRequestData('{{ route('configuracionRComercio.complementoProducto', [$item->PROD_ID, $item->PROD_COMPLEMENTO]) }}',
                    '#Prod-{{ $item->PROD_ID }}', 'GET', 3)">
                    <span class="slider round"></span>
                </label>
            </label>
        </td>

        <td>

            @if (privilegio('Editar producto'))
                <button class="btn btn-yellow" data-toggle="tooltip" data-placement="top" title="Editar"
                    onclick="MakeRequestData('{{ route('configuracionRComercio.modalProducto') }}', '#CuerpoLModal', 'POST', 2, '', '#LModalInfo', true, false, false,['Id/{{ $item->PROD_ID }}', 'Contenedor/#Prod-{{ $item->PROD_ID }}', 'Tipo/3'])"><i
                        class="fas fa-edit"></i>
                </button>
            @endif

            @if (privilegio('Eliminar producto'))
                <button class="btn btn-danger" data-bs-toggle="tooltip" data-bs-placement="top" title="Eliminar"
                    onclick="confirmar2('¿Está seguro de eliminar este producto?', 'Aceptar', ()=>MakeRequestData('{{ route('configuracionRComercio.eliminarProducto', [$item->PROD_ID, '99']) }}', '#Prod-{{ $item->PROD_ID }}', 'GET', 2))">
                    <i class="fas fa-trash-alt"></i>
                </button>
            @endif

            @if ($item->PROD_COMPLEMENTO == 1 && privilegio('Agregar producto complemento'))
                <button class="btn btn-success" data-toggle="tooltip" data-placement="top"
                    title="Complementos del producto"
                    onclick="MakeRequestData('{{ route('configuracionRComercio.modalProductoComp') }}', '#CuerpoLModal', 'POST', 2, '', '#LModalInfo', true, false, false,['Id/{{ $item->PROD_ID }}', 'Contenedor/#Prod-{{ $item->PROD_ID }}', 'Tipo/0'])"><i
                        class="fas fa-hamburger"></i>
                </button>
            @endif

            {{-- <button class="btn btn-yellow" onclick="MakeRequestData('{{route('producto-form')}}', '#CuerpoLModal', 'POST', 2, '', '#LModalInfo',
            true, false, false,['Id/{{$item->PROD_ID}}', 'Contenedor/#Prod-{{$item->PROD_ID}}', 'Tipo/3'])">
                <i class="fas fa-edit"></i>
            </button>

            @if (false)
                <button class="btn btn-info"
                onclick="MakeRequestData('{{route('get-complementos', [$item->PROD_ID])}}', '#BigModalBody', 'GET', 2, '', '#BigModalInfo')">
                    <i class="fas fa-bars"></i>
                </button>
            @endif --}}

        </td>

    </tr>
@empty
    <tr>
        <td colspan="100%" class="text-center">No se encontraron registros</td>
    </tr>
@endforelse


@if (!is_array($Productos))
    <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
                    {{ ($Productos->currentpage() - 1) * $Productos->perpage() + 1 }} a
                    {{ $Productos->currentpage() * $Productos->perpage() }}
                    de <b>{{ $Productos->total() }}</b> registros
                </div>
                <div>{{ $Productos->appends(['RESS_ID' => $RESS_ID, 'prodEstado'=>$prodEstado??-1 ])->links() }}</div>
            </div>
        </td>
    </tr>
@endif