<?php
    $spacingType = $block->color_scheme ? 'block-padding' : 'block-margin';
?>
<div class="mixed-media-v2 <?php echo e($spacingType); ?>-top--<?php echo e($block->margin_type_top); ?> <?php echo e($spacingType); ?>-bottom--<?php echo e($block->margin_type_bottom); ?> <?php echo e($block->invert ? 'mixed-media-v2--invert' : ''); ?> block-bg--<?php echo e($block->color_scheme); ?>" data-controller="blocks/mixed-media-v2">
    <?php if($block->anchor_id ): ?>
        <div id="<?php echo e($block->anchor_id); ?>" class="anchor-offset"></div>
    <?php endif; ?>
    <div class="mixed-media-v2__wrapper">
        <div class="mixed-media-v2__container">
            <div
                class="mixed-media-v2__media-container"
                <?php if($block->video && $block->video_embed): ?>
                    data-video="<?php echo e(base64_encode($block->video_embed)); ?>"
                    <?php if($block->image1): ?>
                        data-action="play"
                    <?php endif; ?>
                <?php endif; ?>
            >
                <?php if($block->video_embed || $block->video): ?>
                    <div class="mixed-media-v2__media-video">
                        <?php if($block->video_embed): ?>
                            <?php echo $block->video_embed; ?>

                        <?php else: ?>
                            <iframe src="<?php echo e(str_replace('http://', 'https://', $block->video)); ?>" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                        <?php endif; ?>
                    </div>
                    <?php if($block->image1): ?>
                        <span class="mixed-media-v2__play-button"></span>
                    <?php endif; ?>
                <?php endif; ?>

                <?php if($block->image1): ?>
                    <picture class="mixed-media-v2__image">
                        <?php if($block->image1->extension == 'gif'): ?>
                            <?php echo getMediaImg($block->image1, null, htmlentities($block->block_title)); ?>

                        <?php else: ?>
                            <?php if($block->image1Mobile): ?>
                                <source media="(max-width: 768px)" srcset="<?php echo e(getMediaUrl($block->image1Mobile->filename, '1145x700')); ?>.webp" type="image/webp">
                                <source media="(max-width: 768px)" srcset="<?php echo e(getMediaUrl($block->image1Mobile->filename, '1145x700')); ?>">
                            <?php else: ?>
                                <source media="(max-width: 768px)" srcset="<?php echo e(getMediaUrl($block->image1->filename, '1145x700')); ?>.webp" type="image/webp">
                                <source media="(max-width: 768px)" srcset="<?php echo e(getMediaUrl($block->image1->filename, '1145x700')); ?>">
                            <?php endif; ?>
                            <source srcset="<?php echo e(getMediaUrl($block->image1->filename, '1145x700')); ?>.webp" type="image/webp">
                            <?php echo getMediaImg($block->image1, '1145x700', htmlentities($block->block_title)); ?>

                        <?php endif; ?>
                    </picture>
                <?php endif; ?>
            </div>
            <div class="mixed-media-v2__info">
                <?php if($block->block_subject): ?>
                    <div class="mixed-media-v2__subject">
                        <?php echo co2_subscript(e($block->block_subject)); ?>
                    </div>
                <?php endif; ?>
                <?php echo $__env->make('frontend.components.heading-title', [
                    'title' => $block->block_title, 'heading_type' => $block->heading_type, 'class' => 'mixed-media-v2__title'
                ], array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
                <?php if($block->content): ?>
                    <div class="mixed-media-v2__content rich-content-system">
                        <?php echo $block->content; ?>

                    </div>
                <?php endif; ?>
                <?php if(!empty($block->cta1)): ?>
                    <div class="mixed-media-v2__cta"><?php echo generateLink($block->cta1, 'std-button std-button--large'); ?></div>
                <?php endif; ?>
            </div>
        </div>
    </div>
</div>
<?php /**PATH /var/www/html/resources/views/frontend/templates/blocks/mixed-media-v2.blade.php ENDPATH**/ ?>