@extends('page')

@section('title') 
  Zondagsdienst
@endsection

@include('_mediaplayer')

@section('content')
<div class="page_layout">
	<div class="page_margin_top">
		<h1>Zondagsdienst</h1>
	</div>
	<div class="clearfix">
       @if($kerkdienst->isRunning)
         <p class="intro"><strong>
         Vandaag wordt een dienst uitgezonden @if($kerkdienst->previous->name) vanuit de {{$kerkdienst->previous->name}}@endif.
         Aanvang: {{$kerkdienst->previous->start->format('H:i')}} uur.
         </strong></p>
         @else
         <p>
         De kerkdienst van {{Formatter::fullDate($kerkdienst->previous->start, 'd m')}} werd uitgezonden @if($kerkdienst->previous->name) vanuit de {{$kerkdienst->previous->name}}@endif.
         </p>
         <p>
         <audio controls>
           <source src="{{ url( $apiUrl . 'kerkdienst/download' ) }}" type="audio/mpeg" /> 
         </audio>
         </p>
         <p>
         <a href="{{$url = url('kerkdienst/luister')}}" target="_radioplayer" class="action_button" onclick="window.open('{{$url}}', '_radioplayer','width=400,height=400'); return false;"><span class="fa fa-external-link-alt"></span> <span>Luister in nieuw venster</span></a>
         <a href="{{$url = url($apiUrl . 'kerkdienst/download')}}" class="action_button"><span class="fa fa-download"></span> <span>Download als MP3</span></a>
         </p>
     </div>
 	 <div>
         <h3 class="page_margin_top">Volgende dienst</h3>
         <p>
         De eerstvolgende dienst wordt uitgezonden 
         op <strong>{{Formatter::fullDate($kerkdienst->next->start, 'd m')}} om {{$kerkdienst->next->start->format('H:i')}} uur</strong>
         @if($kerkdienst->next->name) vanuit de {{$kerkdienst->next->name}}@endif.
         </p>
       @endif
       <p>
       Zondagochtend van 9:00 tot 12:00 uur kunt u live meeluisteren naar het programma Kerk &amp; Samenleving via de link  
		<a href="{{$live = url('luister/live')}}" target="_radioplayer" class="" onclick="window.open('{{$live}}', '_radioplayer','width=400,height=400'); return false;"><span class="fa fa-play"></span> <span>Luister live</span></a>.
       </p>
       <p>
       Vanaf {{$kerkdienst->isRunning ? "vanmiddag" : "zondagmiddag" }} 12:00 uur is de dienst op deze pagina terug te luisteren.
       </p>
		</div>
	</div>
</div>
@endsection