

<?php $__env->startSection('seo_title', $seo->seo_title); ?>
<?php $__env->startSection('seo_keywords', $seo->seo_keywords); ?>
<?php $__env->startSection('seo_description', $seo->seo_description); ?>

<?php $__env->startSection('content'); ?>

    <section id="services" class="services services-alt section pt-0">

        <!-- Section Title -->
        <div class="container section-title pb-0">
            <h2>Visual Chronicles</h2>
        </div><!-- End Section Title -->

        <div class="container">

            <div class="row gy-4">
                <?php $__currentLoopData = $videos; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <?php
                        // Extract YouTube Video ID
                        preg_match('/(?:\/|v=|vi=|youtu\.be\/|embed\/)([a-zA-Z0-9_-]{11})/', $item->link, $matches);
                        $videoId = $matches[1] ?? null;
                    ?>
                    <div class="col-xl-6 col-md-6" data-aos="fade-up" data-aos-delay="100">
                        <div class="service-item position-relative p-3">
                            <div class="service-img">
                                <a href="<?php echo e($item->link); ?>" data-toggle="lightbox" data-gallery="youtubevideos">
                                    <?php if($videoId): ?>
                                        <img src="https://i1.ytimg.com/vi/<?php echo e($videoId); ?>/mqdefault.jpg" class="img-fluid">
                                    <?php else: ?>
                                        <img src="<?php echo e(asset('img/hero-bg.jpg')); ?>" class="img-fluid">
                                    <?php endif; ?>
                                    <div class="play-icon">
                                        <i class="bi bi-youtube"></i>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>

        </div>

    </section>

<?php $__env->stopSection(); ?>

<?php echo $__env->make('index', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/khusbuoli/staging.khusbuoli.com/resources/views/pages/video.blade.php ENDPATH**/ ?>