@extends('layouts.layout')
@section('content')
 <section id="berita" style="margin-top: 100px;" class="py-5">
        <div class="container">  
            <div class="header-berita text-center">
                <h2 class="fw-bold">Video Kegiatan Bapenda Morut</h2>   
            </div> 
            <div class="row py-5" data-aos="flip-up">   
                @foreach ($videouser as $item)
                <div class="col-lg-4">
                    <div class="card border-0">   
                        
                        <iframe width="100%" height="215" src="https://www.youtube.com/embed/{{$item->youtube_code}}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
                            
                        <p class="fw-bold">{{$item->judul}}</p>
                    </div>   
                </div>
                @endforeach
            </div>
        </div>   
    </section>   

@endsection