@forelse ($items as $item)
            <div class="col-gd">
                <div class="product-card">
                    <div class="product-thumb" >
                        @if (!$item->is_stock())
                            <div class="product-badge bg-secondary border-default text-body
                            ">{{__('out of stock')}}</div>
                        @endif
                        @if($item->previous_price && $item->previous_price !=0)
                        <div class="product-badge product-badge2 bg-info"> -{{PriceHelper::DiscountPercentage($item)}}</div>
                        @endif
                            <img class="lazy" data-src="{{asset('assets/images/'.$item->photo)}}" alt="Product">
                            <div class="product-button-group"><a class="product-button wishlist_store" href="{{route('user.wishlist.store',$item->id)}}" title="{{__('Wishlist')}}"><i class="icon-heart"></i></a>
                                <a data-target="{{route('fornt.compare.product',$item->id)}}" class="product-button product_compare" href="javascript:;" class="{{__('Compare')}}"><i class="icon-repeat"></i></a>
                                @include('includes.item_footer',['sitem' => $item])
                            </div>
                    </div>
                    <div class="product-card-body">
                        <div class="product-category"><a href="{{route('front.catalog').'?category='.$item->category->slug}}">{{$item->category->name}}</a></div>
                        <h3 class="product-title"><a href="{{route('front.product',$item->slug)}}">
                            {{ Str::limit($item->name, 45) }}
                        </a></h3>
                        <div class="rating-stars">
                        <i class="far fa-star filled"></i><i class="far fa-star filled"></i><i class="far fa-star filled"></i><i class="far fa-star filled"></i><i class="far fa-star filled"></i>
                        </div>
                        <h4 class="product-price">
                            @if ($item->previous_price !=0)
                            <del>{{PriceHelper::setPreviousPrice($item->previous_price)}}</del>
                            @endif
                            {{PriceHelper::grandCurrencyPrice($item)}}
                            </h4>
                    </div>

                </div>
            </div>
            @empty
            <div class="card">
                <div class="card-body text-center">
                    {{__('No Product Found')}}
                </div>
            </div>
            @endforelse

            <script type="text/javascript" src="{{asset('assets/front/js/extraindex.js')}}"></script>