@extends('layouts.front-layout')
@section('title') All Shop kaleiim's Faves Product @endsection
@section('content')

    <!-- Begin: Main Slider -->
    <div class="innerBan">
        <img src="{{ asset('front-assets/images/faves_banner_image.jpg') }}" class="w-100" alt="">
        <div class="overlay">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-md-12">
{{--                        <h2>{{ $pageData['Product']['top_banner_title'] ?? '' }}</h2>--}}
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End: Main Slider -->
    <section class="productSec product-page">
        <div class="container">
            <div class="productHeading text-center" data-aos="fade-up">
                <h2 class="secHeading">Shop kaleiim's Faves Products</h2>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="row align-items-center ">
                        @forelse($get_shop_kaleiim_faves_product as $shop_kaleiim_faves_product)
                            <a href="{{route('product.detail',['slug'=>$shop_kaleiim_faves_product->slug] ? : '')}}">
                                <div class="col-md-3 product_data">
                                    <div class="productWrap">
                                        <figure>
                                            <img src="
                                                    {{
                        $shop_kaleiim_faves_product->productImage('product_main_image') ?:
                        ($shop_kaleiim_faves_product->productVariation->first() && $shop_kaleiim_faves_product->productVariation->first()->productVariationImage()->first()
                            ? $shop_kaleiim_faves_product->productVariation->first()->productVariationImage()->first()->getUrl()
                            : asset('upload/No-Image.png'))
                                }}
                                                "
                                                 class="img-fluid" alt="">
                                        </figure>
                                        <div class="productContent">
                                            <ul class="topIcon">
                                                <li><span>-11%</span></li>
                                                <li><span>Featured</span></li>
                                            </ul>
                                            <h3>{{ $shop_kaleiim_faves_product->product_name ? : '' }}</h3>
                                            <p>{!! \Illuminate\Support\Str::limit(strip_tags($shop_kaleiim_faves_product->description), 70, '...') !!}</p>
                                            <ul>
                                                <li><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                            </ul>

                                            @if($shop_kaleiim_faves_product->product_price == null)
                                                @if ($shop_kaleiim_faves_product->productVariation->first())
                                                    <a href="{{route('product.detail',['slug'=>$shop_kaleiim_faves_product->slug] ? : '')}}">
                                                        $ {{ $shop_kaleiim_faves_product->productVariation->first()->variant_price ? : '' }}
                                                        <del>
                                                            $ {{ $shop_kaleiim_faves_product->productVariation->first()->variant_compare_at_price ? : '' }}</del>
                                                    </a>
                                                @endif
                                            @else
                                                <a href="{{route('product.detail',['slug'=>$shop_kaleiim_faves_product->slug] ? : '')}}">
                                                    @if($shop_kaleiim_faves_product->product_discount == null)
                                                        $ {{ $shop_kaleiim_faves_product->product_price ? : '' }}
                                                    @else
                                                        $ {{ $shop_kaleiim_faves_product->product_discount ? : '' }}
                                                        <del>$ {{ $shop_kaleiim_faves_product->product_price ? : '' }}</del>

                                                    @endif

                                                </a>
                                            @endif
                                            <input type="hidden" class="product_id" value="{{$shop_kaleiim_faves_product->id}}">
                                            @guest
                                                <a href="{{route('user.login-view')}}" class="btn btn-danger btn-sm btn-block" style="color:white!important;padding:8px;"> <i class="fa fa-heart"> &nbsp;Add to Wishlist</i> </a>
                                            @else
                                                <button type="button" class=" add_to_wishlist_btn btn btn-danger btn-sm btn-block" style="color:white!important;padding:8px;"> <i class="fa fa-heart"> &nbsp;Add to Wishlist</i> </button>

                                            @endguest
                                        </div>
                                    </div>
                                </div>
                            </a>
                        @empty
                            <h4 class="mx-auto">Shop kaleiim's Faves Product Data Not Available</h4>
                        @endforelse

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

@endsection