@extends('front.layout.master')
@section('content')

    <!-- -------------------------------------------- -->
    <!-- Start Banar -->
    <div class="banar mb-4 text-center" style="background-image: url('{{asset('front/images/banar.png')}}');">
        <h1>@lang('front.fav ')</h1>
    </div>
    <!-- End Banar -->
    <!-- -------------------------------------------- -->
    <!-- Start product-list -->
    <div class="product-list">
        <div class="container">

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

                @foreach($data as $product)
                    <div class="item" data-aos-delay="100" data-aos-duration="800" data-aos="fade-up">
                        <div class="img-box">
                            <a href="{{route('get-product' , $product->id)}}">
                                <img class="w-100" src="{{$product->image_path}}" alt="">
                            </a>


                            @if(auth()->user() == null)
                                <button>
                                    <a class="love hidden">
                                        <i class="fas fa-heart"></i>
                                    </a>
                                    <a class="love">
                                        <i class="far fa-heart"></i>
                                    </a>
                                </button>



                            @else

                                <button  id="productt-{{$product->id}}"
                                         data-url="{{route('toggle_favorite',$product->id)}}"
                                         data-id="{{$product->id}}"
                                         class="add-to-favourite  movie__fav-icon movie__button-heart {{$product->is_favourite ? 'active' : ''  }}"
                                >
                                    <a class="love {{$product->is_favourite ? '' : 'hidden'  }}">
                                        <i class="fas fa-heart"></i>
                                    </a>
                                    <a class="love {{$product->is_favourite ? 'hidden' : ''  }}">
                                        <i class="far fa-heart"></i>
                                    </a>
                                </button>




                            @endif


                            @if($product->stoke == 0)
                                <a href="#" class="current" style="background: #BEAD61">
                                    @lang('front.emptyStoke')
                                </a>
                            @endif


                        </div>
                        <div class="info">
                            <div class="name">{{$product->name}}</div>
                            @if($product->discount == $product->mainprice)
                                <div class="price"><span class="s">{{number_format($product->discount , 3)}}</span> @lang('front.KD')</div>

                            @else
                                <div class="price"><span class="s">{{number_format($product->discount , 3)}}</span> @lang('front.KD') <span>{{number_format($product->mainprice , 3)}}</span></div>

                            @endif

                        </div>
                    </div>
                @endforeach


            @else

                <div class="alert alert-danger" style="width: 100%;">
                    <p>@lang('front.There_are_no_products')</p>
                </div>
            @endif
        </div>
    </div>
    <!-- End product-list -->
    <!-- -------------------------------------------- -->

@endsection