@extends('layouts.app')
@section('title', 'Video Gallery | Serengeti Anti-Poaching Run')
@section('description', 'Watch videos from the Serengeti Anti-Poaching Run and the Serengeti ecosystem.')
@section('content')
@include('partials.pagehead', ['h1' => __('Video gallery')])
<section class="sec"><div class="wrap"><div class="grid g3">@forelse($items as $v)@php preg_match('~(?:youtu\.be/|v=|embed/)([\w-]{11})~', $v->url, $m); @endphp<article class="card" style="padding:12px">@if(!empty($m[1]))<a href="https://www.youtube.com/watch?v={{ $m[1] }}" target="_blank" rel="noopener"><img src="https://i.ytimg.com/vi/{{ $m[1] }}/hqdefault.jpg" alt="{{ $v->title }}" width="480" height="360" loading="lazy" style="width:100%;height:auto;border-radius:10px"></a>@else<video controls preload="none" src="{{ $v->url }}" style="width:100%"></video>@endif<h3 style="margin-top:10px">{{ $v->title }}</h3></article>@empty<p>Videos coming soon.</p>@endforelse</div></div></section>
@endsection