@extends('layouts.web')

@section('head-js')
    <script src="{{ asset('js/web/pages/video.js') }}" defer></script>
@endsection

@section('css')
    <link rel="stylesheet" href="{{ asset('css/web/pages/video.css') }}">
@endsection

@section('content')
    @include('web.components.layout.banner_pages', [
        'title' => 'Videos',
        'style' => 'background-image: url(' . asset('images/placeholder/web/banner-sobre.webp') . ')',
    ])

    @component('web.components.default.section', [
        'class' => 'video',
        'label' => 'Videos',
    ])
        @foreach ($videos as $video)
            <iframe class="video__playlist" width="855" height="568" src="{{ $video->url }}" title="Biopsia Próstata" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
        @endforeach
    @endcomponent
@endsection