@extends('layouts.app')
@section('content')

@section('content')
<div class="container">
    <div class="box-titulo-padrao titulo-internas">
        <h1><span class="traco-titulo">Galeria de Vídeos </span></h1>
      </div>
    <div class="row">
        @foreach(['https://www.youtube.com/watch?v=SjwZYCF8YGw', 'https://www.youtube.com/watch?v=NkssIK52T-c', 'https://www.youtube.com/watch?v=cg1LHNWcVQs','https://www.youtube.com/watch?v=GOpvvKcsPh8', 'https://www.youtube.com/watch?v=5Kp1GWJSmr0', 'https://www.youtube.com/watch?v=-719ZG7STqg', 'https://www.youtube.com/watch?v=0_YDkKkT_fE', 'https://www.youtube.com/watch?v=cdTIbfOKnsk','https://www.youtube.com/watch?v=zaxfrgR6re4', ] as $video)
        <div class="col-md-6">
            <div class="card mb-3">
                <div class="card-body">
                                        <iframe width="100%" height="315" src="https://www.youtube.com/embed/{{ $videoId }}" frameborder="0" allowfullscreen></iframe>
                </div>
            </div>
        </div>
        @endforeach
    </div>
</div>
@endsection