<div class="video-content-v2 block-margin-top--{{ $block->margin_type_top }} block-margin-bottom--{{$block->margin_type_bottom}}" data-controller="blocks/video-content-v2">
    @if ($block->anchor_id )
        <div id="{{ $block->anchor_id }}" class="anchor-offset"></div>
    @endif
    <div class="video-content-v2__wrapper">
        <div class="video-content-v2__container">
            <div class="video-content-v2__background {{ $block->bg_color }}"></div>
            @if(($block->video_embed || $block->video))
                <div class="video-content-v2__media-container"
                    @if ($block->video && $block->video_embed)
                        data-video="{{ base64_encode($block->video_embed) }}"
                        data-action="play"
                    @endif
                >
                    @if($block->video_embed || $block->video)
                        <div class="video-content-v2__media-video">
                            @if($block->video_embed)
                                {!! $block->video_embed !!}
                            @else
                                <iframe src="{{ str_replace('http://', 'https://', $block->video) }}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                            @endif
                        </div>
                    @endif

                    @if($block->image1)
                        <picture class="video-content-v2__image">
                            @if($block->image1Mobile)
                                <source media="(max-width: 768px)" srcset="{{ getMediaUrl($block->image1Mobile->filename, '1145x700') }}.webp" type="image/webp">
                                <source media="(max-width: 768px)" srcset="{{ getMediaUrl($block->image1Mobile->filename, '1145x700') }}">
                            @else
                                <source media="(max-width: 768px)" srcset="{{ getMediaUrl($block->image1->filename, '1145x700') }}.webp" type="image/webp">
                                <source media="(max-width: 768px)" srcset="{{ getMediaUrl($block->image1->filename, '1145x700') }}">
                            @endif
                            <source srcset="{{ getMediaUrl($block->image1->filename, '1145x700') }}.webp" type="image/webp">
                            {!! getMediaImg($block->image1, '1145x700') !!}
                        </picture>
                    @endif

                    <div class="video-content-v2__background-media {{ $block->bg_color }}">
                        <span class="video-content-v2__play-button"></span>
                    </div>
                </div>
            @endif
            <div class="video-content-v2__info {{ $block->bg_color }}">
                @if($block->block_title)
                    <h2 class="video-content-v2__title">
                        {{ $block->block_title }}
                    </h2>
                @endif
                @if($block->content)
                    <div class="video-content-v2__content rich-content-system">
                        {!! $block->content !!}
                    </div>
                @endif
                @if (!empty($block->cta1))
                    <div class="video-content-v2__cta">
                        {!! generateLink($block->cta1, 'std-button std-button--large alt-color') !!}
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>
