@foreach($data as $product)

    <div class="col-md-20 col-6 wow animated animate delay-1s fadeInUp">
        <div class="product-item product-item-opt-2 ">
            <div class="product-item-info" style="">
                <div class="product-item-photo">
                    <span class="discountxs d-lg-none"> {{$product->product != null ? $product->discount : ''}}%</span>
                    <a href="{{route('single-product-page',['id'=>$product->id , 'slug' => $product->name])}}" class="product-item-img"><img src="{{ $product->image_path }}" alt="" width="208" height="285"></a>
                    <div class="product-item-actions">


                        @auth
                            <a href="#" class="btn btn-wishlist  movie__button-heart {{$product->is_favourite ? 'fw-900' : ''  }}" id="productt-{{$product->id}}"
                               data-url="{{route('toggle_favorite',$product->id)}}"
                               data-id="{{$product->id}}"

                            ><i class="fa fa-heart{{!$product->is_favourite ? '-o' : ''  }} product-{{$product->id}}"></i></a>

                            {{--                                            <a href="#" data-no-instant=""  class="wishlistadd cb chp ttip_nt tooltip_right  movie__button-heart product-{{$prod->id}}" id="productt-{{$prod->id}}" rel="nofollow"--}}
                            {{--                                               data-url="{{route('toggle_favorite',$prod->id)}}"--}}
                            {{--                                               data-id="{{$prod->id}}"--}}
                            {{--                                            >--}}
                            {{--                                                <span class="tt_txt">@lang('front.addWishlist')</span>--}}
                            {{--                                                <i class="facl facl-heart{{!$prod->is_favourite ? '-o' : ''  }} product-{{$prod->id}}"></i>--}}
                            {{--                                            </a>--}}
                        @else
                            <a href="{{route('login')}}" class="btn btn-wishlist">
                                <i class="fa fa-heart-o"></i></a>
                        @endauth
                    </div>

                </div>

                <div class="product-item-detail">
                    <div class="product-item-name"><a href="#">{!! $product->name !!}</a></div>
                    <div class="clearfix">
                        <div class="product-item-price">
                            <span class="discount">{{$product->prefit_price_discount}}%</span>
                            <span class="price">{{$product->discount}}</span><span class="K-D">K.D</span>
                            <span class="price-old">{{$product->mainprice}}</span><span class="K-D0">K.D</span>
                        </div>

                    </div>
                    <div class="product-service">

                        <span>{{$product->free_deliver === true ? 'التوصيل مجاني' : ' ' }}</span>
                        @if ($product->option === true)
                            <a href="#"><img src="{{asset('front/assets/images/icon/collec.png')}}"></a>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>


@endforeach
{{$data->appends(request()->query())->onEachSide(1)->links()}}
@push('js')



    @endpush