@extends('frontend.layouts.app')
@section('title')
    Performance
@endsection
@section('content')
<div class="pageMainLayout__wr performancePage">
	<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="performancePageListWrap__wr">
            <form class="secWrapper__wr">
                <div class="allPerformanceListWrap__wr">
                    <div class="gridRowWrapp__wr">
                        @php
                        $category_performances = $category_performances->unique('performances_id');
                        @endphp
                        {{-- @dump($category_performances) --}}
                        @forelse ($category_performances as $item)
                            @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($item->start_date .' '. $item->start_time);
                                $end_datetime = new Carbon\Carbon($item->end_date .' '. $item->end_time);
                                $current_datetime = new Carbon\Carbon($date .' '. $current_time);
                            @endphp
                            @if(!empty($item->performance) && !empty($item->category))
                                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                    <div class="performanceItemWrap__wr">
                                        <div class="performanceImageWrap__wr">
                                            <a href="{{route('performance.detail', $item->performance->id)}}">
                                                <picture class="performancePoster__wr">
                                                    @if($item->performance->venue_data->image !== NULL)
                                                        <img src="{{asset('uploads/venues/' . $item->performance->venue_data->image)}}" loading="lazy" class="img-fluid" alt="performance-event-poster-bg" title="performance-event-poster-bg" width="148" height="197">
                                                    @else
                                                        <img src="{{asset('assets/frontend/images/gallery-slider-dummy-bg.jpg')}}" loading="lazy" class="img-fluid" alt="performance-gallery-image" title="performance-gallery-image" width="136" height="85">
                                                    @endif
                                                </picture>
                                                <div class="performanceGalleryWrap__wr">
                                                    <picture class="performanceVenue__wr">
                                                        @if($item->performance->image !== NULL)
                                                            <img src="{{asset('uploads/performances/' . $item->performance->image)}}" loading="lazy" class="img-fluid" alt="performance-event-venue-bg" title="performance-event-venue-bg" width="151" height="107">
                                                        @else
                                                            <img src="{{asset('assets/frontend/images/gallery-slider-dummy-bg.jpg')}}" loading="lazy" class="img-fluid" alt="performance-gallery-image" title="performance-gallery-image" width="136" height="85"> 
                                                        @endif
                                                    </picture>
                                                    <div class="galleryPicWrap__wr">
                                                        <picture class="perDetailGalleryPic__wr">
                                                            <img src="{{asset('assets/frontend/images/gallery-slider-dummy-bg.jpg')}}" loading="lazy" class="img-fluid" alt="performance-gallery-image" title="performance-gallery-image" width="136" height="85">
                                                        </picture>
                                                        <picture class="perDetailGalleryPic__wr">
                                                            <img src="{{asset('assets/frontend/images/gallery-slider-dummy-bg.jpg')}}" loading="lazy" class="img-fluid" alt="performance-gallery-image" title="performance-gallery-image" width="136" height="85">
                                                        </picture>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>
                                        <div class="performanceContentWrap__wr">
                                            <a href="{{route('artist.detail', $item->performance->artist_id)}}" target="_blank" class="profilePic__wr">
                                                @if($item->performance->artist_data->image)
                                                    <img src="{{asset('uploads/artists/' . $item->performance->artist_data->image)}}" loading="lazy" class="img-fluid" alt="profile pic" title="profile pic" width="90" height="90">
                                                @else
                                                    <img src="{{asset('assets/backend/images/no-image.jpg')}}" loading="lazy" class="img-fluid" alt="profile pic" title="profile pic" width="90" height="90">
                                                @endif
                                            </a>
                                            <div class="performanceInfoData__wr">
                                                <span class="dateData__wr">{{date('dS. D, F, Y', strtotime($item->performance->start_date)) . " | " . date('h:i A', strtotime($item->performance->start_time))}}</span>
                                                @if($current_datetime >= $start_datetime && $current_datetime < $end_datetime)
                                                    <span class="statusData__wr">{{translate('Live')}}</span>
                                                @endif
                                            </div>
                                            <p class="performanceTitle__wr">
                                                <a href="{{route('performance.detail', $item->performance->id)}}">{{translate(ucwords($item->performance->title))}}</a>
                                            </p>
                                            <p class="artistGroup__wr">{{translate('Artist/Group:')}}<span class="labelTitle__wr">{{translate(ucwords($item->performance->artist_data->stage_name))}}</span></p>
                                            <p class="venueArea__wr">{{"Venue/Area:" . translate(ucwords($item->performance->venue_data->name))}}</p>
                                            <p>{{translate(ucwords(mb_strimwidth("Address: " .  $item->performance->venue_data->address, 0, 75, "......")))}}</p>
                                            @if(!empty($item->performance->description))
                                                <p class="mt-2">{{((mb_strimwidth($item->performance->description, 0, 90, "........")))}}</p>
                                            @else
                                                <p class="mt-2">{{translate('Description Not Available')}}</p>
                                            @endif
                                            <div class="itemFootWrap__wr">
                                                <p class="footText__wr">{{translate(ucwords($item->category->title . ', ' . $item->performance->artist_data->name . ', ' . $item->performance->artist_data->surname . ', ' . $item->performance->venue_data->name . ', ' . $item->performance->artist_data->stage_name))}}</p>
                                                <div class="footInfoData__wr">
                                                    <a href="javascript:void(0);" class="itemShare__wr">
                                                        <i class="fa-light fa-share-nodes"></i>
                                                    </a>
                                                    <a href="{{route('fav-performance.page', $item->performance->id)}}" value="{{$item->performance->id}}" class="itemFavourate__wr">
                                                        <i class="fa-light fa-heart"></i>
                                                    </a>
                                                    @if($item->performance->featured == 1)
                                                        <div class="itemFeatured__wr">{{translate('Featured')}}</div>
                                                    @endif
                                                    <div class="itemFollower__wr mx-2"><i class="fas fa-user"></i><span>526 k followers</span></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @endif
                            @empty
                                <div class="col-xl-12 mt-4 text-center">
                                    <div class="display-4">{{translate('Not Available')}}</div>
                                </div>
                        @endforelse
                    </div>
                </div>
            </form>
        </section>
    </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