@php

if(isset($event_id)){
    $event=getter('event')->setLang(app()->getLocale())->condition('id',$event_id)->get();

}

@endphp
@extends('layouts.main',[
    'compact'=>'compact'
])
@if(isset($event) && isset($event->id))
@section('title')
    <title>{{$event->label}} | {{env('APP_NAME')}}</title>
@endsection

@section('content')
    <div class="section">
        <div class="content">
            <div class="section-title">
                {{$event->label}}
            </div>

        </div>


        <div class="section-body no-p ">

            <div class="event-details ">
                <div class="content">
{{--                    <div class="event-date">--}}
{{--                       {{date_format(date_create($event->created_at),'d-M-Y')}}--}}
{{--                    </div>--}}

                    <img class="event-main-banner" src="{{$event->banner->image}}" alt="">

                    <div class="event-title">
                        {!! $event->description !!}
                    </div>
                </div>

                @if(count($event->artists)>0)
                <div class="artists-section content">
                    <div class="section-title medium">
                    {{__('texts.artists')}}
                    </div>



                    <div class="artists-section-container">
                        @foreach($event->artists as $artist)
                        <div class="artists-section-artist">
                            <div class="artists-section-artist-header">
                                <div>
                                    <div class="title">
                                        @if(isset($artist->name))
                                        {{$artist->name}}
                                        @endif
                                    </div>
                                    <div class="job">

                                        @if(isset($artist->job))
                                        {{$artist->job}}
                                        @endif
                                    </div>
                                </div>
                                <div class="plus">@include('includes.plus')</div>
                            </div>
                            <div class="artists-section-artist-body">
                                @if(isset($artist->description))
                              {{$artist->description}}
                                    @endif
                            </div>
                        </div>
                        @endforeach
                    </div>


                </div>
                @endif
             @if(count($event->gallery))
                <div class="gallery-section ">
                    <div class="content section-title medium">
                        {{__('texts.gallery')}}
                    </div>

                    <div class="gallery-section-container">


                        <div class="gallery-slider owl-carousel" @if(app()->getLocale()=='ar')data-carousel-rtl="true" @else data-carousel-rtl="false" @endif>

                            @foreach($event->gallery as $gal)
                            <div class="slider-item">
                                <a class="caro" href="{{$gal->image}}" data-fancybox="gallery1"><img src="{{$gal->image}}" alt=""></a>
                            </div>


@endforeach
                        </div>


                    </div>


                </div>
                @endif
                @if(count($event->partners)>0)
                <div class="partners-section content">
                    <div class="section-title medium">
                        {{__('texts.partners')}}
                    </div>

                    <div class="partners-section-container">
                        @foreach($event->partners as $partner)

                        <div class="partners-section-partner">
                           <div>
                               <img src="{{env('DATA_URL').'/'.$partner->partner}}" alt="">
                           </div>
                        </div>
                        @endforeach
                    </div>


                </div>

                @endif

@if(isset($event->video))
                <div class="video-section content">
                    <div class="section-title medium">
                        {{__('texts.video')}}
                    </div>

                    <div class="video-section-container">

                        <div class="video-section-video">
                            <a class="center fancybox-media a-block-rel" href="{{$event->video}}">
                                <img class="yt-video-channel"
                                     src="https://i.ytimg.com/vi/{{substr(parse_url($event->video)['query'],2)}}/mqdefault.jpg">
                                <div class="play-size"> @include('includes.play')</div>
                            </a>
                        </div>
                        <div class="video-section-description">
                            {!! $event->video_description !!}
                        </div>


                    </div>


                </div>
@endif

            </div>


        </div>
    </div>
@endsection
@endif