@extends('layouts/sidebar')

@section('title') 
  Zondagsdienst
@endsection

@include('widgets/mediaplayer')

@section('content')
   @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>
 
     <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>
@endsection
