@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 seller_section">
                <div class="mb-3 border-bottom">
                    <div class="row">
                        <div class="col-lg-10 col-md-3">
                            <h3 class="h5 fw-700 mb-0">
                                <span class="border-bottom border-primary border-width-2 pb-4 d-inline-block">{{ translate('Best Sellers')}}</span>
                            </h3>
                        </div>

                        <div class="col-lg-2 col-md-12 text-right">
                            <a href="{{ route('sellers') }}" class="ml-auto view-bt mr-0 btn btn-primary btn-sm shadow-md">{{ translate('View All Sellers') }}</a>
                        </div>
                    </div>
                </div>

                <div class="aiz-carousel gutters-10 half-outside-arrow seller-box" data-items="3" data-lg-items="3"  data-md-items="2" data-sm-items="2" data-xs-items="1" data-rows="2" data-arrows='true'>
                    @foreach ($best_selers as $key => $seller)
                        @if ($seller->shop != null)
                            @php
                                $shopRating=isset($seller->shop->rating) ? $seller->shop->rating : 0;
                                $shopSlug=isset($seller->shop->slug) ? $seller->shop->slug : '';
                                $shopLogo=isset($seller->shop->logo) ? $seller->shop->logo : '';
                                $shopName=isset($seller->shop->name) ? $seller->shop->name : '';
                                $shopAddress=isset($seller->shop->address) ? $seller->shop->address : '';
                                $todayOffer=isset($seller->shop->today_offer) ? $seller->shop->today_offer : '';
                                $subCategoryName="";
                            @endphp
                            @if(isset($seller->shop->sub_cat_ids) && !empty($seller->shop->sub_cat_ids))
                                @php

                                    $subCategoryArray = explode(",", $seller->shop->sub_cat_ids);
                                    $firstValue = $subCategoryArray[0];
                                    $subCategory=App\Models\Category::select('name')->find($firstValue);
                                    $subCategoryName=@$subCategory->name;
                                @endphp
                            @endif
                            <div class="carousel-box">
                                <div class="row no-gutters box-3 border border-light rounded hov-shadow-md my-2 has-transition">
                                    <div class="col-4">

                                        <a href="{{ route('shop.visit',$shopSlug) }}" class="d-block p-3 position-relative">
                                            <img
                                                src="{{ static_asset('assets/img/placeholder.jpg') }}"
                                                data-src="@if ($shopLogo !== null) {{ uploaded_asset($shopLogo) }} @else {{ static_asset('assets/img/placeholder.jpg') }} @endif"
                                                alt="{{ $shopName }}"
                                                class="img-fluid lazyload seller-img"
                                            >
                                            @if(!empty($todayOffer))
                                                <img
                                                    src="{{ static_asset('assets/img/Special_Offer.png') }}"

                                                    alt="{{ $shopName }}"
                                                    class="offer_img ls-is-cached lazyloaded"
                                                >
                                            @endif
                                        </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',$shopSlug) }}" class="text-reset">{{ $shopName }}</a>
                                            </h2>
                                            @if(!empty($subCategoryName))
                                                <span class="d-inline-block w-auto mb-2 badge badge-pill badge-success">{{$subCategoryName}}</span>
                                            @endif
                                            <div class="rating rating-sm mb-2">
                                                {{ renderStarRating($shopRating) }}
                                            </div>
                                            <div class="rating rating-sm mb-2">{{ $shopAddress }}</div>
                                            <div class="d-flex align-items-center justify-content-between">
                                                <a href="{{ route('shop.visit',$shopSlug) }}" class="btn btn-soft-primary btn-sm">
                                                    {{ translate('Visit Store') }} <i class="las la-angle-right"></i>
                                                </a>
                                                 <span><i class="las la-map-marker-alt src_arrow"></i>{{number_format(@$seller->distance)}} km</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        @if(!empty($todayOffer))
                                            <div class="offer_text p-3">
                                                <h5>Special Offer :</h5>
                                                <p class="m-0">{{$todayOffer}}</p>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        @endif
                    @endforeach
                </div>
            </div>
        </div>
    </section>
@section('modal')
    @include('modals.delete_modal')
@endsection
@endif