<div class="tabs-vertical <?php echo e($block->white_grid ? 'tabs-vertical--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-vertical">
    <?php if($block->anchor_id ): ?>
        <div id="<?php echo e($block->anchor_id); ?>" class="anchor-offset"></div>
    <?php endif; ?>
    <div class="tabs-vertical__wrapper">
        <div class="tabs-vertical__content">
            <?php if($block->block_title): ?>
                <div class="tabs-vertical__header">
                    <h2><?php echo e($block->block_title); ?></h2>
                </div>
            <?php endif; ?>
            <div class="tabs-vertical__tab-container">
                <div class="tabs-vertical__tab-control tabs-vertical__tab-control--desktop">
                    <ul>
                        <?php $__currentLoopData = $block->cards; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $card): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <li>
                                <a
                                    href="#"
                                    class="<?php echo e($loop->first ? 'js-active' : ''); ?>"
                                    data-tab="<?php echo e($loop->iteration); ?>"
                                    data-action="select-tab"
                                ><?php echo e($card->title); ?></a>
                            </li>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </ul>
                </div>
                <div class="tabs-vertical__tab-control tabs-vertical__tab-control--mobile swiper" 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-mobile="<?php echo e($loop->iteration); ?>"
                                    data-action="select-tab"
                                ><?php echo e($card->title); ?></a>
                            </li>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </ul>
                    <button class="tabs-vertical__nav-prev"/>
                    <button class="tabs-vertical__nav-next"/>
                </div>
                <div class="tabs-vertical__view" data-role="view">
                    <?php $__currentLoopData = $block->cards; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $card): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <div class="tabs-vertical__card <?php echo e($loop->first ? 'js-active' : ''); ?>" data-tab-content="<?php echo e($loop->iteration); ?>">
                            <?php if($card->image): ?>
                                <div class="tabs-vertical__card-image">
                                    <picture>
                                        <source srcset="<?php echo e(getMediaUrl($card->image->filename, '1145x700')); ?>.webp" type="image/webp">
                                        <?php echo getMediaImg($card->image, '1145x700', htmlentities($card->title)); ?>

                                    </picture>
                                </div>
                            <?php endif; ?>
                            <div class="tabs-vertical__card-text">
                                <?php if($card->subject): ?>
                                    <h3><?php echo e($card->subject); ?></h3>
                                <?php endif; ?>
                                <?php if($card->content): ?>
                                    <div class="rich-content-system">
                                        <?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>
</div>
<?php /**PATH /var/www/html-staging/resources/views/frontend/templates/blocks/tabs-vertical.blade.php ENDPATH**/ ?>