<div class="tabs-block <?php echo e($block->white_grid ? 'tabs-block--background-white' : ''); ?> block-margin-top--<?php echo e($block->margin_type_top); ?> block-margin-bottom--<?php echo e($block->margin_type_bottom); ?>" data-controller="blocks/tabs-block">
    <?php if($block->anchor_id ): ?>
        <div id="<?php echo e($block->anchor_id); ?>" class="anchor-offset"></div>
    <?php endif; ?>
    <div class="tabs-block__wrapper">
        <div class="tabs-block__content">
            <?php if($block->block_title): ?>
                <div class="tabs-block__header">
                    <h2><?php echo co2_subscript(e($block->block_title)); ?></h2>
                </div>
            <?php endif; ?>
            <div class="tabs-block__tab-control swiper swiper-container" data-role="slider">
                <ul class="swiper-wrapper">
                    <?php $__currentLoopData = $block->cards; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $card): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <li class="swiper-slide">
                            <a
                                href="#"
                                class="<?php echo e($loop->first ? 'js-active' : ''); ?>"
                                data-tab="<?php echo e($loop->iteration); ?>"
                                data-action="select-tab"
                            ><?php echo co2_subscript(e($card->title)); ?></a>
                        </li>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </ul>
                <button class="tabs-block__nav-prev" data-action="prev"></button>
                <button class="tabs-block__nav-next" data-action="next"></button>
            </div>
            <div class="tabs-block__view" data-role="view">
                <?php $__currentLoopData = $block->cards; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $card): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="tabs-block__card <?php echo e($loop->first ? 'js-active' : ''); ?> <?php echo e(empty($card->image) ? 'tabs-block--no-image' : ''); ?>" data-tab-content="<?php echo e($loop->iteration); ?>">
                        <?php if($card->image): ?>
                            <div class="tabs-block__card-image">
                                <picture>
                                    <source srcset="<?php echo e(getMediaUrl($card->image->filename, '600x')); ?>.webp" type="image/webp">
                                    <?php echo getMediaImg($card->image, '600x', htmlentities($card->title)); ?>

                                </picture>
                            </div>
                        <?php endif; ?>
                        <div class="tabs-block__card-text">
                            <?php if($card->subject): ?>
                                <h3><?php echo e($card->subject); ?></h3>
                            <?php endif; ?>
                            <?php if($card->content): ?>
                                <div class="rich-content">
                                    <?php echo $card->content; ?>

                                </div>
                            <?php endif; ?>
                            <?php echo generateLink($card->cta, 'std-button std-button--orange'); ?>

                        </div>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
        </div>
    </div>
</div>
<?php /**PATH /var/www/html/resources/views/frontend/templates/blocks/tabs-block.blade.php ENDPATH**/ ?>