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

    <header class="">
        <div class="h-80 bg-red-500 p-2 flex items-center justify-center flex-col gap-2">
            <h1 class="text-gray-100 font-semibold">Home/ <span class="text-gray-800">Gallery</span></h1>
            <span class=" font-mija text-white text-3xl md:text-5xl font-semibold">
                  Our  Gallery
            </span>
        </div>
    </header>

    <section class="">
        <div id="gallery" class="gallery gap-0">
            <?php
                $uploadsPath = public_path('uploads');
                $directoryContents = Illuminate\Support\Facades\File::allFiles($uploadsPath);
            ?>

            <?php $__currentLoopData = $directoryContents; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $content): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <?php if($content instanceof Symfony\Component\Finder\SplFileInfo && $content->isFile()): ?>
                    <a href="<?php echo e('uploads/' . $content->getFilename()); ?>" data-lightbox="roadtrip" class="">
                            <img src="<?php echo e(asset('uploads/' . $content->getFilename())); ?>" alt="Image"
                                 class="w-full object-cover">
                    </a>
                <?php endif; ?>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
    </section>

    <script src="<?php echo e(asset('lightbox/js/lightbox.min.js')); ?>"></script>
    <script>
        lightbox.option({
            'resizeDuration': 200,
            'wrapAround': true,
            'alwaysShowNavOnTouchDevices':true,
            'disableScrolling':true,
        })
    </script>

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

<?php echo $__env->make('layouts.template', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH I:\Laravel\mec\resources\views/gallery.blade.php ENDPATH**/ ?>