<?php $__env->startSection('title','Video Galeri'. config('settings.site_title', 'Varsayılan Başlık')); ?>
<?php $__env->startSection('description','Video Galeri Haberleri, Son Dakika Video 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>Video Galeri</h2>
            <div class="line" style="background-color:#background-color:#FFB904"></div>
        </div>
    </div>
    <div class="row">
      
   <div class="container newsSlider" style="margin-top:30px">
    <div class="row">
         <div class="col-md-8">
         <a href="/video/<?php echo e($VideolastFirst->slug); ?>" title="<?php echo e($VideolastFirst->name); ?>"><div class="video-container" >
            <img src="/uploads/images/news/<?php echo e(date("Y/m/d", strtotime($VideolastFirst->date))); ?>/<?php echo e($VideolastFirst->video_image); ?>" alt="<?php echo e($VideolastFirst->name); ?>" style="height: 410px;">
            <div class="play-button"><img src="/img/playyoutube.png" title="Video Galeri Play İkonu" style="width:60px"></div>
            <div class="caption"><?php echo e($VideolastFirst->name); ?></div>
        </div></a>
    </div>
        <div class="col-md-4">
         <div class="program-header">
            Son Videolar
        </div>

        <?php $__currentLoopData = $VideolastThree; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $videoOne): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
        <a href="/video/<?php echo e($videoOne->slug); ?>" title="<?php echo e($videoOne->name); ?>" style="text-decoration: none;"  ><div class="program-card" >
            <img src="/uploads/images/news/<?php echo e(date("Y/m/d", strtotime($videoOne->date))); ?>/<?php echo e($videoOne->video_image); ?>" alt="<?php echo e($videoOne->name); ?>">
            <div class="program-info">
                <div class="program-title"><?php echo e($videoOne->name); ?></div>
            </div>
        </div></a>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
    </div>
   
    </div>

    </div>
    <div style="clear: both;"></div>
    <div class="container newseight" style="margin-top:50px">
        <div class="row">
          <?php $__currentLoopData = $VideolastEight; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $videoOne): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <div class="col-md-3">
               <a href="/video/<?php echo e($videoOne->slug); ?>" title="<?php echo e($videoOne->name); ?>" style="text-decoration: none; color: #000"  ><div class="video-list-container mt-2">
            <img src="/uploads/images/news/<?php echo e(date("Y/m/d", strtotime($videoOne->date))); ?>/<?php echo e($videoOne->video_image); ?>" alt="<?php echo e($videoOne->name); ?>"style="    height: 200px;
    object-fit: cover;">
            <div class="video-list-play-button"><img src="/img/playyoutube.png" title="Video Galeri Play İkonu" style="width:50px"></div>
            <div class="video-list-caption"><?php echo e($videoOne->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 /home/kocaelid/domains/kocaeliduysun.net/public_html/resources/views/video_galeries.blade.php ENDPATH**/ ?>