@extends('layouts/sidebar')

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

@section('page_class')
    grey_background page_container
@endsection
@section('site_container_class')
    grey_background
@endsection

@section('breadcrumb')
    <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="Radioprogrammering" href="{{route('radio.gids')}}">Radioprogrammering</a></li>
        <li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
        <li>Programma-informatie</li>
    </ul>
@endsection

@section('content')
    <p class="page_body">{!!$program->description!!}</p>
@endsection

@section('sidebar')
    @php($now = new \DateTimeImmutable())
    <div id="komende_uitzendingen">
        <h4 class="box_header small"><span>Komende week</span></h4>
        @if(($next = $program->next) && count($next))
            <div class="box full-width">
                <ul class="blog podcasts">
                    @foreach($next as $n)
                        <li class="post">
                            <p class="post_details simple">
                                <span class="post_title">{{$n->name}}</span>
                                @if($n->starts < $now)
                                    <span class="post_date" title="Nu te horen tot {{$n->ends->format('H:i')}} uur.">
                                        <i class="fa-regular fa-clock"></i> Nu te horen tot {{$n->ends->format('H:i')}} uur.
                                    </span> <br/>
                                    <a href="{{ $player = route('luister.live') }}" target="_radioplayer"
                                       class="action_button"
                                       onclick="window.open('{{$player}}', '_radioplayer','width=400,height=400'); return false;"><span
                                                class="fa fa-play"></span> <span>Luister live</span></a>
                                    @break
                                @else
                                    <span class="post_date"
                                          title="{{ Formatter::relativeDate( $n->starts, 'W d m' ) }} om {{ $n->starts->format('H:i') }} uur.">
                                        <i class="fa-regular fa-clock"></i> {{ Formatter::relativeDate( $n->starts, 'W d m' ) }} om {{ $n->starts->format('H:i') }} uur.
                                    </span>
                                @endif
                            </p>
                        </li>
                    @endforeach
                </ul>
            </div>
        @else
            <p class="page_body">Er staat komende week geen uitzending van {{$program->name}} gepland.</p>
        @endif
    </div>

    <div class="clearfix"></div>
    <h4 class="box_header"><span>Terugluisteren</span></h4>
    <div data-tabs>
        <div class="tabs">
            <h4 data-tab-content-id="tab_broadcast" class="box_header flex-grow-1 small active">
                <span>Uitzending</span></h4>
            <h4 data-tab-content-id="tab_fragments" class="box_header small"><span>Fragmenten</span></h4>
        </div>
        <div id="tab_broadcast" class="box tab_content active">
            <p class="page_body">U kunt uitzendingen tot twee weken geleden terugluisteren. <a href="#fragmenten">Fragmenten</a>
                blijven
                onbeperkt beschikbaar.</p>

            @if(($recent = $program->recent) && count($recent))
                <ul class="blog podcasts">
                    @foreach($recent as $r)
                        @php($duration = $r->ends->diff($r->starts)->h)
                        <li class="post">
                            <p class="post_details simple">
                                <span class="post_title">{{$r->name}}</span>
                                <span class="post_date"
                                      title="{{ Formatter::relativeDate( $r->starts, 'W d m' ) }} om {{ $r->starts->format('H:i') }} uur.">
                                    <i class="fa-regular fa-clock"></i> {{ Formatter::relativeDate( $r->starts, 'W d m' ) }} om {{ $r->starts->format('H:i') }} uur.
                                </span>
                                @if($r->rerun || $r->nonstop)
                                    <span title="U kunt geen herhalingen en non-stopuitzendingen terugluisteren."><span
                                                class="action_button disabled"><span class="fa fa-play"></span> <span>Luister terug</span></a>
								@else
                                                <a href="{{$url = route('luister.programma') . '/' . $r->starts->format('Y/m/d/H') . '/' . $duration}}"
                                                   class="action_button player"><span class="fa fa-play"></span> <span>Luister terug</span></a>
                                @endif
                            </p>
                        </li>
                    @endforeach
                </ul>
            @endif
        </div>
        <div id="tab_fragments" class="box tab_content">
            <div class="clearfix"></div>
            <p class="page_body">Fragmenten uit dit programma, zoals interviews, vindt u onder "Radio &ndash; Fragment
                gemist".</p>
            <p>
                <a href="{{ route('gemist.programma') . $program->url }}" class="action_button">
                    <span class="fa fa-list"></span>
                    <span>Bekijk alle fragmenten</span>
                </a>
            </p>
        </div>
    </div>

    <div id="contact">
        @if($program->email)
            <div class="box">
                <h4 class="box_header page_margin_top_section">Contact</h4>
                <p>
                    <a href="mailto:{{$program->email}}@nhgooi.nl" class="action_button">
                        <span class="fa fa-envelope"></span>
                        <span>{{$program->email}}@nhgooi.nl</a>
                    </a>
                </p>
            </div>
        @endif
    </div>

    @if(($hosts = $program->hosts) && count($hosts))
        <div id="host" class="box">
            <ul class="list">
                @foreach($hosts as $host)
                    <li><i class="fa-solid fa-user-tie"></i> {{ $host->name }}</li>
                @endforeach
            </ul>
        </div>
        @endif
        </div><!--./left_content-->
        </div><!--./col-->
        </div><!--./row-->
        </div><!--./row-->
        @endsection