@if (count($relatedProducts) > 0)
    <!-- Related products -->
    <section class="bg-secondary-color related-products">
        <div class="container">
            <div class="section-title">
                <h3 class="mb-4">@lang('messages.OTHER_PRODUCTS_THAT_MIGHT_INTEREST_YOU')</h3>
            </div>
            <div class="swiper-container pb-3">
                <div class="swiper-button-next relatedProductsSwiper-next"></div>
                <div class="swiper-button-prev relatedProductsSwiper-prev"></div>
                <div class="swiper relatedProductsSwiper">
                    <div class="swiper-wrapper">
                        @foreach ($relatedProducts as $product)
                            <div class="swiper-slide">
                                @include('shared.product', [
                                    'product' => $product,
                                    'moreCols' => false,
                                    'smallerFont' => true,
                                ])
                            </div>
                        @endforeach
                    </div>
                </div>
                <div class="swiper-scrollbar bg-secondary-color"></div>
            </div>
        </div>
    </section>
    <!-- end Related products -->
@endif