@extends('frontend.layouts.app')
@section('title')
    {{translate('Artist & Venue')}}
@endsection
@section('content')
<div class="pageMainLayout__wr artistVenuePage">
	<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="artistVenueParentWrapSec__wr">
            <form class="parentSecWrapper__wr">
                <div class="artVenueSearchWrapSec__wr">
                    <form action="{{route('artist-venues.page')}}" method="GET">
                        <div class="formGridRowWrapp__wr">
                            <div class="formGrpWrap__wr serachbar__wr">
                                <input type="text" name="search" class="form-control" placeholder="e.g artist name, venue">
                            </div>
                            <div class="formGrpWrap__wr category__wr">
                                <select class="form-control" name="category">
                                    <option selected disabled>All Categories</option>
                                    @foreach ($categories as $item)
                                        <option value={{$item->id}} {{ request('category') == $item->id ? "selected" : "" }}>{{$item->title}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="formGrpWrap__wr btnParentWrap__wr">
                                <button class="serachBtn__wr" type="submit"><i class="bi bi-search"></i>{{translate('Search')}}</button>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="allArtVenueListPraentWrapSec__wr">
                    <div class="secTitleParent__wr rihtLine__wr">
                        <p class="secTitle__wr">{{translate('Artist & Venue')}}</p>
                    </div>
                    <ul class="secFilterParent__wr">
                        <a href="{{route('artist-venues.page')}}" @if(url()->full() == url('artist-venues')) class="active" @endif>
                            <span>{{translate('Show All')}}</span>
                        </a>
                        <a href="{{route('artist-venues.page', ['sort_by' => 'live'])}}" @if(url()->full() == url('artist-venues?sort_by=live')) class="active" @endif>
                            <span>{{translate('Live')}}</span>
                        </a>
                        <a href="{{route('artist-venues.page', ['sort_by' => 'venue'])}}" @if(url()->full() == url('artist-venues?sort_by=venue')) class="active" @endif>
                            <span>{{translate('Venue')}}</span>
                        </a>
                        <a href="{{route('artist-venues.page', ['sort_by' => 'nearby'])}}" @if(url()->full() == url('artist-venues?sort_by=nearby')) class="active" @endif>
                            <span>{{translate('Nearby')}}</span>
                        </a>
                        <a href="{{route('artist-venues.page', ['sort_by' => 'featured'])}}" @if(url()->full() == url('artist-venues?sort_by=featured')) class="active" @endif>
                            <span>{{translate('Featured')}}</span>
                        </a>
                    </ul>
                    <div class="gridRowWrapp__wr">
                        @foreach ($artist_venue as $item)
                            @if($item->getTable() == 'artist')
                                <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-12 mt-4">
                                    <div class="itemWrap__wr">
                                        <a href="{{route('artist.detail', $item->id)}}">
                                            <picture class="itemImage__wr">
                                                @if(!empty($item->image))
                                                    <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->name))}}</p>
                                                {{-- <span class="statusData__wr live__wr">Live</span> --}}
                                                <p>{{translate('ARTIST')}}</p>
                                            </div>
                                        </a>
                                    </div>
                                </div> 
                            @elseif($item->getTable() == 'venue')
                                <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-12 mt-4">
                                    <div class="itemWrap__wr">
                                        <a href="{{route('venue.detail', $item->id)}}">
                                            <picture class="itemImage__wr">
                                                @if(!empty($item->image))
                                                    <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>
                                    </div>
                                </div> 
                            @endif
                        @endforeach
                    </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