



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



<?php $__env->startSection('content'); ?>
<div class="container-page-custom"  id="site-content">
     
        <div class="col-md-12">
    
     <div class="container Category" style="padding:0px">

   <div class="row">
        <div class="col-md-12">
             <div class="financial-info" style="background-color: #fff;">
                <?php $__currentLoopData = $exchanges; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $exchange): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <div class="financial-item">
                <h5><?php echo e($exchange->long_name); ?></h5>
                <div class="value"><?php echo e($exchange->value); ?> <span class="badge <?php if($exchange->status==1): ?> badge-green <?php else: ?> badge-red <?php endif; ?>"><?php echo e($exchange->last); ?></span></div>
            </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            
        </div>
        </div>

    </div>

          <div class="container mt-3">
        <div class="section-header">
            <h2><?php echo e($category->name); ?></h2>
            <div class="line" style="background-color:#<?php echo e($category->color); ?>"></div>
        </div>
    </div>

      <div class="container newsSlider mt-4">
    <div class="row">
        
            <?php echo $__env->make('sliders.economy_slider', [
        'sliderId' => 'newsCarousel3',
        'slides' => $ekonomikhaberlerSlider,
        'news' => $ekonomikhaberlerminiSlider,
        'categoryID' => $category->id
    ], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
     
   

    <div class="container newseight" style="margin-top:50px;padding:0px">
        <div class="row">
           <?php $__currentLoopData = $ekonomikhaberlerNews; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $ekonomikhaberNews): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <div class="col-6 col-md-4 col-lg-4">
                 <div class="news-card">
             <?php echo getNewsLink($ekonomikhaberNews); ?><img src="<?php echo e($ekonomikhaberNews->news_image); ?>" alt="<?php echo e($ekonomikhaberNews->name); ?>"  style="height:165px"></a>
            <div class="news-badge"style="background-color:#<?php echo e($ekonomikhaberNews->category->color); ?> !important;"><?php echo e($ekonomikhaberNews->category->name); ?></div>
             <div class="card-body">
                <h5 class="card-title">  <?php echo getNewsLink($ekonomikhaberNews); ?><div class="news-title"><?php echo e($ekonomikhaberNews->name); ?></div></a></h5></div>
        </div>
            </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            
           
        </div>
        </div>
    </div><div class="col-md-4">

          <div class="col-md-12 ads">
                <?php echo showAd('302',$category->id); ?>

              </div>
 <div class="col-md-12 ads">
        <?php echo $__env->make('categories.widget.bist100', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?> 
</div>

    </div>
        <div id="loading" style="display:none;" class="text-center mt-5">
    <img src="/output-onlinegiftools.gif" alt="Loading..." style="width: 150px;">

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

<style>
    #loading {
    display: none; /* Başlangıçta gizli */
    text-align: center;
    margin-top: 20px;
}

#loading img {
    width: 150px;

</style>


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

<script type="text/javascript">
    let offset = 35; // İlk 20 haber zaten yüklü.
let categoryId = <?php echo e($category->id); ?>;
let loading = false;

// CSRF token'ını almak için jQuery'yi kullanıyoruz
$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});

$(window).scroll(function() {
    if ($(window).scrollTop() + $(window).height() >= $(document).height() - 100 && !loading) {
        loading = true; // Aynı anda birden fazla istek yapmayı engelle
        $('#loading').show(); // Loading div'i göster

        $.ajax({
            url: '<?php echo e(route('load.more.news')); ?>',
            method: 'POST',
            data: {
                offset: offset,
                category_id: categoryId,
                count: 4
            },
            success: function(response) {
                if (response) {
                    $('.newseight .row').append(response);
                    offset += 20; // Yeni offset değeri
                    loading = false;
                        $('#loading').hide();
                }
            },
            error: function() {
                loading = false; // Hata durumunda tekrar yüklemeye izin ver
                 $('#loading').hide();
            }
        });
    }
});
</script>


<script type="text/javascript">
  $(document).ready(function () {
    // Tüm sliderları bağımsız olarak başlat
    $('.new-slider').each(function () {
      const sliderId = $(this).closest('div[id]').attr('id'); // En yakın parent'tan ID'yi al
      const $slider = $(this);
      const $indicators = $(`#${sliderId} .number-indicators a`);
      let isHovering = false;
      let lastHoveredIndex = null;

      // Slick slider başlatma
      $slider.slick({
        dots: false,
        arrows:false,
        infinite: true,
        speed: 50, // Geçiş hızı
        slidesToShow: 1,
        autoplay: true,
        adaptiveHeight: true
      });

      // Özel dots'ları slider ile bağlama (hover ile)
      $indicators.on('mouseenter', function () {
        isHovering = true; // Kullanıcı hover yapıyor
        const index = $(this).index(); // Üzerine gelinen dot'un index'ini al
        lastHoveredIndex = index; // Son hover edilen slide'ı kaydet

        // Geçiş yap
        $slider.slick('slickGoTo', lastHoveredIndex);

        // Active sınıfını güncelle
        updateActiveDot($indicators, index);
      });

      $indicators.on('mouseleave', function () {
        isHovering = false; // Kullanıcı artık hover yapmıyor
      });

      // Slider geçişi tamamlandığında durum kontrolü
      $slider.on('afterChange', function (event, slick, currentSlide) {
        if (!isHovering) {
          // Eğer kullanıcı hover yapmıyorsa, doğru active sınıfını ayarla
          updateActiveDot($indicators, currentSlide);
        }
      });

      // Active sınıfını güncelleyen fonksiyon
      function updateActiveDot($indicators, index) {
        $indicators.removeClass('active'); // Tüm dots'lardan active sınıfını kaldır
        $indicators.eq(index).addClass('active'); // Belirtilen index'e active ekle
      }
    });
  });
</script>


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


<?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/categories/economy.blade.php ENDPATH**/ ?>