@extends('layouts.master')
@section('content')

     <div class="container pt-4">
         {{ Breadcrumbs::render('videos') }}
     </div>


    <div class="container-fluid py-4">
        <div class="row">
            <h2>Todos os vídeos</h2>
            @foreach ($videos as $video)
                <div class="col-3 mb-5 mt-5">
                    <div class="ratio ratio-16x9">
                        <iframe
                            src="{{ \App\Helpers\VideoHelper::youtubeToEmbed($video->url) }}?iv_load_policy=3&modestbranding=1"
                            allowfullscreen allow="autoplay; encrypted-media">
                        </iframe>
                    </div>
                </div>
                <div class="col-3 mb-5 mt-5">
                    <p><b>Informações dos vídeos</b></p>
                    Título: {{ $video->title }}
                    <hr>
                    Legenda: {{ $video->caption }}
                    <hr>
                    Data: {{ $video->created_at->format('Y/m/d') }}
                    <hr>
                </div>
            @endforeach
        </div>
    </div>
    <div class="mb-5 mt-5 text-center">
        {{ $videos->links() }}
    </div>
@endsection