@extends('front.layout.master')
@section('track')
    <!-- Facebook Pixel Code -->
    <script>
        !function(f,b,e,v,n,t,s)
        {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
            n.callMethod.apply(n,arguments):n.queue.push(arguments)};
            if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
            n.queue=[];t=b.createElement(e);t.async=!0;
            t.src=v;s=b.getElementsByTagName(e)[0];
            s.parentNode.insertBefore(t,s)}(window, document,'script',
            'https://connect.facebook.net/en_US/fbevents.js');
        fbq('init', '879633802792999');
        fbq('track', 'PageView');
        fbq('track', 'AddToWishlist');
    </script>
    <noscript><img height="1" width="1" style="display:none"
                   src="https://www.facebook.com/tr?id=879633802792999&ev=PageView&noscript=1"
        /></noscript>
    <!-- End Facebook Pixel Code -->
@endsection
@section('content')

    <div class="breadcrumb-area gray-bg">
        <div class="container">
            <div class="breadcrumb-content">
                <ul>
                    <li><a href="index.html">الرئيسية</a></li>
                    <li class="active"> المفضلة </li>
                </ul>
            </div>
        </div>
    </div>



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

        <div class="main-catogeries-area mt-40 mb-30">
            <div class="container">

                <div class="shop-topbar-wrapper">
                    <div class="shop-topbar-left">

                        <span class="title-checkbox"><input type="checkbox" checked> خدمة جمع لي</span>
                        <a href="#" class="brands-select">{{request()->search}} <img src="{{asset('front/assets/images/icon/Component%2010%20%E2%80%93%201.png')}}"></a>
                    </div>
{{--                    <div class="product-sorting-wrapper">--}}
{{--                        <a href="#" class="hight_price" data-url="{{route('single-product')}}">اعلي سعر <img src="{{asset('front/assets/images/icon/sort-descending-interface-symbol.png')}}" class="icon-filter0"></a>--}}
{{--                        <a href="#" class="low_price" data-url="{{route('single-product')}}">اقل سعر <img src="{{asset('front/assets/images/icon/sort-descending-interface-symbol.png')}}" class="icon-filter1"></a>--}}
{{--                    </div>--}}
                </div>

            </div>

        </div>
        <!--   end catogeries-->

        <!--start products-->
        <div class="products-section mt-20 mb-30 offers">

            <div class="container">

                <div class="row"  id="data">

                    @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">
                                    <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

                </div>

{{--                <span style="display: none" id="type">0</span>--}}
{{--                <span style="display: none" id="category_id">search-{{request()->search}}</span>--}}
{{--                <span style="display: none" id="order">ASC</span>--}}
            </div>
        </div>
        <!--end products-->


    @else

        <div class="empty-cart pt-95 pb-50">
            <div class="container">
                <div class="row">

                    <div class="col-md-6 col-12 text-empty">
                        <h4>لايوجد لدينا كلمات بحت باسم : {{request()->search}}</h4>
                        <div class="button-box">
                            <a href="http://newinstadeal.test/ar" class="btn"><span>تسوق الان</span></a>


                        </div>

                    </div>

                    <div class="col-md-6 col-12">
                        <img src="http://newinstadeal.test/front/assets/images/icon/c1.png" class="w-60 imgEmptyCart">
                    </div>

                </div>
            </div>
        </div>



    @endif

    @endsection