@if (count($products) > 0)
<div class="main_products_list_wrap" id="product-list">
    @foreach($products as $key=>$product)
    <div class="products_card_item">
        <div class="action_btn">
            <ul>
                <li>
                    <a href="#!" class="whishlist_btn" data-prod_id="{{$product->id}}" data-page="product-list">
                        <i class="{{$product->wishlist ? 'fas fa-heart' : 'far fa-heart'}}"></i>
                    </a>
                </li>
                <li>
                    <a href="#!" class="QuickView" data-fancybox data-src="#ViewProductpopup{{$key}}">
                    <i class="far fa-eye"></i>
                    </a>
                </li>
                <li>
                    <a href="{{$product->addedInCart ? route('cart') : '#!'}}" class="{{$product->addedInCart ? '' : 'add_cart_btn'}}"
                        data-prod_id="{{$product->id}}" data-qty="1" data-variantid="{{$product->productsVariantFirst->id}}" data-page="product-list">
                        @if($product->addedInCart)
                        <i class="fa fa-check"></i>
                        @else
                        <i class="fas fa-shopping-bag"></i>
                        @endif
                    </a>
                </li>
            </ul>
        </div>
        <div class="products_card_image">
        @if(count($product->productImages) > 0)
            <img src="{{ url('storage') . '/' .  $product->productImages[0]->filename}}" alt="">
            @if(count($product->productImages) > 1)
            <img src="{{ url('storage') . '/' . $product->productImages[1]->filename}}" alt="">
            @endif
        @endif
        </div>
        <div class="products_card_content">
            <h4><a href="{{route('product-detail', ['slug' => $product->slug])}}">{{$product->name}}</a></h4>
            <p>{{$product->description}}</p>
            <ul>
                <li class="filter_card_price">{{ config('constant.CURRENCY_SIGN') }}{{$product->productsVariantMax->selling_price}}</li>
                <li class="filter_card_old_price ">{{ config('constant.CURRENCY_SIGN') }}{{$product->productsVariantMax->retail_price}}</li>
            </ul>
        </div>
    </div>
    <div class="product_popup d-none" id="ViewProductpopup{{$key}}">
        <div class="product_popup_inner">
            <div class="product_popup_image">
                <div class="product_popup_slider">
                @if(count($product->productImages) > 0)
                @foreach($product->productImages as $image)
                    <div class="product_popup_item">
                        <img src="{{url('storage') . '/' . $image->filename}}" alt="">
                    </div>
                    @endforeach
                    @else
                    <div class="product_popup_item">
                        <img src="{{url('storage') . '/no_image.png'}}" alt="">
                    </div>
                    @endif
                </div>
            </div>
            <div class="product_popup_content">
                
                @include('front.product-detail.product-common-detail')
            </div>
        </div>
    </div>
    @endforeach
</div>
@else
@include('front.no-data.no-product')
@endif