@if (count($fotosProducto) > 0)
    @foreach ($fotosProducto as $fotoProducto)
        @php
            $fotoDeProducto = asset($fotoProducto->foto_url_webp);
            if (str_starts_with($fotoProducto->foto_url_webp, 'https://imagenes-cr.s3.amazonaws.com/')) {
                $fotoDeProducto = $fotoProducto->foto_url_webp;
            }

            $tipoDeFoto =
                $fotoProducto->foto_tipo == 0 ? 'Producto' : ($fotoProducto->foto_tipo == 1 ? 'Catálogo' : '');

        @endphp
        <tr class="tr-foto-{{ $fotoProducto->foto_id }}" {!! $fotoProducto->foto_tipo == 1 ? 'data-fixed="true"' : '' !!}>
            <td class="align-middle text-center" width="50">
                <div class="blq-btn-producto">
                    <img loading="lazy" src="{{ $fotoDeProducto }}" title="" alt="" class="img-fluid"
                        width="49">
                </div>
            </td>
            <td>{{ $tipoDeFoto }}</td>
            <td>{{ $fotoProducto->foto_tamano }}</td>
            <td class="text-center">
                @if ($fotoProducto->foto_tipo == 0)
                    <span class="arrow-icon up-arrow text-success h6">&#x25B2;</span><span
                        class="arrow-icon down-arrow ml-3 text-danger h6">&#x25BC;</span>
                    <input type="hidden" name="foto_producto_id[]" value="{{ $fotoProducto->foto_producto_id }}">
                @endif
            </td>
            <td class="text-center">{{ $fotoProducto->foto_comentario }}</td>
            <td class="text-center">
                <button
                    onclick="cargarInformacionFotoProducto({{ $fotoProducto->foto_id }},{{ $fotoProducto->foto_tipo }})"
                    type="button" class="btn btn-primary btn-rounded btn-mini blq-btn-producto" title="Editar Foto"><i
                        class="fa fa-pencil"></i></button>


                <button onclick="eliminarFotoProducto({{ $fotoProducto->foto_id }})" type="button"
                    class="btn btn-danger btn-circle btn-xs btn-mini" title="Eliminar Foto"><i
                        class="fa fa-trash"></i></button>
            </td>
        </tr>
    @endforeach

@endif