@extends('layouts.public')
@section('title', $video->title)
@section('meta_description', \Illuminate\Support\Str::limit(strip_tags($video->description ?? ''), 155))
@section('og_type', 'video.other')
@if ($video->thumbnail)
@section('og_image', Storage::url($video->thumbnail))
@endif

@section('content')
@include('public._breadcrumb', ['items' => [['label' => 'الفيديوهات', 'url' => '/videos'], ['label' => $video->title]]])
<h1 class="text-2xl font-bold mb-2">{{ $video->title }}</h1>
@include('public._share-buttons', ['shareTitle' => $video->title])

<div class="my-4" style="position:relative; padding-bottom:56.25%; height:0; overflow:hidden;">
    <iframe src="{{ $video->embedUrl() }}" style="position:absolute; top:0; right:0; width:100%; height:100%;" frameborder="0" allowfullscreen></iframe>
</div>

@if ($video->description)
<div class="prose max-w-none mt-4">{{ $video->description }}</div>
@endif
@endsection