<?php
    $data = $block->getMixedMedia();
    $spacingType = $block->color_scheme ? 'block-padding' : 'block-margin';
?>

<?php if(!empty($data)): ?>
    <div class="mixed-media-v3 <?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-v3--invert' : ''); ?> block-bg--<?php echo e($block->color_scheme ?: 'white'); ?>" data-controller="blocks/mixed-media-v3">
        <?php if($block->anchor_id): ?>
            <div id="<?php echo e($block->anchor_id); ?>" class="anchor-offset"></div>
        <?php endif; ?>
        <div class="mixed-media-v3__wrapper">
            <div class="mixed-media-v3__container">
                <div class="mixed-media-v3__media-container"
                    <?php if($block->video && $block->video_embed): ?>
                        data-video="<?php echo e(base64_encode($block->video_embed)); ?>"
                        data-action="play"
                    <?php endif; ?>
                >
                    <?php if($block->video_embed || $block->video): ?>
                        <div class="mixed-media-v3__media-video">
                            <?php echo $block->video_embed ?: '<iframe src="' . str_replace('http://', 'https://', $block->video) . '" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>'; ?>

                        </div>
                        <?php if($block->image1): ?>
                            <span class="mixed-media-v3__play-button" aria-label="Play video"></span>
                        <?php endif; ?>
                    <?php elseif($data->image): ?>
                        <picture class="mixed-media-v3__image">
                            <?php if($data->image->extension == 'gif'): ?>
                                <?php echo getMediaImg($data->image, null, htmlentities($data->title)); ?>

                            <?php else: ?>
                                <source media="(max-width: 768px)" srcset="<?php echo e(getMediaUrl($block->image1Mobile->filename ?? $data->image->filename, '880x642')); ?>.webp" type="image/webp">
                                <source media="(max-width: 768px)" srcset="<?php echo e(getMediaUrl($block->image1Mobile->filename ?? $data->image->filename, '880x642')); ?>">
                                <source srcset="<?php echo e(getMediaUrl($data->image->filename, '880x642')); ?>.webp" type="image/webp">
                                <?php echo getMediaImg($data->image, '880x642', htmlentities($data->title)); ?>

                            <?php endif; ?>
                        </picture>
                    <?php endif; ?>
                </div>
                <div class="mixed-media-v3__info">
                    <?php if($data->subject): ?>
                        <div class="mixed-media-v3__subject">
                            <?php echo co2_subscript(e($data->subject)); ?>
                        </div>
                    <?php endif; ?>
                    <?php echo $__env->make('frontend.components.heading-title', [
                        'title' => $data->title, 'heading_type' => $block->heading_type, 'class' => 'mixed-media-v3__title'
                    ], array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
                    <?php if($data->excerpt): ?>
                        <div class="mixed-media-v3__content rich-content-system"><?php echo $data->excerpt; ?></div>
                    <?php endif; ?>
                    <?php if(!empty($data->cta)): ?>
                        <div class="mixed-media-v3__cta"><?php echo generateLink($data->cta, 'std-button std-button--large'); ?></div>
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </div>
<?php endif; ?>
<?php /**PATH /var/www/html/resources/views/frontend/templates/blocks/mixed-media-v3.blade.php ENDPATH**/ ?>