@extends('sellers.layout.mainlayout')
@section('content')

@php
use Carbon\Carbon;
expiredAds(); 
@endphp

	<div class="main-wrapper home-wrapper">
	
		<!-- Header -->
		@include('sellers.layout.top_header')
		<!-- /Header -->
		
		<!-- Banner Section -->
		<section class="banner-section">		
			<div class="container">
				<div class="home-banner">		
					<div class="row align-items-center justify-content-center">					    
						<div class="col-lg-10">
							<div class="section-search aos" data-aos="fade-up">
								 <h1>The 1st place to look for 2nd Amendment deals!</h1>
								<div class="search-box">
									<!-- <form action="listing-grid-sidebar.html" class="d-flex">  -->
									<form action="{{ route('listing') }}" method="GET" class="d-flex">
									<div class="search-input">											
										<div class="form-set mb-0">												
											<div class="group-img">
												<input type="text" class="form-control" placeholder="Search Keyword eg: Guns, Knives and more.," id="title" name="title">
											</div>
										</div>
									</div>
									<div class="search-btn">
										<button class="btn btn-primary" type="submit"> <i class="fa fa-search" aria-hidden="true"></i> Search</button>
									</div>
									</form>
								</div>
								<div class="tag-blk">
								    @forelse ($categories->slice(0, 5) as $category)
								        <a href="{{ route('listing', ['categoryId' => $category->id]) }}" class="cat-blk">
								            {{ $category->category }}
								        </a> 
								    @empty 
								    <div class="row">
								        <div class="col-md-12">
								            <div class="no-record-found-blk">
								                <span class="material-symbols-outlined">campaign</span>
								                <h5>No record found!</h5>
								            </div>
								        </div>
								    </div>
								    @endforelse
								</div>
							</div>
						</div>
					</div>
				</div>	
			</div>
		</section>
		<!-- /Banner Section -->
		
		<!-- Category Section -->
		<section class="category-section">
		    <div class="container">
			   <div class="section-heading">
			     <div class="row align-items-center">
		            <div class="col-md-6 aos aos-init aos-animate" data-aos="fade-up">
						<h2>Category</h2>
						<p>Select your category below or click the View All button and filter the results to quickly find your favorite gun, optic, service, knife, bow, accessory and much more.</p>
					</div>
					@if($totalCategories>8)
					<div class="col-md-6 text-md-end aos aos-init aos-animate" data-aos="fade-up">
						<a href="{{ route('listing','') }}" class="btn  btn-view">View All</a>
					</div>
					@endif		
				 </div>			     
			   </div>	
				<div class="row">
					<!--categories.html-->
					@forelse ($categories as $category)
					<div class="col-md-3 col-sm-6">
					   <a href="{{ route('listing', ['categoryId' => $category->id]) }}" class="category-links">
					      <div>
							<h5>{{ $category->category }}</h5>
						  	<span>{{ $category->post_count }} Ads</span>
						  </div>
						  <i class="material-symbols-outlined">arrow_outward</i>
					   </a> 
					</div>
					@empty 
					<div class="row">
						<div class="col-md-12">
							<div class="no-record-found-blk">
								<span class="material-symbols-outlined">campaign</span>
								<h5>No record found!</h5>
							</div>
						</div>
					</div>
					@endforelse
				</div>			   
			</div>		
		</section>		
		<!-- /Category Section -->
		
		<!-- Featured ADS Section -->
		<section class="featured-section grid-view featured-slider">	
			<div class="container">		
				<div class="section-heading">
				    <div class="row align-items-center">
						<div class="col-md-6 aos aos-init aos-animate" data-aos="fade-up">
						<h2>Featured Ads</h2>
						</div>

						@if($featuredAdsCount>3)
						<div class="col-md-6 text-md-end aos aos-init aos-animate" data-aos="fade-up">
							<a href="{{ route('listing','') }}" class="btn  btn-view">View All </a>
						</div>
						@endif								
					</div>
				</div>
                <div class="lateestads-content">
				    <div class="row">
				    	@forelse ($featuredAdsList as $post)
					    <div class="col-lg-4 col-md-4 col-sm-6 d-flex">
							<div class="card featured-ad flex-fill aos" data-aos="fade-up">
								<div class="blog-widget">
									<div class="blog-img">
										@php
		                                    $fileLink = $post['upload_media_link'];
		                                    $fileExtension = strtolower(pathinfo($fileLink, PATHINFO_EXTENSION));
		                                    $videoFormats = ['mp4'];
		                                    $imageFormats = ['jpeg', 'jpg', 'png', 'PNG', 'JPEG', 'JPG'];
		                                @endphp
		                                @if (in_array($fileExtension, $videoFormats))
		                                    <a href="{{ route('seller.viewad', $post['post_id']) }}">
												<img src="{{ asset('storage/thumbnails/' . $post['thumbnail_image']) }}" class="img-fluid" alt="blog-img">
											</a>
	                                    @elseif (in_array($fileExtension, $imageFormats))
										<a href="{{ route('seller.viewad', $post['post_id']) }}">
											<img src="{{ asset('storage/adpost/' . $post['upload_media_link']) }}" class="img-fluid" alt="blog-img">
										</a>
										@else
		                                    <p>Unsupported media format.</p>
		                                @endif
										<div class="fav-item">
											<span class="featured-text"><img src="{{asset('sellers/assets/img/featured-icon.svg')}}" class="me-2" alt="">Featured</span>
											@if ($post['average_stars'] > 0 )
												<span class="rating-blk good-blk">{{ $post['average_stars'] }}<i class="fa-solid fa-star"></i></span>	
											@endif		
										</div>	
										<div class="plan-blk">
											@if($post['business_name'])
												<span><img src="{{asset('sellers/assets/img/plan-icon.svg')}}" class="me-2" alt="">{{ $post['business_name'] }}</span>
											@endif
											<div class="price-label">
												<h5>{{ $post['currency'] }} {{ $post['post_price'] }}</h5>
											</div>
										</div>	
										
									</div>
									<div class="bloglist-content">
										<div class="card-body">
											<div class="row">
												<h6 class="col">{{ $post['post_title'] }}</h6>
											</div>	

											<div class="seller-blk justify-content-between">
		                                       <a class="d-flex align-items-center" href="{{route('seller.viewseller',$post['user_id'])}}">  <span class="icon-seller-icon"></span>{{$post['user_name'] }}</a>
		                                        
		                                        @auth
		                                        <a class="text-links ad-report-scam"  data-postid="{{$post['post_id']}}" data-post_title="{{$post['post_title']}}"><small>Report Scam</small></a>
		                                        @else 
						                         <a class="text-links" href="{{route('seller.login')}}"><small>Report Scam</small></a>
						                        @endif
		                                    </div>

											<div class="blogfeaturelink">
												<div class="blog-features">
												   <a href="javascript:void(0)" data-bs-toggle="tooltip" title="{{ $post['category'] ?? '' }}"><span> <i class="fa-regular fa-circle-stop"></i> {{ $post['category'] ?? '' }}</span></a>
												</div>

												@if(!empty($post['home_url']))
												<div class="blog-author text-end"> 
													<span>  <i class="feather-globe"></i><a href="{{ $post['home_url'] }}" target="_blank">Website</a></span>
												</div>
												@endif
											</div> 														 
											<div class="blog-location-details">
												<div class="location-info">
												   <i class="feather-map-pin"></i> {{ $post['location_address'] }}
												</div>
												<div class="location-info">
													<i class="fa-regular fa-calendar-days"></i> {{ Carbon::parse($post['reload_at'])->format('d F, Y') }}
												</div>
											</div>
										</div>	
									</div>			 
								</div> 
							</div>
						</div>
						@empty
						<div class="col-lg-4 col-md-4 col-sm-6 d-flex">
							 No users found.
						</div>
						@endforelse
					    
					</div>						
				</div>						
			</div>
		</section>	
				
		<!-- /Featured ADS Section -->
		
		<!-- CTA Section -->
		<section class="cta-section ads-section">
		    <div class="container">
			    <div class="row align-items-center">
				     <div class="col-lg-12">
					      <div class="cta-content owl-carousel ads-slider">
							@foreach($promotionalads as $ads)
							<div class="ads-banner-blk">
								@if($ads->banner)
								@php
                                    $fileLink = $ads->banner;
                                    $fileExtension = strtolower(pathinfo($fileLink, PATHINFO_EXTENSION));
                                    $videoFormats = ['mp4', 'webm'];
                                    $imageFormats = ['jpeg', 'jpg', 'png', 'JPEG', 'JPG', 'PNG'];
                                @endphp
                                @if (in_array($fileExtension, $videoFormats))
                                <a href="{{ $ads->banner_url ? $ads->banner_url : 'javascript:void(0)' }}" {{ $ads->banner_url ? 'target="_blank"' : '' }}>
                                    <video controls>
                                        <source src="{{ asset('storage/adpost/' . $ads->banner) }}" type="video/{{ $fileExtension }}">
                                        Your browser does not support the video tag.
                                    </video>
                                </a>
                                @elseif (in_array($fileExtension, $imageFormats))
						       	<div class="content-info">
						       		<a href="{{ $ads->banner_url ? $ads->banner_url : 'javascript:void(0)' }}" {{ $ads->banner_url ? 'target="_blank"' : '' }}>
										<img src="{{ asset('storage/upload/promo_ads/' . $ads->banner) }}" class="img-fluid" alt="blog-img">
									</a>
								</div>
								@else
                                    <p>Unsupported media format.</p>
                                @endif
                                @else
                                <a href="{{ $ads->banner_url ? $ads->banner_url : 'javascript:void(0)' }}" {{ $ads->banner_url ? 'target="_blank"' : '' }}>
                                	@if (isVideo($ads->link))
                                	<video controls>
								        <source src="{{ $ads->link }}" type="video/mp4">
								        Your browser does not support the video tag.
								    </video>
                                	@elseif (isImage($ads->link))
									    <img src="{{ $ads->link }}" alt="Image">
									@else
									    <p style="color: #fff;">The link is neither an image nor a video.</p>
									@endif
								</a>
                                @endif
							</div>
							@endforeach
						  </div>
					 </div>
				</div>
			</div>
		</section>		
		<!-- /CTA Section -->

		
		<!-- Latest Ads Section -->
		 <section class="latestad-section grid-view featured-slider">	
				<div class="container">		
				<div class="section-heading">
				    <div class="row align-items-center">
						<div class="col-md-6 aos aos-init aos-animate" data-aos="fade-up">
						<h2>The Latest Ads</h2>
						<p>Browse the latest member listings</p>
						</div>
						<div class="col-md-6 text-md-end aos aos-init aos-animate" data-aos="fade-up">
							<a href="{{ route('listing', '') }}" class="btn  btn-view">View All</a>
						</div>		
					</div>
				</div>
                <div class="lateestads-content">
				    <div class="row">
				    	@forelse ($popularAdsList as $post)
					    <div class="col-lg-4 col-md-4 col-sm-6 d-flex">
							<div class="card featured-ad flex-fill aos" data-aos="fade-up">
								<div class="blog-widget">
									<div class="blog-img">
										@php
		                                    $fileLink = $post['upload_media_link'];
		                                    $fileExtension = strtolower(pathinfo($fileLink, PATHINFO_EXTENSION));
		                                    $videoFormats = ['mp4', 'webm'];
		                                    $imageFormats = ['jpeg', 'jpg', 'png', 'JPEG', 'JPG', 'PNG'];
		                                @endphp
		                                @if (in_array($fileExtension, $videoFormats))
		                                    
		                                    <a href="{{ route('seller.viewad', $post['post_id']) }}">
												<img src="{{ asset('storage/thumbnails/' . $post['thumbnail_image']) }}" class="img-fluid" alt="blog-img">
											</a>
											
	                                    @elseif (in_array($fileExtension, $imageFormats))
										<a href="{{ route('seller.viewad', $post['post_id']) }}">
											<img src="{{ asset('storage/adpost/' . $post['upload_media_link']) }}" class="img-fluid" alt="blog-img">
										</a>
										@else
		                                    <p>Unsupported media format.</p>
		                                @endif
										<div class="fav-item">
											@if ($post['average_stars'] > 0 )
											<span class="rating-blk good-blk">{{ $post['average_stars'] }}<i class="fa-solid fa-star"></i></span>	
											@endif		
										</div>	
										<div class="plan-blk">
											@if($post['business_name'])
												<span><img src="{{asset('sellers/assets/img/plan-icon.svg')}}" class="me-2" alt="">{{ $post['business_name'] }}</span>
											@endif
											<div class="price-label">
												<h5>{{ $post['currency'] }} {{ $post['post_price'] }}</h5>
											</div>
										</div>	
									</div>
									<div class="bloglist-content">
										<div class="card-body">
											<div class="row">
												<h6 class="col">{{ $post['post_title'] }}</h6>
											</div>	
											<div class="seller-blk justify-content-between">
		                                       <a class="d-flex align-items-center" href="{{route('seller.viewseller',$post['user_id'])}}">  <span class="icon-seller-icon"></span>{{$post['user_name'] }}</a>
		                                        
		                                        @auth
		                                        <a class="text-links ad-report-scam"  data-postid="{{$post['post_id']}}" data-post_title="{{$post['post_title']}}"><small>Report Scam</small></a>
		                                        @else 
						                         <a class="text-links" href="{{route('seller.login')}}"><small>Report Scam</small></a>
						                        @endif
		                                    </div>	
												
											<div class="blogfeaturelink">
												<div class="blog-features">
												   <a href="javascript:void(0)"><span> <i class="fa-regular fa-circle-stop"></i> {{ $post['category'] ?? '' }}</span></a>
												</div>																	  
												@if(!empty($post['home_url']))
												<div class="blog-author text-end"> 
													<span>  <i class="feather-globe"></i><a href="{{ $post['home_url'] }}" target="_blank">Website</a></span>
												</div>
												@endif
											</div> 														 
											<div class="blog-location-details">
												<div class="location-info">
												   <i class="feather-map-pin"></i> {{ $post['location_address'] }}
												</div>
												<div class="location-info">
													<i class="fa-regular fa-calendar-days"></i> {{ Carbon::parse($post['reload_at'])->format('d F, Y') }}
												</div>
											</div>
										</div>	
									</div>			 
								</div> 
							</div>
						</div>
						@empty
						<div class="col-lg-4 col-md-4 col-sm-6 d-flex">
							 No users found.
						</div>
						@endforelse
					    
					</div>						
				</div>						
			</div>


			<!-- Confirm -->
			<div class="modal fade" id="admin-item" data-backdrop="static" aria-labelledby="exampleModalLabel" aria-hidden="true">
				<div class="modal-dialog modal-dialog-centered ">
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title" id="exampleModalLabel">Warning...</h5>
							<button class="btn-close close-modal" data-bs-dismiss="modal" type="button" aria-label="Close">
								<i class="fe fe-x"></i>
							</button>
						</div>
						<div class="modal-body py-0">
							<div class="del-modal">
								<p>Are you want to SignIn/SignUp as a Seller?</p>
							</div>
						</div>
						<br>
						<div class="modal-footer pt-0">
							<a class="btn btn-cancel" data-bs-dismiss="modal">Cancel</a>
							<a class="btn btn-submit" href="{{ route('admin.selllogout') }}">Logout Admin</a>
						</div>
					</div>
				</div>
			</div>
			<!-- /Confirm -->

			<!-- Confirm -->
			<div class="modal fade" id="admin-item-s" data-backdrop="static" aria-labelledby="exampleModalLabel" aria-hidden="true">
				<div class="modal-dialog modal-dialog-centered ">
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title" id="exampleModalLabel">Warning...</h5>
							<button class="btn-close close-modal" data-bs-dismiss="modal" type="button" aria-label="Close">
								<i class="fe fe-x"></i>
							</button>
						</div>
						<div class="modal-body py-0">
							<div class="del-modal">
								<p>Are you want to SignIn/SignUp as a Seller?</p>
							</div>
						</div>
						<br>
						<div class="modal-footer pt-0">
							<a class="btn btn-cancel" data-bs-dismiss="modal">Cancel</a>
							<a class="btn btn-submit" href="{{ route('admin.sellreg') }}">Logout Admin</a>
						</div>
					</div>
				</div>
			</div>
			<!-- /Confirm -->

			<!--Report Scam Modal-->

		<div class="modal fade" id="report-scam" aria-labelledby="exampleModalLabel" aria-hidden="true" tabindex="-1">
            <div class="modal-dialog modal-dialog-centered ">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Report suspect scam</h5>
                        <button class="btn-close close-modal" data-bs-dismiss="modal" type="button" aria-label="Close">
                            <i class="fe fe-x"></i>
                        </button>
                    </div>
                    <form action="{{ route('seller.ads.reportscam') }}" method="POST">
                        @csrf                        
                        @auth
                            <input name="viwerid" type="number" value="" hidden>
                        @endauth
                        <div class="modal-body">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="form-set">
                                        <input id='ad_id' name="ad_id" type="number" value="" hidden>
				                        <input id="ad_title" name="ad_title" type="text" value="" hidden>
                                        <label id="adname">Ad name: <strong>#</strong></label>
                                        <br>

                                        <label>Message <span style="color: red">*</span></label>
                                        <textarea class="form-control" name="message" maxlength="250" rows="5" placeholder="Your message" required></textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer justify-content-center pt-0">
                            <button class="btn btn-primary" type="submit">Submit</button>
                            <button class="btn btn-secondary" data-bs-dismiss="modal" type="button">Cancel</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

	<!--Report Scam Modal-->
		</section>	
		<!-- /Latest Ads Section -->
	</div>

    <!-- scrollToTop start -->
	<div class="progress-wrap active-progress">
		<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
		<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919px, 307.919px; stroke-dashoffset: 228.265px;"></path>
		</svg>
	</div>
	<!-- scrollToTop end -->
@endsection