<div class="timeline block-margin-top--<?php echo e($block->margin_type_top); ?> block-margin-bottom--<?php echo e($block->margin_type_bottom); ?>" data-controller="blocks/timeline" data-aos="fade-up" data-aos-delay="500" data-aos-once="true">
    <?php if($block->anchor_id ): ?>
        <div id="<?php echo e($block->anchor_id); ?>" class="anchor-offset"></div>
    <?php endif; ?>
    <div class="timeline__container-image timeline--mobile">
        <?php $__currentLoopData = $block->blockTimelineItems; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $i => $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <div class="timeline__image" data-role="slide-mobile" data-id="<?php echo e($i ?? ""); ?>">
                <picture>
                    <source srcset="<?php echo e(getMediaUrl($item->mediaItem->filename, '800x500')); ?>.webp" type="image/webp">
                    <?php echo getMediaImg($item->mediaItem, '800x500', htmlentities($item->title)); ?>

                </picture>
            </div>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        <div class="timeline__image-overlay"></div>
        <a href="#" class="timeline__play-button timeline__play-button-mobile" data-action="play"></a>
    </div>

    <div class="timeline__box">
        <div class="timeline__wrapper">
            <div class="timeline__container timeline--mobile">
                <h3 class="timeline__title"><?php echo co2_subscript(e($block->block_title)); ?></h3>

                <div class="timeline__navigation-mobile" data-role="nav-mobile">
                    <div class="timeline__prev" data-action="prev-mobile">
                        <?php echo $__env->make('frontend.svg.icon-arrow-white-down', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                    </div>
                    <div class="timeline__next" data-action="next-mobile">
                        <?php echo $__env->make('frontend.svg.icon-arrow-white-down', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                    </div>
                </div>
            </div>

            <div>
                <?php echo $__env->make('frontend.templates.components.timeline-nav-mobile', ['items' => $block->blockTimelineItems], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
            </div>

            <div class="timeline__container">
                <div class="timeline__content" data-role="slider">
                    <?php $__currentLoopData = $block->blockTimelineItems; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $i => $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <div
                            class="timeline__item"
                            data-role="slide"
                            data-id="<?php echo e($i ?? ""); ?>"
                            data-video="<?php echo e(($item->video && $item->video_embed) ? base64_encode($item->video_embed) : ''); ?>"
                        >
                            <div class="timeline__left animate animate__fadeInLeft">
                                <picture>
                                    <source srcset="<?php echo e(getMediaUrl($item->mediaItem->filename, '800x500')); ?>.webp" type="image/webp">
                                    <?php echo getMediaImg($item->mediaItem, '800x500', htmlentities($item->title)); ?>

                                </picture>
                            </div>
                            <div class="timeline__right animate animate__fadeInRight">
                                <div class="timeline__text">
                                    <h3 data-role="timeline-title" class="timeline__title timeline--desktop"><?php echo e($block->block_title); ?></h3>
                                    <span data-role="title-position"></span>
                                    <h2><?php echo e($item->title); ?></h2>
                                    <?php echo $item->content; ?>

                                </div>
                            </div>
                        </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
                <a href="#" class="timeline__play-button" data-action="play"></a>
            </div>
            <div>
                <?php echo $__env->make('frontend.templates.components.timeline-nav', ['items' => $block->blockTimelineItems], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
            </div>
        </div>
    </div>
</div>
<?php /**PATH /var/www/html-staging/resources/views/frontend/templates/blocks/timeline.blade.php ENDPATH**/ ?>