@if (get_setting('vendor_system_activation') == 1)

    <section class="mb-4">

        <div class="container">

            <div class="px-2 py-4 px-md-4 py-md-3 bg-white shadow-sm rounded">

                <div class="d-flex mb-3 align-items-baseline border-bottom">

                    <h3 class="h5 fw-700 mb-0">

                        <span

                            class="border-bottom border-primary border-width-2 pb-3 d-inline-block">{{ translate('Best Sellers') }}</span>

                    </h3>

                    <a href="{{ route('sellers') }}"

                        class="ml-auto mr-0 btn btn-primary btn-sm shadow-md">{{ translate('View All Sellers') }}</a>

                </div>

                <div class="aiz-carousel gutters-10 half-outside-arrow" data-items="3" data-lg-items="3" data-md-items="2"

                    data-sm-items="2" data-xs-items="1" data-rows="2">

                    @foreach (get_best_sellers(20) as $key => $seller)

                        @if ($seller->user != null)

                            <div class="carousel-box">

                                <div

                                    class="row no-gutters box-3 align-items-center border border-light rounded hov-shadow-md my-2 has-transition">

                                    <div class="col-4">

                                        <a href="{{ route('shop.visit', $seller->slug) }}" class="d-block p-3">

                                            <img src="{{ static_asset('assets/img/placeholder.jpg') }}"

                                                data-src="@if ($seller->logo !== null) {{ uploaded_asset($seller->logo) }} @endif"

                                                alt="{{ $seller->name }}" class="img-fluid lazyload">

                                        </a>

                                    </div>

                                    <div class="col-8 border-left border-light">

                                        <div class="p-3 text-left">

                                            <h2 class="h6 fw-600 text-truncate">

                                                <a href="{{ route('shop.visit', $seller->slug) }}"

                                                    class="text-reset">{{ $seller->name }}</a>

                                            </h2>

                                            <div class="rating rating-sm mb-2">

                                                {{ renderStarRating($seller->rating) }}

                                            </div>

                                            <a href="{{ route('shop.visit', $seller->slug) }}"

                                                class="btn btn-soft-primary btn-sm">

                                                {{ translate('Visit Store') }} <i class="las la-angle-right"></i>

                                            </a>

                                        </div>

                                    </div>

                                </div>

                            </div>

                        @endif

                    @endforeach

                </div>

            </div>

        </div>

    </section>

@endif