<?php $__env->startSection('title','Foto Galeri '. config('settings.site_title', 'Varsayılan Başlık')); ?>
<?php $__env->startSection('description','Foto Galeri Haberleri, Son Dakika Foto Galeri Haber ve Gelişmeleri Haber Sitesinde Yer Almaktadır' ); ?>



<?php $__env->startSection('content'); ?>
<div class="news-page-custom custom-page-news"  id="site-content" style="background: #fff;padding-left:0px; padding-right: 0px;">
     
        <div class="col-md-12">
    <div class="ads-1">
        <div class="container">
            <div class="d-flex align-items-center">
            </div>
        </div>
    </div>
     <div class="container Category">
          <div class="container mt-5">
        <div class="section-header">
            <h2>Foto Galeri</h2>
            <div class="line" style="background-color:#background-color:#FFB904"></div>
        </div>
    </div>
    <div class="row">
      
   <div class="container newsSlider mt-3" style="margin-top:30px">
    <div class="row">
         <div class="col-md-9">
        <a href="/foto-galeri/<?php echo e($PhotoGallerylastFirst->slug); ?>" title="<?php echo e($PhotoGallerylastFirst->name); ?>"><div class="foto-galeri-container">
            <img src="<?php echo e(env('PANEL_URL')); ?>/uploads/images/news/<?php echo e(date("Y/m/d", strtotime($PhotoGallerylastFirst->date))); ?>/<?php echo e($PhotoGallerylastFirst->gallery_image); ?>" style="height:500px!important" alt="<?php echo e($PhotoGallerylastFirst->name); ?>">
            <div class="foto-galeri-play-button"><img src="/img/camera.png" style="width:60px"></div>
            <div class="foto-galeri-caption"><span><?php echo e($PhotoGallerylastFirst->name); ?></span></div>
        </div></a>
    </div>
        <div class="col-md-3">
       <div class="row">
            <div class="col-md-12 ads">   <?php echo showAd('901'); ?>

                <?php echo showAd('902'); ?></div>
        </div>
    </div>
   
    </div>

    </div>
    <div style="clear: both;"></div>
    <div class="container newseight" style="margin-top:50px">
        <div class="row">
          <?php $__currentLoopData = $PhotoGallerylastEight; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $PhotoGalleryOne): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <div class="col-md-3">
                <a href="/foto-galeri/<?php echo e($PhotoGalleryOne->slug); ?>" title="<?php echo e($PhotoGalleryOne->name); ?>" style="text-decoration: none; color: #000"  ><div class="foto-list-container mt-2">
            <img src="<?php echo e(env('PANEL_URL')); ?>/uploads/images/news/<?php echo e(date("Y/m/d", strtotime($PhotoGalleryOne->date))); ?>/<?php echo e($PhotoGalleryOne->gallery_image); ?>" alt="<?php echo e($PhotoGalleryOne->name); ?>" style="    height: 200px;
    object-fit: cover;">
            <div class="foto-list-play-button"><img src="/img/camera.png" style="width:40px" alt="Foto Galeri Kamera İkonu"></div>
            <div class="foto-list-caption" style="text-decoration: none; color: #000"><?php echo e($PhotoGalleryOne->name); ?></div>
        </div></a>
            </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
          
           
           
        </div>
    </div>
    </div>
   
   
    </div>
 </div>
              
    </div>
</div>

<script type="text/javascript">
    
    
        function initializeSlider(sliderClass, leftBtnId, rightBtnId, indicatorUlId, interval) {
            let sliderCont = document.querySelector(sliderClass);
            let sliderI = sliderCont.querySelectorAll(".sliderIn");
            let sliderItem = [...sliderI];
            let sliderD = sliderCont.parentElement.querySelectorAll(".lim");
            let sliderDods = [...sliderD];
            let dodsUl = sliderCont.parentElement.querySelector(indicatorUlId);
            let btnLeft = document.getElementById(leftBtnId);
            let btnRight = document.getElementById(rightBtnId);
            let limit = 0;

            btnLeft.addEventListener("click", prev);
            btnRight.addEventListener("click", next);
            nexts();

            function prev() {
                limit--;
                if (limit < 0) {
                    limit = sliderItem.length - 1;
                }
                nexts();
            }

            function next() {
                limit++;
                if (limit >= sliderItem.length) {
                    limit = 0;
                }
                nexts();
            }

            let replay = setInterval(next, interval);

            dodsUl.addEventListener("mouseover", (e, index) => {
                sliderDods.forEach((em, ind) => {
                    em.classList.remove("active");
                });
                e.target.classList.add("active");
                limit = Number(e.target.innerText - 1);
                nexts();
            });

            function nexts() {
                sliderItem.forEach((it, index) => {
                    if (index == limit) {
                        it.classList.add("sliderInActive");
                    } else {
                        it.classList.remove("sliderInActive");
                    }
                });
                sliderDods.forEach((im, index) => {
                    if (index == limit) {
                        im.classList.add("active");
                    } else {
                        im.classList.remove("active");
                    }
                });
            }
        }

        // Initialize sliders
        initializeSlider(".slider-2", "left-2", "right-2", "#uli-2", 4000);

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


<?php echo $__env->make('layout.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home2/adana/public_html/resources/views/photo_galeries.blade.php ENDPATH**/ ?>