@extends('layouts/sidebar')

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

@section('breadcrumb')
	<ul class="bread_crumb">
		<li><a title="Regio-agenda" href="{{route('agenda')}}">Regio-agenda</a></li>
		<li class="separator icon_small_arrow right_gray">&nbsp;</li>
		<li>Details</li>
	</ul>
@endsection 

@section('content')

<div class="row">
	<div class="post single small_image">
		<ul class="post_details clearfix">
			<li class="detail date">		
				{{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>
			@if($event->region && $event->region != "Regio")
			<li class="detail category">Regio {{$event->region}}</a></li>
			@endif
		</ul>


		@if($event->podcast)
			@include('widgets/mediaplayer')
			<div class="announcement">
				<div>
					<audio controls>
					<source src="{{ $url = url( $apiUrl . 'podcast/download/' . $event->podcast->url . "?auth=" . $event->podcast->auth )}}" type="audio/mpeg" /> 
					</audio>
				</div>
				<ul class="post_details clearfix">
					<li class="detail date">
							{{ 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 page_margin_top clearfix">
			<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


