@php
    $cat_name_active = $business->where('type', 'new_arrival')->first();
@endphp
<section class="mb-0 mb-md-4 new-arrival">
    <div class="container">
        <div class="px-0 px-md-2 py-4 p-md-4 pt-0">
            <div class="row">
                <div class="col-md-12  ">
                    <div class="section-title-1 clearfix">
                        <a href="{{route('new-arrivals-details')}}"
                           class="active float-right mt-1">{{ translate('View More') }}</a>
                        <h3 class="heading-3 mb-2 strong-700 mb-0  d-block">
                            <span class="mr-4">{{@$cat_name_active->type_name}}</span>
                        </h3>
                    </div>
                    <div>
                        <div class="caorusel-box arrow-round gutters-5  ">
                            <div class="slick-carousel" data-slick-items="5" data-slick-xl-items="5"
                                 data-slick-lg-items="5" data-slick-md-items="4" data-slick-sm-items="2"
                                 data-slick-xs-items="2">

                                @foreach(\App\Product::query()->select('id','name','slug','thumbnail_img','rating','discount','unit_price','discount_type')
->where('published', 1)->where('new_arrival', '=', 1)
->orderBy('created_at', 'desc')->limit(10)->get() as $key => $product)

                                    <div class="caorusel-card">
                                        <div class="product-box-2  alt-box card card-product shop-cards shop-tech">
                                            <div class="card-body p-0">
                                                <div class="card-image">
                                                    <a href="{{ route('product', $product->slug) }}" class="d-block">
                                                        @if(!empty($product->discount))
                                                            <span class="discount">{{$product->discount}}% off</span>
                                                        @endif
                                                        <img class="img-fit lazyload mx-auto"
                                                             src="{{Storage::disk('s3')->url('frontend/images/placeholder.jpg')}}"
                                                             data-src="{{Storage::disk('s3')->url($product->thumbnail_img)}}"
                                                             alt="{{ __($product->name) }}">
                                                    </a>
                                                    <div class="product-btns clearfix">
                                                        <button class="btn add-wishlist" title="Add to Wishlist"
                                                                onclick="addToWishList({{ $product->id }})"
                                                                tabindex="0">
                                                            <i class="la la-heart-o"></i>
                                                        </button>
                                                        <button class="btn add-compare" title="Add to Compare"
                                                                onclick="addToCompare({{ $product->id }})" tabindex="0">
                                                            <i class="la la-refresh"></i>
                                                        </button>
                                                        <button class="btn quick-view" title="Quick view"
                                                                onclick="showAddToCartModal({{ $product->id }})"
                                                                tabindex="0">
                                                            <i class="la la-eye"></i>
                                                        </button>
                                                    </div>
                                                </div>

                                                <div class="p-md-3 p-2 text-center">
                                                    <h2 class="product-title p-0">
                                                        <a href="{{ route('product', $product->slug) }}"
                                                           class="text-truncate">{{ __($product->name) }}</a>
                                                    </h2>
                                                    <div class="price-box">
                                                        @if( $product->discount > 0 )
                                                            <del
                                                                class="old-product-price strong-400">{{ home_base_price_new($product->unit_price) }}</del>
                                                        @endif
                                                        <span
                                                            class="product-price strong-600">{{ home_discounted_base_price_new($product) }}</span>
                                                    </div>
                                                    <div class="star-rating star-rating-sm mt-1">
                                                        {{ renderStarRating($product->rating) }}
                                                    </div>


                                                    {{--@if (\App\Addon::where('unique_identifier', 'club_point')->first() != null && \App\Addon::where('unique_identifier', 'club_point')->first()->activated)
                                                        <div
                                                            class="club-point mt-2 bg-soft-base-1 border-light-base-1 border">
                                                            {{ translate('Club Point') }}:
                                                            <span
                                                                class="strong-700 float-right">{{ $product->earn_point }}</span>
                                                        </div>
                                                    @endif--}}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            {{--
                 <div class="d-none test ">
                    <div class="row">
                        @foreach(\App\Product::where('published', 1)->where('new_arrival', '=', 1)->orderBy('created_at', 'desc')->take(20)->get() as $key => $product)
                            <div class="col-sm-6 col-6 mb-2">
                                <div class="product-card-2 card card-product shop-cards shop-tech">
                                    <div class="card-body p-0">
                                        <div class="card-image">
                                            <a href="{{ route('product', $product->slug) }}" class="d-block">
                                                @if(!empty($product->discount))
                                                    <span class="discount">{{$product->discount}}% off</span>
                                                @endif
                                                <img class="img-fit lazyload mx-auto"
                                                     src="{{Storage::disk('s3')->url('frontend/images/placeholder.jpg')}}"
                                                     data-src="{{Storage::disk('s3')->url($product->thumbnail_img)}}"
                                                     alt="{{ __($product->name) }}">
                                            </a>
                                        </div>

                                        <div class="p-md-3 p-2">
                                            <div class="price-box">
                                                @if(home_base_price($product->id) != home_discounted_base_price($product->id))
                                                    <del
                                                        class="old-product-price strong-400">{{ home_base_price($product->id) }}</del>
                                                @endif
                                                <span
                                                    class="product-price strong-600">{{ home_discounted_base_price($product->id) }}</span>
                                            </div>
                                            <div class="star-rating star-rating-sm mt-1">
                                                {{ renderStarRating($product->rating) }}
                                            </div>
                                            <h2 class="product-title p-0">
                                                <a href="{{ route('product', $product->slug) }}"
                                                   class="text-truncate">{{ __($product->name) }}</a>
                                            </h2>

                                            @if (\App\Addon::where('unique_identifier', 'club_point')->first() != null && \App\Addon::where('unique_identifier', 'club_point')->first()->activated)
                                                <div class="club-point mt-2 bg-soft-base-1 border-light-base-1 border">
                                                    {{ translate('Club Point') }}:
                                                    <span
                                                        class="strong-700 float-right">{{ $product->earn_point }}</span>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            --}}
        </div>
    </div>
</section>