<div data-controller="blocks/projects-detail-slider">
    <div
        class="projects-detail-slider block-margin-top--<?php echo e($block->margin_type_top); ?> block-margin-bottom--<?php echo e($block->margin_type_bottom); ?>"
        data-aos="fade-up" data-aos-once="true" data-aos-delay="500">
        <?php if($block->anchor_id ): ?>
            <div id="<?php echo e($block->anchor_id); ?>" class="anchor-offset"></div>
        <?php endif; ?>
        <div class="projects-detail-slider__wrapper">
            <div class="projects-detail-slider__container">
                <div class="projects-detail-slider__slider swiper swiper-container projects-detail-slider--hide" data-role="slider">
                    <div class="projects-detail-slider__background"></div>
                    <div class="projects-detail-slider__slider-wrapper swiper-wrapper">
                        <?php $__currentLoopData = $slides; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $i => $image): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <div class="swiper-slide projects-detail-slider__slide" data-role="slide">
                                <div class="projects-detail-slider__slide-image" data-action="lightbox" data-id="<?php echo e($i ?? ""); ?>">
                                    <picture>
                                        <source media="(min-width: 768px)" srcset="<?php echo e(getMediaUrl($image->mediaItem->filename, '1560x1030')); ?>.webp" type="image/webp">
                                        <source media="(min-width: 768px)" srcset="<?php echo e(getMediaUrl($image->mediaItem->filename, '1560x1030')); ?>">
                                        <source srcset="<?php echo e(getMediaUrl($image->mediaItem->filename, '780x520')); ?>.webp" type="image/webp">
                                        <?php echo getMediaImg($image->mediaItem, '780x520', htmlentities($image->caption)); ?>

                                    </picture>

                                    <?php if($image->credits): ?>
                                        <div class="projects-detail-slider__credits">
                                            Image credit: <?php echo e($image->credits); ?>

                                        </div>
                                    <?php endif; ?>
                                </div>

                                <?php if($image->caption): ?>
                                    <div class="projects-detail-slider__caption">
                                        <?php echo $image->caption; ?>

                                    </div>
                                <?php endif; ?>
                            </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>

                    <div class="projects-detail-slider__prev swiper-button-prev" data-action="prev">
                        <?php echo $__env->make('frontend.svg.icon-arrow-blue-down', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                    </div>
                    <div class="projects-detail-slider__next swiper-button-next" data-action="next">
                        <?php echo $__env->make('frontend.svg.icon-arrow-blue-down', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                    </div>

                    <div class="projects-detail-slider__pagination">
                        <?php echo $__env->make('frontend.templates.components.swiper-navigation', [
                            'count' => count($slides),
                        ], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="projects-detail-slider__lightbox" data-role="lightbox">
        <div class="projects-detail-slider__lightbox-close" data-action="close">
            <?php echo $__env->make('frontend.svg.close', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
        </div>
        <div class="projects-detail-slider__lightbox-wrapper">
            <div class="projects-detail-slider__lightbox-container">
                <div class="swiper swiper-container projects-detail-slider__lightbox-slider" data-role="slider-lightbox">
                    <div class="swiper-wrapper projects-detail-slider__lightbox-slider-wrapper">
                            <?php $__currentLoopData = $slides; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $i => $image): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <div class="swiper-slide projects-detail-slider__lightbox-slide" data-role="slide-lightbox" data-id="<?php echo e($i ?? ""); ?>">
                                    <div class="projects-detail-slider__lightbox-slide-image">
                                        <picture>
                                            <source media="(min-width: 1920px)" srcset="<?php echo e(getMediaUrl($image->mediaItem->filename, '2340x1545')); ?>.webp" type="image/webp">
                                            <source media="(min-width: 1920px)" srcset="<?php echo e(getMediaUrl($image->mediaItem->filename, '2340x1545')); ?>">
                                            <source media="(min-width: 768px)" srcset="<?php echo e(getMediaUrl($image->mediaItem->filename, '1560x1030')); ?>.webp" type="image/webp">
                                            <source media="(min-width: 768px)" srcset="<?php echo e(getMediaUrl($image->mediaItem->filename, '1560x1030')); ?>">
                                            <source srcset="<?php echo e(getMediaUrl($image->mediaItem->filename, '780x520')); ?>.webp" type="image/webp">
                                            <?php echo getMediaImg($image->mediaItem, '780x520', htmlentities($image->caption), '', true); ?>

                                        </picture>

                                        <?php if($image->credits): ?>
                                            <div class="projects-detail-slider__lightbox-credits">
                                                Image credit: <?php echo e($image->credits); ?>

                                            </div>
                                        <?php endif; ?>
                                    </div>
                                    <?php if($image->caption): ?>
                                        <div class="projects-detail-slider__lightbox-caption">
                                            <?php echo $image->caption; ?>

                                        </div>
                                    <?php endif; ?>
                                </div>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>

                    <div class="swiper-button-prev projects-detail-slider__lightbox-prev" data-action="prev">
                        <?php echo $__env->make('frontend.svg.icon-arrow-blue-down', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                    </div>
                    <div class="swiper-button-next projects-detail-slider__lightbox-next" data-action="next">
                        <?php echo $__env->make('frontend.svg.icon-arrow-blue-down', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                    </div>

                    <div class="projects-detail-slider__lightbox-pagination">
                        <?php echo $__env->make('frontend.templates.components.swiper-navigation', [
                            'count' => count($slides),
                        ], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<?php /**PATH /var/www/html/resources/views/frontend/templates/blocks/projects-detail-slider.blade.php ENDPATH**/ ?>