@if (!empty(session('especialDia')))
    <section class="section-especial-del-dia">
        <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('especialDia')['id']]) }}">
                    <img src="{{ asset('website/img/header/fuego_50.png') }}" alt="ESPECIAL DEL DÍA" class="new-img-title">
                    <span style="margin: 0px 20px; font-weight: bolder">ESPECIAL DEL DÍA</span>
                    <img src="{{ asset('website/img/header/fuego_50.png') }}" alt="ESPECIAL DEL DÍA"
                        class="new-img-title">
                </a>
            </div>
            @if (!empty($especialDia))
                <div id="productCarousel" class="carousel slide" data-bs-ride="carousel">
                    <div class="carousel-inner-products">
                        @foreach ($especialDia->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 especial del día no definida
    </span>
@endif