@extends('layouts.app')

@section('meta_title', $video->title.' - '.config('app.name'))
@section('meta_description', \Illuminate\Support\Str::limit(strip_tags((string) $video->description), 155))
@section('canonical', route('video.show', $video->slug))
@section('og_image', $video->thumbnail ?: asset('default-thumbnail.jpg'))

@push('head')
<script type="application/ld+json">
{!! json_encode([
    '@context' => 'https://schema.org',
    '@type' => 'VideoObject',
    'name' => $video->title,
    'description' => strip_tags((string) $video->description),
    'thumbnailUrl' => [$video->thumbnail],
    'uploadDate' => optional($video->published_at)->toAtomString(),
    'duration' => 'PT'.max(1, (int) $video->duration).'S',
    'contentUrl' => $video->video_type === 'self' ? $video->video_url : null,
    'embedUrl' => $video->video_type === 'embed' ? $video->video_url : null,
], JSON_UNESCAPED_SLASHES|JSON_UNESCAPED_UNICODE) !!}
</script>
<script type="application/ld+json">
{!! json_encode([
    '@context' => 'https://schema.org',
    '@type' => 'BreadcrumbList',
    'itemListElement' => [
        [
            '@type' => 'ListItem',
            'position' => 1,
            'name' => 'Home',
            'item' => route('home'),
        ],
        [
            '@type' => 'ListItem',
            'position' => 2,
            'name' => optional($video->category)->name ?: 'Category',
            'item' => $video->category ? route('category.show', $video->category->slug) : route('home'),
        ],
        [
            '@type' => 'ListItem',
            'position' => 3,
            'name' => $video->title,
            'item' => route('video.show', $video->slug),
        ],
    ],
], JSON_UNESCAPED_SLASHES|JSON_UNESCAPED_UNICODE) !!}
</script>
@endpush

@section('content')
    <article>
        <h2>{{ $video->title }}</h2>

        @if($video->video_type === 'self')
            <video controls preload="metadata" poster="{{ $video->thumbnail }}" width="100%">
                <source src="{{ $video->video_url }}" type="video/mp4">
            </video>
        @else
            <div>{!! $video->embed_code ?: $video->video_url !!}</div>
        @endif

        <p>{{ $video->description }}</p>

        @if($video->category)
            <p>Kategori: <a href="{{ route('category.show', $video->category->slug) }}">{{ $video->category->name }}</a></p>
        @endif

        <p>Views: {{ number_format($video->views) }}</p>
    </article>

    <section>
        <h3>Related Videos</h3>
        @foreach($relatedVideos as $related)
            <article>
                <a href="{{ route('video.show', $related->slug) }}">{{ $related->title }}</a>
            </article>
        @endforeach
    </section>
@endsection