@php
    $currency_symbol = isset($settingsData['currency_symbol']) && $settingsData['currency_symbol'] ? $settingsData['currency_symbol'] : '';
@endphp
@if(isset($listing) && count($listing) > 0 )
    @foreach($listing->items() as $k => $p)
        @php 
            $totalReview    = DB::table('user_reviews')->where('product_id', $p->id)->whereNotNull('review')->pluck('id')->count();
            $totalRating    = DB::table('user_reviews')->where('product_id', $p->id)->pluck('rating')->sum();
            $averageRating  = DB::table('user_reviews')->where('product_id', $p->id)->avg('rating');
            $totalProReview = DB::table('user_reviews')->where('product_id', $p->id)->pluck('id')->count();
            $averageRating  = isset($averageRating) && $averageRating ? number_format($averageRating, 1) : 0;
        @endphp
        <div class="product_detail {{ $p->product_qty }}">
            <div class="grid_box">
                <div class="inner_left_area">
                    <div class="product_img">
                        <a href="{{route('products.slug',['slug' => $p->slug])}}">
                            <img 
                                src="{{ General::renderImageUrl($p['image'], 'medium', 'frontend/images/no_image.png') }}"
                                title='{{isset($p->title) && $p->title ? $p->title : ''}}'
                                alt='{{isset($p->title) && $p->title ? Str::limit($p->title,65) : ''}}'
                                fetchpriority='low' />
                        </a>
                        <div class="trending_area">
                            <div class="left_area">
                                @if(isset($p->stock) && $p->stock == 'out_stock')
                                    <div class="tag_name out_stock">Out Of Stock</div>
                                @else
                                    @if(isset($p->is_tranding) && $p->is_tranding == 'yes')
                                        <div class="tag_name">Trending</div>
                                    @endif
                                @endif
                            </div>
                            <div class="right_area"> 
                                @if(isset($userData) && !empty($userData))
                                    <a href="javascript:;" aria-label="Wishlist" class="wishlisting product_{{ $p['id'] }} {{isset($userWishlist) && in_array($p['id'], $userWishlist) ? 'active' : ''}}" data-rel_id="{{ $p['id'] }}" data-relation="product" data-url="{{ route('frontend.wishlist.add') }}">
                                        @if(isset($userWishlist) && in_array($p['id'], $userWishlist))
                                            <i class="fas fa-heart" style="color:red"></i>
                                        @else
                                            <i class="far fa-heart"></i>
                                        @endif
                                    </a>
                                @else
                                    <a href="{{route('user.login')}}" aria-label="Log In">
                                       <i class="far fa-heart"></i>
                                    </a>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
                <div class="inner_right_area">
                    <div class="top_area match_height_col">
                        <div class="left_top">
                            @if(isset($p->subCategories) && count($p->subCategories) > 0 )
                                <div class="tag_list">
                                    <ul>
                                        @php
                                            $subCategories  = isset($p->subCategories) && $p->subCategories ? $p->subCategories->toArray() : [];
                                            $categories     = isset($p->categories) && $p->categories ? current($p->categories) : [];
                                            $categories     = isset($categories) && $categories ? current($categories) : [];
                                        @endphp
                                        
                                        @if(isset($categories['title']) && $categories['title'])
                                            <li>
                                                {{isset($categories['title']) && $categories['title'] ? $categories['title'] : ''}}
                                            </li>
                                        @endif
                                        
                                        @foreach($subCategories as $k =>$c)
                                            @if($k == 1)
                                                @php break; @endphp
                                            @endif
                                            <li>
                                                {{isset($c) && isset($c['title']) && $c['title'] ? $c['title'] : ''}}
                                            </li>
                                        @endforeach

                                        @if(isset($subCategories) && $subCategories && count($subCategories) > 1)
                                            <li>
                                                {{isset($subCategories) && $subCategories ? count($subCategories)-1 : 0}}+
                                            </li>
                                        @endif
                                    </ul>
                                </div>
                            @endif
                        </div>
                        <div class="right_top">
                            @if(isset($userData) && !empty($userData))
                                <a
                                    href="javascript:;"
                                    aria-label="Wishlist"
                                    class="wishlisting product_{{ $p['id'] }} {{isset($userWishlist) && in_array($p['id'], $userWishlist) ? 'active' : ''}}"
                                    data-rel_id="{{ $p['id'] }}"
                                    data-relation="product"
                                    data-url={{ route('frontend.wishlist.add') }}
                                    >
                                    @if(isset($userWishlist) && in_array($p['id'], $userWishlist))
                                        <i class="fas fa-heart" style="color:red"></i>
                                    @else
                                        <i class="far fa-heart"></i>
                                    @endif
                                </a>
                            @else
                                <a href="{{route('user.login')}}" aria-label="Log In">
                                   <i class="far fa-heart"></i>
                                </a>
                            @endif
                        </div>
                    </div>
                    <div class="mid_area">
                        @if(isset($p) && isset($p->title) && $p->title)
                            <div class="mid_left">
                                <a href="{{route('products.slug',['slug' => $p->slug])}}" aria-label="Product">
                                    <h3 class="match_height_txt">
                                        {{isset($p->title) && $p->title ? Str::limit($p->title, 75) : ''}}
                                        {{ isset($p->product_size) && $p->product_size ? ' - '.$p->product_size : '' }}
                                    </h3>
                                </a>
                            </div>
                        @endif
                        <div class="mid_right">
                            <div class="star_rating">
                                <ul>
                                    @for($i=1; $i <= 5; $i++)
                                        <li class="{{isset($averageRating) && round($averageRating) >= $i ? 'active' : ''}}">
                                            <a href="javascript:;" aria-label="Rate"><i class="fas fa-star"></i></a>
                                        </li>
                                    @endfor
                                </ul>
                                @if(isset($averageRating) && $averageRating > 0)
                                    <div class="txt">{{isset($averageRating) && $averageRating ? (float)$averageRating : ''}}</div>
                                @else
                                    <div class="txt">No rating yet</div>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="bottom_area match_height_div">
                        <div class="left_area">
                            <div class="market_price">
                                {{ isset($p['product_prices']['price']) && $p['product_prices']['price'] ? $currency_symbol.$p['product_prices']['price'] : '' }}
                            </div>
                            <div class="price_discount">
                                <div class="amount">
                                    {{ isset($p['product_prices']['price_after_discount']) && $p['product_prices']['price_after_discount'] ? $currency_symbol.$p['product_prices']['price_after_discount'] : '' }}
                                </div>
                                <div class="off">
                                    @if(isset($p['product_prices']['discount']) && $p['product_prices']['discount'])
                                        {{ isset($p['product_prices']['discount_type']) && $p['product_prices']['discount_type'] == 'price' ? $currency_symbol.$p['product_prices']['discount'] : $p['product_prices']['discount'] }} 
                                        {{ isset($p['product_prices']['discount_type']) && $p['product_prices']['discount_type'] ? ($p['product_prices']['discount_type'] == 'price' ? 'OFF' : ($p['product_prices']['discount_type'] == 'percent' ? '% OFF' : '')) : '' }}
                                    @endif
                                </div>
                            </div>
                        </div>
                        <form action="{{ route('order.add') }}" method="post" class="product_cart_click" style="display: none;">
                            {{ csrf_field() }}
                            <input type="hidden" name="product_id" value="{{ $p->id }}">
                            <div class="right_area">
                                <a href="javascript:;" aria-label="Shopping Cart" class="on_submit">
                                    <div  class="cart_box">
                                        <i class="fal fa-shopping-cart"></i>
                                    </div>
                                </a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="list_box">
                <div class="inner_left_area">
                    <div class="product_img">
                        <a href="{{route('products.slug',['slug' => $p->slug])}}">
                            <img 
                                src="{{ General::renderImageUrl($p['image'], 'medium', 'frontend/images/no_image.png') }}"
                                title='{{isset($p->title) && $p->title ? Str::limit($p->title,65) : ''}}'
                                alt='{{isset($p->title) && $p->title ? Str::limit($p->title,65) : ''}}'
                                fetchpriority='low' />
                        </a>
                        <div class="trending_area">                            
                            <div class="left_area">
                                @if(isset($p->stock) && $p->stock == 'out_stock')
                                    <div class="tag_name out_stock">Out Of Stock</div>
                                @else
                                    @if(isset($p->is_tranding) && $p->is_tranding == 'yes')
                                        <div class="tag_name">Trending</div>
                                    @endif
                                @endif
                            </div>
                            <div class="right_area">
                                @if(isset($userData) && !empty($userData))
                                    <a 
                                        href="javascript:;"
                                        aria-label="Wishlist"
                                        class="wishlisting product_{{ $p['id'] }} {{isset($userWishlist) && in_array($p['id'], $userWishlist) ? 'active' : ''}}"
                                        data-rel_id="{{ $p['id'] }}"
                                        data-relation="product"
                                        data-url={{ route('frontend.wishlist.add') }}
                                        >
                                        @if(isset($userWishlist) && in_array($p['id'], $userWishlist))
                                            <i class="fas fa-heart" style="color:red"></i>
                                        @else
                                            <i class="far fa-heart"></i>
                                        @endif
                                    </a>
                                @else
                                    <a href="{{route('user.login')}}" aria-label="Log In">
                                       <i class="far fa-heart"></i>
                                    </a>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
                <div class="inner_right_area">
                    <div class="top_area">
                        <div class="left_top">
                            @if(isset($p->subCategories) && count($p->subCategories) > 0 )
                                <div class="tag_list">
                                    <ul>
                                        
                                    @php
                                        $subCategories  = isset($p->subCategories) && $p->subCategories ? $p->subCategories->toArray() : [];
                                        $categories     = isset($p->categories) && $p->categories ? current($p->categories) : [];
                                        $categories     = isset($categories) && $categories ? current($categories) : [];
                                    @endphp
                                    
                                    @if(isset($categories['title']) && $categories['title'])
                                        <li>
                                            {{isset($categories['title']) && $categories['title'] ? $categories['title'] : ''}}
                                        </li>
                                    @endif
                                    
                                    @foreach($subCategories as $k =>$c)
                                        @if($k == 1)
                                            @php break; @endphp
                                        @endif
                                        <li>
                                            {{isset($c) && isset($c['title']) && $c['title'] ? $c['title'] : ''}}
                                        </li>
                                    @endforeach

                                    @if(isset($subCategories) && $subCategories && count($subCategories) > 1)
                                        <li>
                                            {{isset($subCategories) && $subCategories ? count($subCategories)-1 : 0}}+
                                        </li>
                                    @endif
                                    </ul>
                                </div>
                            @endif
                        </div>
                        <div class="right_top">
                            @if(isset($userData) && !empty($userData))
                                <a 
                                    href="javascript:;"
                                    aria-label="Wishlist"
                                    class="wishlisting product_{{ $p['id'] }} {{isset($userWishlist) && in_array($p['id'], $userWishlist) ? 'active' : ''}}"
                                    data-rel_id="{{ $p['id'] }}"
                                    data-relation="product"
                                    data-url={{ route('frontend.wishlist.add') }}
                                    >
                                    @if(isset($userWishlist) && in_array($p['id'], $userWishlist))
                                        <i class="fas fa-heart" style="color:red"></i>
                                    @else
                                        <i class="far fa-heart"></i>
                                    @endif
                                </a>
                            @else
                                <a href="{{route('user.login')}}" aria-label="Log In">
                                   <i class="far fa-heart"></i>
                                </a>
                            @endif
                        </div>
                    </div>
                    <div class="mid_area">
                        <div class="mid_left">
                            @if(isset($p) && isset($p->title) && $p->title)
                                <a href="{{route('products.slug',['slug' => $p->slug])}}" aria-label="Title">
                                    <h3>
                                        {{isset($p->title) && $p->title ? Str::limit($p->title,55) : ''}}
                                        {{ isset($p->product_size) && $p->product_size ? ' - '.$p->product_size : '' }}
                                    </h3>
                                </a>
                            @endif
                            @if(isset($p) && isset($p->description) && $p->description)
                            <div class="text">
                                {!! $p->description ? Str::limit(strip_tags($p->description), 150) : '' !!}
                            </div>
                            @endif
                        </div>
                        <div class="mid_right">
                            <div class="star_rating">
                                <ul>
                                    @for($i=1; $i <= 5; $i++)
                                    <li class="{{isset($averageRating) && round($averageRating) >= $i ? 'active' : ''}}">
                                        <a href="javascript:;" aria-label="Rate"><i class="fas fa-star"></i></a>
                                    </li>
                                    @endfor
                                </ul>
                                <div class="txt">
                                    {{isset($averageRating) && $averageRating ? (float)$averageRating : ''}}
                                </div>
                            </div>
                            <div class="review">
                                {{isset($totalProReview) && $totalProReview ? '( '.$totalProReview.' Reviews )' : ''}}
                            </div>
                        </div>
                    </div>
                    <div class="bottom_area">
                        <div class="left_area">
                            <div class="market_price">
                                {{ isset($p['product_prices']['price']) && $p['product_prices']['price'] ? $currency_symbol.$p['product_prices']['price'] : '' }}
                            </div>
                            <div class="price_discount">
                                <div class="amount">
                                    {{ isset($p['product_prices']['price_after_discount']) && $p['product_prices']['price_after_discount'] ? $currency_symbol.$p['product_prices']['price_after_discount'] : '' }}
                                </div>
                                <div class="off">
                                    @if(isset($p['product_prices']['discount']) && $p['product_prices']['discount'])
                                        {{ isset($p['product_prices']['discount_type']) && $p['product_prices']['discount_type'] == 'price' ? $currency_symbol.$p['product_prices']['discount'] : $p['product_prices']['discount'] }} 
                                        {{ isset($p['product_prices']['discount_type']) && $p['product_prices']['discount_type'] ? ($p['product_prices']['discount_type'] == 'price' ? 'OFF' : ($p['product_prices']['discount_type'] == 'percent' ? '% OFF' : '')) : '' }}
                                    @endif
                                </div>
                            </div>
                        </div>
                        @if(isset($p->product_qty) && $p->product_qty > 0 && isset($p['stock']) && $p['stock'] == 'in_stock')
                            <form action="{{ route('order.add') }}" method="post" class="product_cart_click d-none">
                                {{ csrf_field() }}
                                <input type="hidden" name="product_id" value="{{ $p->id }}">
                                <div class="right_area">
                                    <div class="btn_area">
                                        <a href="javascript:;" class="btn-primary">Add to Cart</a>
                                    </div>
                                </div>
                            </form>
                        @else
                            @if(isset($userData) && !empty($userData))
                                <form action="{{ route('order.notify') }}" method="post" class="product_notify d-none">
                                    {{ csrf_field() }}
                                    <input type="hidden" name="product_id" value="{{ isset($product->id) && $product->id ? $product->id : '' }}">
                                    <input type="hidden" name="user_id" value="{{ isset($userData['id']) && $userData['id'] ? $userData['id'] : '' }}">
                                    <button type="submit" id="rj_notify" aria-label="Notify" class="btn-primary">Notify</button>
                                </form>
                            @else
                                <a href="{{route('user.login')}}">
                                <button type="submit" id="rj_notify" aria-label="Notify" class="btn-primary d-none">Notify</button>
                                </a>
                            @endif
                        @endif
                    </div>
                </div>
            </div>
        </div>
    @endforeach
@else
    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
        <div class="no_image text-center">
            <img src="{{url('assets/frontend/noImage/nodata.png')}}" title="No Image" alt="No Image" fetchpriority="low">
        </div>
    </div>
@endif