@extends('layouts.app')

@section('title','Video Library')

@section('content')
    <h2 class="mt-4 mb-3">Videos</h2>
    <div class="row g-4">
        @foreach($videos as $video)
            <div class="col-md-4">
                <div class="ratio ratio-16x9 mb-2">
                    <iframe src="{{ $video->url }}" title="{{ $video->title }}" allowfullscreen></iframe>
                </div>
                <h5>{{ $video->title }}</h5>
                <p class="small text-muted">{{ \Illuminate\Support\Str::limit($video->description, 100) }}</p>
            </div>
        @endforeach
    </div>
@endsection