@extends('layouts/sidebar')

@section('title')
  {{$event->title}}
@endsection

@section('page_class')
	news_post post_container breadcrumb_no_border
@endsection

@section('breadcrumb_top')
	<ul class="bread_crumb">
		<li><a title="Home" href="/">Home</a></li>
		<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
		<li><a title="Streekagenda" href="{{route('agenda')}}">Streekagenda</a></li>
		<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
		<li>Details</li>
	</ul>
@endsection

@section('content')

<div class="post_body">
	<div class="post single small_image">
		<ul class="post_details clearfix">
			@if($event->region)
				<li class="detail category"><i class="fa-solid fa-location-dot"></i> <a title="{{$event->region}}">{{$event->region}}</a></li>
			@endif
			<li class="detail date">
				<i class="fa-regular fa-clock"></i>
				{{Formatter::relativeDate($event->starts, 'W d m y?')}}
				@if($event->ends && $event->starts != $event->ends)
					t/m {{Formatter::relativeDate($event->ends, 'd m y?')}}
				@endif
			</li>
		</ul>


		@if($event->podcast)
			@include('widgets/mediaplayer')
			<div class="announcement">
				<div>
					<audio controls>
					<source src="{{ $url = url( $apiUrl . 'podcast/stream/' . $event->podcast->url . "?auth=" . $event->podcast->auth )}}" type="audio/mpeg" />
					</audio>
				</div>
				<ul class="post_details clearfix">
					<li class="detail date">
						<i class="fa-regular fa-clock"></i>
							{{ Formatter::relativeDate($event->podcast->created) }} uitgezonden
							@if($event->podcast->program) in <a href="{{ route('programma') . $event->podcast->program->url }}">{{ $event->podcast->program->name }}</a> @endif
					</li>
					<li class="detail category">
						<a href="{{ route('gemist.fragment') . $event->podcast->url }}">
							<span class="fa "></span>
							<span>Meer over dit fragment</span>
						</a>
					</li>
				</ul>
			</div>
		@endif

		<div class="post_content clearfix" style="margin-top: 20px;">
			<div class="content_box">
				@if($event->images)
					@if(count($event->images) == 1)
					<div class="post_image_box">
						<a href="{{$imgBase . $event->images[0]->url}}" class="post_image prettyPhoto" rel="prettyPhoto" title="{{$event->images[0]->title}}">
							<img src='{{$imgBase . $event->images[0]->url}}' alt='{{$event->images[0]->title}}'>
						</a>
						<div class="sentence">
							<span class="text">{{$event->images[0]->title}}</span>
							@if(isset($event->images[0]->author))
								<span class="author">{{$event->images[0]->author}}</span>
							@endif
						</div>
					</div>
					@else
					<div class="horizontal_carousel_container thin page_margin_top gallery_control">
						<ul class="horizontal_carousel control-for-post-gallery visible-5 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
							@foreach($event->images as $image)
							<li>
								<a href="#"><img src='{{$imgBase . $image->url}}'></a>
							</li>
							@endforeach
						</ul>
					</div>
					<div id="control-by-post-gallery" class="horizontal_carousel_container big margin_top_10">
						<ul id="post-gallery" class="horizontal_carousel visible-1 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
						@foreach($event->images as $image)
							<li>
								<a href="{{$imgBase . $image->url}}" data-rel="gallery" title="{{$image->title}}">
									<span class="icon fullscreen animated"></span>
									<img src='{{$imgBase . $image->url}}' alt='{{$image->title}}'>
								</a>
							</li>
						</ul>
						@endforeach
					</div>
					@endif
				@endif

				@if(is_array($event->content))
					@include('partial/nh_story', ['content' => $event->content]);
				@else
				<div class="text">
					<p>{!!$event->content!!}</p>
				</div>
				@endif

				{{--
				@include('widgets/share')
				--}}
			</div>
		</div>
	</div>
</div>


@endsection