@extends('layouts/full')

@section('title')
    {{$title}}
@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="TV" href="{{route('kijk.live')}}">TV</a></li>
        <li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
        <li>{{$title}}</li>
    </ul>
@endsection

@include('widgets.mediaplayer')

@section('content')
    @parent

    @if(false)
        <p>Wegens een technisch probleem is NH Gooi TV momenteel niet via Internet te bekijken. Onze excuses voor het
            ongemak.</p>
    @else
        <div width="50%" style="width:100%; position:relative;">
            <video width="640" height="360" style="max-width:100%; height:100%;" preload="auto" autoplay
                   controls="controls">
                <source src="{{$stream}}" type="application/x-mpegURL"/>
            </video>
        </div>
        <br/>
        <br/>
        <br/>
    @endif

@endsection