@extends('frontend.layouts.app')
@section('title')
Home
@endsection
@section('content')
<div class="pageMainLayout__wr homePage">
	<div class="addsSpace__wr leftSpace__wr">
		<a href="javascript:void(0);">
			<img src="{{asset('assets/frontend/images/inner-layout-adds-dummy-bg.png')}}" loading="lazy" class="img-fluid" alt="" title="" width="" height="">
		</a>
	</div>
	<div class="pageInnerLayout__wr">
		<section class="artistPerformancesSec__wr">
			<div class="secTitleParent__wr rihtLine__wr">
				<p class="secTitle__wr">{{translate(ucwords("What's Happening"))}}</p>
			</div>
			<div class="gridRowWrapp__wr row">
					@foreach ($sec_one_performances_list as $performance)
						@php
							$today = Carbon\Carbon::now();
							$today->setTimezone('Asia/Kolkata');
							$date = $today->format('Y-m-d');
							$current_time = $today->format('h:i:s a');
							$start_datetime = new Carbon\Carbon($performance->start_date .' '. $performance->start_time);
							$end_datetime = new Carbon\Carbon($performance->end_date .' '. $performance->end_time);
							$current_datetime = new Carbon\Carbon($date .' '. $current_time);	
						@endphp
						<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12 mb-4">
							<div class="eventWrap__wr">
								<a href="{{route('performance.detail', $performance->id)}}">
									<picture class="eventPicWrap__wr" id='image_fade'>
										@if(!empty($performance->image))
											<img src="{{asset('uploads/performances/' . $performance->image)}}" loading="lazy" class="img-fluid" alt="{{$performance->image}}" title="{{$performance->image}}" width="" height="">
										@else
											<img src="{{asset('assets/backend/images/no-image.jpg')}}" loading="lazy" class="img-fluid" alt="{{$performance->image}}" title="{{$performance->image}}" width="" height="">
										@endif
									</picture>
									<div class="eventContentWrap__wr">
										@if($current_datetime >= $start_datetime && $current_datetime < $end_datetime)
											<span class="statusInfo__wr">{{translate(ucwords("Live"))}}</span>
										@endif
										<p class="eventTitle__wr">{{translate(ucwords($performance->title))}}</p>
										<span class="timeInfo__wr">{{date('dS. D, F', strtotime($performance->start_date)) . ", " . $performance->start_time}}</span>
										<p class="eventArtistName__wr">{{translate(ucwords($performance->artist_data->stage_name))}}</p>
										<p class="eventAddress__wr">{{translate(ucwords($performance->venue_data->name))}}</p>
										<p>{!! !empty($performance->description) ? translate(ucwords(mb_strimwidth($performance->description, 0, 75, '......'))) : ("Description Not Availiable") !!}</p>
									</div>
								</a>
							</div>
						</div>
					@endforeach
					@if($sec_one_performances_list->isEmpty())
					<div class="col-xl-8 mb-4">
						<div class="display-4">{{translate("Not Available")}}</div>
					</div>
					@endif
					<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
						<a class="btnParent__wr" href="{{route('performance.page')}}">
							<p>{{translate("See All Performances")}}</p>
							<span class="icon">
								<img src="{{asset('assets/frontend/images/btn-arrow-icon.svg')}}" class="imgsvg" loading="lazy">
							</span>
						</a>
					</div>
				</div>
		</section>
		@if(!empty($featured_artist_data))
			<section class="featuredArtistSec__wr">
				<div class="secTitleParent__wr rihtLine__wr">
					<p class="secTitle__wr">{{translate('Featured Artists')}}</p>
				</div>
				<div class="gridRowWrapp__wr">
					@foreach ($featured_artist_data as $item)
						@if($loop->first)
							<div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
								<div class="featureArtistWrap__wr">
									<a href="{{route('artist.detail', $item['id'])}}">
										<picture class="artistPic__wr">
											@if($item['artist_image'] !== NULL)
												<img src="{{asset('uploads/artists/' . $item['artist_image'])}}" loading="lazy" class="img-fluid" alt="artist-image-bg" title="artist-image-bg" width="" height="">
											@else
												<img src="{{asset('assets/backend/images/no-image.jpg')}}"  loading="lazy" class="img-fluid" alt="artist-image-bg" title="artist-image-bg" width="" height="">
											@endif
										</picture>
										<div class="artistInfoWrap__wr">
											<p class="artistTitle__wr">{{translate(ucwords($item['artist_stage_name']))}}</p>
											@if(!empty($item['category_name']))
												<p class="artistInfo__wr">{{translate(ucwords($item['category_name']))}}</p>
											@else
												<p class="artistInfo__wr">{{translate('No Category')}}</p>
											@endif
										</div>
									</a>
								</div>
							</div>
						@endif
					@endforeach
					<div class="col-xl-8 col-lg-8 col-md-12 col-sm-12 col-12">
						<div class="gridArtistListWrap__wr">
							@foreach ($featured_artist_data as $artist_list)
								<div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12 mx-4">
									<div class="artistItemWrap__wr mb-4">
										<a href="{{route('artist.detail', $artist_list['id'])}}">
											<picture class="artistPic__wr">
												@if($artist_list['artist_image'] !== NULL)
												<img src="{{asset('uploads/artists/' . $artist_list['artist_image'])}}" loading="lazy" class="img-fluid" alt="artist-image-bg" title="artist-image-bg" width="" height="">
												@else
												<img src="{{asset('assets/backend/images/no-image.jpg')}}" loading="lazy" class="img-fluid" alt="artist-image-bg" title="artist-image-bg" width="" height="">
												@endif
											</picture>
											<div class="artistInfoWrap__wr">
												<p class="artistTitle__wr">{{translate(ucwords($artist_list['artist_stage_name']))}}</p>
												@if(!empty($artist_list['category_name']))
													<p class="artistInfo__wr">{{translate(ucwords($artist_list['category_name']))}}</p>
												@else
													<p class="artistInfo__wr">{{translate('No Category')}}</p>
												@endif
											</div>
										</a>
									</div>
								</div>
							@endforeach
						</div>
					</div>
				</div>
			</section>
		@endif
		<section class="artistsVenuesSec__wr">
			<div class="secTitleParent__wr rihtLine__wr">
				<p class="secTitle__wr">{{translate("Artists & Venues")}}</p>
			</div>
			<div class="owl-carousel owl-theme artistVenueSlider">
				@foreach ($sec_three_artist_venue as $item)
					<div class="itemWrap__wr">
						@if($item->getTable() == 'venue')
							<a href="{{route('venue.detail', $item->id)}}">
								<picture class="itemImage__wr">
									@if($item->image !== NULL)
										<img src="{{asset('uploads/venues/' . $item->image)}}" loading="lazy" class="img-fluid" alt="artist-venues-slider-bg" title="artist-venues-slider-bg" width="" height="">
									@else
										<img src="{{asset('assets/backend/images/no-image.jpg')}}" loading="lazy" class="img-fluid" alt="artist-venues-slider-bg" title="artist-venues-slider-bg" width="" height="">
									@endif
								</picture>
								<div class="itemContentWrap__wr">
									<p class="itemTitle__wr">{{translate(ucwords($item->name))}}</p>
									<p>{{translate("Venue")}}</p>
								</div>
							</a>
						@elseif($item->getTable() == 'artist')
							<a href="{{route('artist.detail', $item->id)}}">
								<picture class="itemImage__wr">
									@if($item->image !== NULL)
									<img src="{{asset('uploads/artists/' . $item->image)}}" loading="lazy" class="img-fluid" alt="artist-venues-slider-bg" title="artist-venues-slider-bg" width="" height="">
									@else
									<img src="{{asset('assets/backend/images/no-image.jpg')}}" loading="lazy" class="img-fluid" alt="artist-venues-slider-bg" title="artist-venues-slider-bg" width="" height="">
									@endif
								</picture>
								<div class="itemContentWrap__wr">
									<p class="itemTitle__wr">{{translate(ucwords($item->stage_name))}}</p>
									<p>{{translate("Artist")}}</p>
								</div>
							</a>
						@endif
					</div>
				@endforeach
			</div>
		</section>
		<section class="becomeDownloadSec__wr">
			<div class="boxWrapp__wr">
				<div class="becomeTripsterWrap__wr">
					<p>Become a</p>
					<span class="logo"><img src="{{asset('assets/frontend/images/tipster-logo.png')}}" loading="lazy" class="img-fluid" alt="tipster-logo" title="tipster-logo" width="162" height="61"></span>
				</div>
				<div class="downloadAppWrap__wr">
					<p>Download the app now!</p>
					<div class="appBtnParentWrap__wr">
						@if(!empty(get_setting('app_store_link')))
							<a href="{{get_setting('app_store_link')}}"><img src="{{asset('assets/frontend/images/applestore-button.png')}}" loading="lazy" class="img-fluid" alt="applestore-button" title="applestore-button" width="118" height="40"></a>
						@endif
						@if(!empty(get_setting('play_store_link')))
							<a href="{{get_setting('play_store_link')}}"><img src="{{asset('assets/frontend/images/googleplay-button.png')}}" loading="lazy" class="img-fluid" alt="googleplay-button" title="googleplay-button" width="120" height="40"></a>
						@endif
					</div>
				</div>
			</div>
		</section>
		@if (get_setting('home_categories') != null)
			@php
				$home_categories = json_decode(get_setting('home_categories'));
				$categories = get_category($home_categories);
			@endphp
			@foreach ($categories as $item)
				<section class="eventListSec__wr">
					<div class="secTitleParent__wr centered__wr">
						<p class="secTitle__wr">{{$item->title}}</p>
					</div>
					@php
						$performances = $item->performances->unique('performances_id')->sortBy('start_date')->take(6);
						$performance_by_category = [];
						foreach ($performances as $cat_performance) {
							
							$performance_category_name = [];
							if($cat_performance->performance){
								foreach ($cat_performance->performance->performanceCategory as $category) {
									$performance_category_name[] = $category->category->title;
								}

								if (count($cat_performance->performance->favourite) > 999 && count($cat_performance->performance->favourite) <= 999999) {
									$total_performance_like = floor(count($cat_performance->performance->favourite) / 1000) . ' K';
								} elseif (count($cat_performance->performance->favourite) > 999999) {
									$total_performance_like = floor(count($cat_performance->performance->favourite) / 1000000) . ' M';
								} else {
									$total_performance_like = count($cat_performance->performance->favourite);
								}

								$performance_by_category[] = [
									'performance_id' => $cat_performance->performance->id,
									'performance_title' => $cat_performance->performance->title,
									'performance_date_time' => date('D, M d, ', strtotime($cat_performance->performance->start_date)) . " " . $cat_performance->performance->start_time,
									'performance_category_name' => mb_strimwidth(implode(', ', $performance_category_name), 0, 22, " & More"),
									'performance_like_count' => $total_performance_like,
									'performance_featured' => $cat_performance->performance->featured,
									'artist_image' => !empty($cat_performance->performance->artist_data) ? $cat_performance->performance->artist_data->image : NULL,
									'venue_image' => !empty($cat_performance->performance->venue_data) ? $cat_performance->performance->venue_data->image : NULL,
									'venue_name' => !empty($cat_performance->performance->venue_data) ? $cat_performance->performance->venue_data->name : NULL,
									'category_id' => $item->id
								];
							}
						}
					@endphp
					<div class="gridRowWrapp__wr">
						@foreach ($performance_by_category as $item)
							<div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12 mb-4">
								<div class="itemWrap__wr">
									<a href="{{route('performance.detail', $item['performance_id'])}}">
										<div class="itemBckgrndWrap__wr">
											<picture class="venueBg__wr">
												@if(!empty($item['venue_image']))
													<img src="{{asset('uploads/venues/' . $item['venue_image'])}}" loading="lazy" class="img-fluid" alt="" title="" width="" height="">
												@else
													<img src="{{asset('assets/backend/images/no-image.jpg')}}" loading="lazy" class="img-fluid" alt="" title="" width="" height="">
												@endif
											</picture>
										</div>
										<div class="itemContentWrap__wr">
											<picture class="proFilePic__wr">
												@if(!empty($item['artist_image']))
													<img src="{{asset('uploads/artists/' . $item['artist_image'])}}" loading="lazy" class="img-fluid" alt="" title="" width="" height="">
												@else
													<img src="{{asset('assets/backend/images/no-image.jpg')}}" loading="lazy" class="img-fluid" alt="" title="" width="" height="">
												@endif
											</picture>
											<span class="itemDate__wr">{{$item['performance_date_time']}}</span>
											@if ($item['performance_featured'] == 1)
												<span class="itemStatus__wr">Featured</span>
											@endif
											<p class="itemTitle__wr">{{$item['performance_title']}}</p>
											<p class="itemVenue__wr">{{$item['venue_name']}}</p>
											<p class="itemEvent__wr">{{$item['performance_category_name']}}</p>
											<span class="followerWrap__wr"><i class="fas fa-user"></i><p>{{$item['performance_like_count'] . ' Followers'}}</p></span>
										</div>
									</a>
								</div>
							</div>
						@endforeach
						@if(empty($performance_by_category))
							<div class="col-xl-12 text-center">
								<div class="display-4">{{translate('Not Available')}}</div>
							</div>
						@endif
					</div>
					@if(!empty($performance_by_category))
						<div class="btnParentWrap__wr">
							<form action="{{route('category-performance.page')}}">
								<input type="hidden" name="category_id" value="{{$item['category_id']}}">
								<button type="submit" class="btn__wr">{{translate('View More')}}</button>
							</form>
						</div>
					@endif
				</section>
			@endforeach
		@endif
	</div>
	<div class="addsSpace__wr rightSpace__wr">
		<a href="javascript:void(0);">
			<img src="{{asset('assets/frontend/images/inner-layout-adds-dummy-bg.png')}}"  loading="lazy" class="img-fluid" alt="" title="" width="" height="">
		</a>
	</div>
</div>
@endsection
@section('script')
<script>
$(document).ready(function(){
	$(".#image_fade").hover(function(){
        $(this).css({'zoom': 0.9});
    });
    $(".fa-heart").mouseout(function(){
        $(this).css({'zoom': 1});
    });
})
</script>
@endsection