@foreach (\App\HomeCategory::where('status', 1)->orderBy('ordering')->get() as $key => $homeCategory)
    @if ($homeCategory->category != null)
        <style type="text/css">
            .product-box-2 .discount {
                background: #50250d;
                width: 35px;
                height: 35px;
                font-size: 11px;
                font-weight: 600;
                border-radius: 100%;
                position: absolute;
                right: 5px;
                top: 5px;
                color: #fff;
                line-height: 11px;
                padding: 7px 5px;
                text-align: center;
            }
        </style>
        <section class="mb-4">
            <div class="container">
                <div class="px-2 py-4 p-md-4 bg-white shadow-sm">
                    <div class="section-title-1 clearfix">
                        <h3 class="heading-5 strong-700 mb-0 float-lg-left">
                            <span class="mr-4">{{ translate($homeCategory->category->name) }}</span>
                        </h3>
                        <ul class="inline-links float-lg-right nav mt-3 mb-2 m-lg-0">
                            <li><a href="{{ route('products.category', $homeCategory->category->slug) }}" class="active">View
                                    More</a></li>
                        </ul>
                    </div>
                    <div class="caorusel-box arrow-round gutters-5 d-none d-md-block">
                        <div class="slick-carousel" data-slick-items="6" data-slick-xl-items="5" data-slick-lg-items="4"
                             data-slick-md-items="3" data-slick-sm-items="2" data-slick-xs-items="2">


                            @foreach(\App\Product::where('published', 1)/*->when( $homeCategory->category->id != '134',
                            function ($q) {
                                    return $q->where('is_sortable', 1);
})
                                */->where('category_id', $homeCategory->category->id)
                             ->select(['*', \DB::raw('IF(`ordering` IS NOT NULL, `ordering`, 1000000) `ordering`')])
                             ->orderBy('ordering', 'asc')
                             ->take(6)->get() as $key => $product)

                                <div class="caorusel-card">
                                    <div class="product-box-2 bg-white alt-box my-2" date="{{$product->created_at}}">
                                        <div class="position-relative overflow-hidden">
                                            <a href="{{ route('product', $product->slug) }}"
                                               class="d-block product-image h-100 text-center">
                                                @if(!empty($product->discount))

                                                    <span class="discount">{{$product->discount}}% off</span>
                                                @endif
                                                <img class="img-fit lazyload"
                                                     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">
                                            {{-- <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>
                            @endforeach
                        </div>
                    </div>


                    <div class="d-block d-md-none">
                        <div class="row">

                            @foreach(\App\Product::where('published', 1)->when( $homeCategory->category->id != '134',
                            function ($q) {
                                    return $q->where('is_sortable', 1);
})->where('category_id', $homeCategory->category->id)
                             ->select(['*', \DB::raw('IF(`ordering` IS NOT NULL, `ordering`, 1000000) `ordering`')])
                             ->orderBy('ordering', 'asc')
                             ->take(6)->get() as $key => $product)

                                <div class="col-sm-6 col-6 mb-2">
                                    <div class="product-box-2 bg-white alt-box my-2" date="{{$product->created_at}}">
                                        <div class="position-relative overflow-hidden">
                                            <a href="{{ route('product', $product->slug) }}"
                                               class="d-block product-image h-100 text-center">
                                                @if(!empty($product->discount))

                                                    <span class="discount">{{$product->discount}}% off</span>
                                                @endif
                                                <img class="img-fit lazyload"
                                                     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">
                                            <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>
                            @endforeach
                        </div>

                    </div>


                </div>
            </div>
        </section>
    @endif
@endforeach