@extends('frontend.layouts.main')

@section('content')
<section class="intro-hero">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <h2 class="text-center">Latest Videos</h2>
            </div>
        </div>
    </div>
</section>

<section class="latest-video-section mt-3 mb-3">
    <div class="container">
        <div class="row">
            @foreach($video_list as $video)
            <div class="col-lg-4">
                <iframe width="415" height="300" src="https://www.youtube.com/embed/{!! $video->link !!}"
                    title={{ $video->title }}
                    frameborder="0"
                    allowfullscreen></iframe>
            </div>
            @endforeach
            <div class="col-md-12 mt-5 d-flex justify-content-center">
                {{$video_list->links('pagination::bootstrap-4')}}
            </div>
        </div>
    </div>
</section>
@endsection