@if (get_setting('best_selling') == 1 && count(get_best_selling_products(20)) > 0)

    <section class="mb-2 mb-md-3 mt-2 mt-md-3">

        <div class="container">

            <!-- Top Section -->

            <div class="d-flex mb-2 mb-md-3 align-items-baseline justify-content-between">

                <!-- Title -->

                <h3 class="fs-16 fs-md-20 fw-700 mb-2 mb-sm-0">

                    <span class="">{{ translate('Best Selling') }}</span>

                </h3>

                <!-- Links -->

                <div class="d-flex">

                    <a type="button" class="arrow-prev slide-arrow link-disable text-negro mr-2" onclick="clickToSlide('slick-prev','section_best_selling')"><i class="las la-angle-left fs-20 fw-600"></i></a>

                    <a type="button" class="arrow-next slide-arrow text-negro ml-2" onclick="clickToSlide('slick-next','section_best_selling')"><i class="las la-angle-right fs-20 fw-600"></i></a>

                </div>

            </div>

            <!-- Product Section -->

            <div class="px-sm-3">

                <div class="aiz-carousel sm-gutters-16 arrow-none" data-items="6" data-xl-items="5" data-lg-items="4"  data-md-items="3" data-sm-items="2" data-xs-items="2" data-arrows='true' data-infinite='false'>

                    @foreach (get_best_selling_products(20) as $key => $product)

                        <div class="carousel-box px-3 position-relative has-transition hov-animate-outline-lapieza border-right border-top border-bottom br-banner @if($key == 0) border-left @endif">

                            @include('frontend.partials.product_box_1',['product' => $product])

                        </div>

                    @endforeach

                </div>

            </div>

        </div>

    </section>

@endif