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

<section class="page_breadcrumbs ds parallax section_padding_top_65 section_padding_bottom_65">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 text-center">
                <h2 class="highlight">Video</h2>
                <ol class="breadcrumb darklinks">
                    <li>
                        <a href="{{route('home')}}">
                            Home
                        </a>
                    </li>
                    <li class="active">Videos</li>
                </ol>
            </div>
        </div>
    </div>
</section>

<section class="ls page_portfolio section_padding_top_100 section_padding_bottom_75">
    <div class="container">
        <div class="row">
            @foreach($videos as $video)
                <div class="col-sm-4">
                    <div class="embed-responsive embed-responsive-3by2">
                        <iframe width="500" 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>
            @endforeach
        </div>
    </div>
</section>

@endsection