@php
    use App\Models\User\UserAuth;
@endphp
<!-- ==== Main Header Section Start ==== -->
<section class="main_header_section trending_header_sec">
	<div class="container">
		<div class="row">
			<div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
				<h4>{{ isset($bestSellerHeading['title']) && $bestSellerHeading['title'] ? $bestSellerHeading['title'] : 'Trending Now'}}</h4>
				<div class="inner_area">
					<div class="left_area">
						<p>{{ isset($bestSellerHeading['sub_title']) && $bestSellerHeading['sub_title'] ? $bestSellerHeading['sub_title'] : ''}} </p>
					</div>
					<div class="right_area"></div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- ==== Main Header Section End ==== -->

<!-- ==== Best Seller Section Start ==== -->
<section class="trending_section">
	<div class="container">
		<div class="row">
			<div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
				<div class="trending_area">
					<div class="trending_card_area">
						<div class="owl-carousel owl-theme" id="bestSeller">
							@foreach($bestSellerProduct as $key => $val)
							<div class="item">
								<div class="card_details match_height_col">
									<div class="trending_img">
										<a href="{{route('products.slug',['slug' => $val->slug])}}">
											<img src="{{ General::renderImageUrl($val['image'], 'medium', 'frontend/images/no_image.png') }}" title="{{ isset($val->title) && $val->title ? $val->title : '' }}" fetchpriority="low" alt="{{ isset($val->title) && $val->title ? $val->title : '' }}" />
										</a>
										@if(isset($val->stock) && $val->product_qty == 0 || $val->stock == 'out_stock')
	                                        <div class="tag_area">
	                                            <div class="tag out_stock">Out Of Stock</div>
	                                        </div>
                                        @else
											@if(isset($val->is_tranding) && $val->is_tranding == 'yes')
											<div class="tag_area">
												<p class="tag">Trending</p>
											</div>
											@endif
										@endif
										<div class="wishlist_icon">
											@if(UserAuth::isLogin())
											<a href="javascript:;" aria-label="Wishlist" class="wishlisting product_{{ $val['id'] }} {{isset($userWishlist) && in_array($val['id'], $userWishlist) ? 'active' : ''}}" data-rel_id="{{ $val['id'] }}" data-relation="product" data-url={{ route('frontend.wishlist.add') }}>
					                            @if(isset($userWishlist) && in_array($val['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')}}">
					                           <i class="far fa-heart"></i>
					                        </a>
					                        @endif
										</div>
									</div>
									<div class="bottom_details match_height_txt">
										<a href="{{route('products.slug',['slug' => $val->slug])}}" aria-label="Best Seller">
											<div class="item_name match_height_div">{{ isset($val->title) && $val->title ? Str::limit($val->title, 75) : '' }}</div>
										</a>
										@php 
						                    $averageRating = DB::table('user_reviews')
						                    ->where('product_id', $val->id)
						                    ->avg('rating');
						                    $averageRating = number_format($averageRating, 1);

						                    $totalReview = DB::table('user_reviews')
						                    ->where('product_id', $val->id)
						                    ->whereNotNull('review')->pluck('id')
						                    ->count();

						                    $totalProReview = DB::table('user_reviews')
						                    ->where('product_id', $val->id)->pluck('id')
						                    ->count();

						                    $totalRating = DB::table('user_reviews')
						                    ->where('product_id', $val->id)->pluck('rating')->sum();

						                @endphp
										<div class="rating_area match_height_div2">
											<ul class="list-inline">
												@for($i=1; $i <= 5; $i++)
					                            <li class="{{isset($averageRating) && round($averageRating) >= $i ? 'active' : ''}}">
					                                <i class="fas fa-star"></i>
					                            </li>
					                            @endfor
											</ul>
											@if(isset($averageRating) && $averageRating > 0)
												<div class="rating_text">{{isset($averageRating) && $averageRating ? (float)$averageRating : ''}}</div>
											@else
												<div class="rating_text">No rating yet</div>
											@endif
										</div>
										<div class="match_height_sec {{ isset($val->product_prices) && isset($val->product_prices['price']) && $val->product_prices['price'] ? 'market_price' : 'price display: none;' }} ">
							                {{ isset($val->product_prices) && isset($val->product_prices['price']) && $val->product_prices['price'] ? $settingsData['currency_symbol'].$val->product_prices['price'] : '' }}
							            </div>
										<div class="cart_off_area match_height_cont">
											
											<div class="inner_left_area">
												<div class="price" style="{{ isset($val->product_prices['discount']) && $val->product_prices['discount'] ? '' : 'border-right: none !important;' }}">
												    {{ isset($val->product_prices['price_after_discount']) && $val->product_prices['price_after_discount'] ? $settingsData['currency_symbol'] . $val->product_prices['price_after_discount'] : '' }}
												</div>
							                    <div class="discount">
							                        @if(isset($val->product_prices) && isset($val->product_prices['discount']) && $val->product_prices['discount'])
							                            {{ isset($val->product_prices) && isset($val->product_prices['discount_type']) && $val->product_prices['discount_type'] == 'price' ? $settingsData['currency_symbol'].$val->product_prices['discount'] : $val->product_prices['discount'] }}
							                            {{ isset($val->product_prices) && isset($val->product_prices['discount_type']) && $val->product_prices['discount_type'] == 'price' ? 'OFF' : '% OFF' }}
							                        @endif
							                    </div>
							                </div>

											<div class="inner_right_area">
												<form action="{{ route('order.add') }}" method="post" class="product_cart_click" style="display: none;">
							                    	{{ csrf_field() }}
							                    	<input type="hidden" name="product_id" value="{{ $val->id }}">
													<div class="cart_icon">
														<i class="far fa-shopping-cart"></i>
													</div>
												</form>
											</div>
										</div>
									</div>
								</div>
							</div>
							@endforeach
						</div>
								
						<div class="btn_area">
							<a href="{{route('products.index')}}" class="btn btn-primary">View All</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- ==== Best Seller Section End ==== -->