@extends('web.layouts.layout')

@section('content')
<section class="videos section-padding">
    <div class="container">
        <div class="row">
            @foreach($videos as $video)
            <div class="col-lg-4">
                <div class="items">
                    <div class="img">
                        @if($video['type'] == 2)
                            <video width="100%" height="250" src="{{ asset($video['video']) }}" type="video/mp4" controls></video>
                        @else
                            <iframe width="100%" height="250" src="{{ $video['video'] }}" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                        @endif
                    </div>
                    <h3><a >{{ $video->currentDescription->title }}</a></h3>
                </div>
            </div>
            @endforeach
        </div>

        @if( count( $videos ) && $videos->hasPages() )
            <div class="text-center"> {{ $videos->links() }} </div>
        @endif
    </div>
</section>
@endsection

@section('content_js')

@endsection
