@if($data->count() > 0 )
    

@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' => str_replace(' ','-',$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">{{number_format($product->prefit_price_discount , 3)}}%</span>
                        <span class="price">{{number_format($product->discount,3)}}</span><span class="K-D">K.D</span>
                        <span class="price-old">{{number_format($product->mainprice,3)}}</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


<div class="row" style="position: relative;
right: 17px;">
<div class="col-md-12">
    <div class="pagnation" >
        {{$data->appends(request()->query())->onEachSide(1)->links()}}

    </div>
</div>

</div>


@else


@push('css')
    <style>


/*======================
    404 page
=======================*/


.page_404{ padding:40px 0; background:#fff; font-family: 'Arvo', serif;
}

.page_404  img{ width:100%;}

.four_zero_four_bg{

 background-image: url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);
    height: 400px;
    background-position: center;
 }


 .four_zero_four_bg h1{
 font-size:80px;
 }

  .four_zero_four_bg h3{
			 font-size:80px;
			 }

			 .link_404{
	color: #fff!important;
    padding: 10px 20px;
    background: #39ac31;
    margin: 20px 0;
    display: inline-block;}
	.contant_box_404{ margin-top:-50px;}

        </style>
@endpush

<section class="page_404">
	<div class="container">
		<div class="row">
		<div class="col-sm-12 ">
		<div class="col-sm-12 text-center">
		<div class="four_zero_four_bg">
			<h1 class="text-center "></h1>


		</div>

		<div class="contant_box_404">
		<h3 class="h2">
		@lang('front.SorryProduct')
		</h3>

		<p>@lang('front.sorryNotProduct')</p>

		<a href="{{ route('main') }}" class="link_404">@lang('front.main')</a>
	</div>
		</div>
		</div>
		</div>
	</div>
</section>



@endif