@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.Exclusive_Products')</h1>
    </div>
    <!-- End Banar -->

    <!-- Start Parts -->
    <div class="parts">
        <div class="container">
            <div class="owl-carousel owl-item">
                @foreach($categories as $category)
                    <div class="item" data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in">
                        <a href="{{route('get-category' ,$category->id )}}"><img class="mb-2" src="{{$category->image_path}}" alt=""></a>
                        <a href="{{route('get-category' ,$category->id )}}" class="name text-center">{{$category->name}}</a>
                    </div>
                @endforeach

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




    <!-- -------------------------------------------- -->
    @if ($products->count() > 0)
        <!-- Start product-list -->
        <div class="product-list">
            <div class="container">
                <div class="row">
                    @foreach($products as $product)
                        <div class="col-md-4 col-xs-6 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">{{App\Helpers\APIHelpers::getPrice($product->discount)}}</span> </div>
{{--                                    <div class="price"><span class="s">{{$product->discount}} KWD</span> </div>--}}

                                @else
                                    <div class="price"><span class="s">{{App\Helpers\APIHelpers::getPrice($product->discount)}}</span>  <span>{{App\Helpers\APIHelpers::getPrice($product->mainprice)}}</span></div>

                                @endif

                            </div>
                        </div>
                    @endforeach
                </div>

            </div>
        </div>
        <!-- End product-list -->


    @else

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


    @endif

    <!-- -------------------------------------------- -->


@endsection