@extends('frontend.layouts.master')
@section('title') Videos @endsection
@section('main-content')
@include('frontend.layouts.notification')

<!-- Start Page Title Area -->
<div class="page-title-area">
    <div class="d-table">
        <div class="d-table-cell">
            <div class="container">
                <div class="page-title-content">
                    <h2>Videos</h2>
                    <ul>
                        <li><a href="{{route('home')}}">Home</a></li>
                        <li>Videos</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Page Title Area -->

<!-- Start Blog Area -->
<section class="blog-section pt-100 pb-100">
    <div class="container">
        <div class="row">
            @foreach($videos as $video)
            
                <div class="col-lg-4 col-md-6 col-sm-6">
                    <div class="single-blog">
                        <div class="">
                            <iframe width="300" height="200" 
                                src="{{$video->link}}" 
                                title="{{$video->title}}" 
                                frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
                                allowfullscreen>
                            </iframe>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
</section>
<!-- End Blog Area -->

@endsection