<?php $__env->startSection('content'); ?>
    <section class="media-pg section">
        <div class="container">
            <ul class="nav nav-pills mb-5" id="pills-tab" role="tablist">





                <li class="nav-item" role="presentation">
                    <button class="nav-link active" id="pills-tab2-tab" data-bs-toggle="pill" data-bs-target="#pills-tab2" type="button" role="tab" aria-controls="pills-tab2" aria-selected="true">
                        <i class="bi bi-camera d-block fs-5"></i> <?php echo e(__('galleries.image_type')); ?>

                    </button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="pills-tab3-tab" data-bs-toggle="pill" data-bs-target="#pills-tab3" type="button" role="tab" aria-controls="pills-tab3" aria-selected="false">
                        <i class="bi bi-camera-video d-block fs-5"></i> <?php echo e(__('galleries.video_type')); ?>

                    </button>
                </li>





            </ul>
            <div class="tab-content" id="pills-tabContent">
                


































































                
                <div class="tab-pane fade show active" id="pills-tab2" role="tabpanel" aria-labelledby="pills-tab2-tab">
                    <div class="tab_wrapper">
                        <div class="row">
                            <?php if(count($galleries['image_type'])): ?>
                                <?php $__currentLoopData = $galleries['image_type']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $imageType): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <div class="col-lg-<?php echo e($loop->iteration == 1 ? '12' : '3'); ?>">
                                        <a href="<?php echo e(asset($imageType['image'])); ?>" data-fancybox>
                                            <div class="media_card <?php echo e($loop->iteration == 1 ? 'lg_card' : ''); ?>">
                                                <img src="<?php echo e(asset($imageType['image'])); ?>" alt="" class="sec-img"/>
                                            </div>
                                        </a>
                                    </div>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            <?php else: ?>
                                <div class="col-lg-12 alert alert-secondary text-danger text-center"><b><?php echo e(__('main.no_data')); ?></b></div>
                            <?php endif; ?>
                        </div>
                        <!-- Start gallery_swiper -->












                    </div>
                </div>

                
                <div class="tab-pane fade" id="pills-tab3" role="tabpanel" aria-labelledby="pills-tab3-tab">
                    <div class="tab_wrapper">
                        <div class="row">
                            <?php if(count($galleries['video_type'])): ?>
                                <?php $__currentLoopData = $galleries['video_type']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $videoType): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <div class="col-lg-<?php echo e($loop->iteration == 1 ? '12' : '3'); ?>">
                                        <a href="<?php echo e($videoType['video_url']); ?>" data-fancybox>
                                            <div class="media_card <?php echo e($loop->iteration == 1 ? 'lg_card' : ''); ?>">
                                                <img src="<?php echo e(asset($videoType['image'])); ?>" alt="" class="sec-img"/>
                                                <div class="content">
                                                    <span class="icon"><i class="fa-regular fa-circle-play"></i></span>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            <?php else: ?>
                                <div class="col-lg-12 alert alert-secondary text-danger text-center"><b><?php echo e(__('main.no_data')); ?></b></div>
                            <?php endif; ?>


                        </div>
                    </div>
                </div>
                

                




























            </div>
        </div>
    </section>
    
    <section class="about_video">
        <div class="container">
            <div class="content text-center">
                <h2 class="mb-5 fs-1 text-uppercase"> <?php echo e(__('main.see_more_about_us')); ?> </h2>
                <a href="<?php echo e(asset($pages[0]['meta']['video'])); ?>" class="icon" data-fancybox="vid">
                    <i class="al-play"></i>
                    <span class="float_icon mt-1 ms-1"> <i class="fas fa-play"></i> </span>
                </a>
            </div>
        </div>
    </section>
    
<?php $__env->stopSection(); ?>

<?php $__env->startSection('inner_js'); ?>
    <script>
        var swiper = new Swiper('.media-pg .gallery_swiper', {
            // loop: true,
            speed: 900,
            slidesPerView: 1,
            spaceBetween: 10,
            observer: true,
            observeParents: true,
            // centeredSlides: true,
            // autoplay: {
            //     delay: 2500,
            // },
            navigation: {
                nextEl: '.media-pg .swiper-button-next',
                prevEl: '.media-pg .swiper-button-prev',
            },
            pagination: {
                el: '.media-pg .swiper-pagination',
                clickable: true
            },
            breakpoints: {
                640: {
                    slidesPerView: 2,
                    spaceBetween: 20,
                },
                768: {
                    slidesPerView: 3,
                    spaceBetween: 20,
                },
                1024: {
                    slidesPerView: 4,
                    spaceBetween: 20,
                },
            }
        });
    </script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('web.layouts.container', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home1/procarecom/public_html/resources/views/web/galleries/index.blade.php ENDPATH**/ ?>