@if (!empty(session('gaming')))
<section class="section-gaming">
    <div class="row new-section-categorias">
        <div class="text-center" style="margin-bottom: 15px">
            <a class="btn btn-primary new-btn-setion-categorias" href="{{ route('website.products.index', ['fam' => session('gaming')['id']]) }}">
                <img src="{{ asset('website/img/header/gaming_50.png') }}" alt="ESPECIAL DEL DÍA" class="new-img-title">
                <span style="margin: 0px 20px; font-weight: bolder">GAMING</span>
                <img src="{{ asset('website/img/header/gaming_50.png') }}" alt="ESPECIAL DEL DÍA" class="new-img-title">
            </a>
        </div>
        @if (!empty($gaming))
            <div id="productCarousel" class="carousel slide" data-bs-ride="carousel">
                <div class="carousel-inner-products">
                    @foreach ($gaming->chunk(4) as $index => $chunk)
                        @include('website.shared.product-v2')
                    @endforeach
                </div>
                <!-- Controles del carrusel -->
                <button class="carousel-control-prev carousel-btn-prev-product" type="button"
                    data-bs-target="#productCarousel" data-bs-slide="prev">
                    <i class="fa fa-chevron-left" aria-hidden="true"></i>
                    <span class="visually-hidden">Previous</span>
                </button>
                <button class="carousel-control-next carousel-btn-next-product" type="button"
                    data-bs-target="#productCarousel" data-bs-slide="next">
                    <i class="fa fa-chevron-right" aria-hidden="true"></i>
                    <span class="visually-hidden">Next</span>
                </button>
            </div>
        @endif


    </div>
</section>
@else
    <span class="text-center text-danger">
        Sección gaming no definida
    </span>
@endif