@extends('layout.master')



@section('title',config('settings.site_title', 'Varsayılan Başlık'))
@section('description',config('settings.site_description', 'Varsayılan Başlık'))



@section('content')



<div id="site-content">
@foreach($layout->layout as $layout)

    @if($layout['origin'] == "otherItemsList")

        @if($layout['item'] == "Üst Manşet")

            @switch(config('settings.topheadline_type'))
                @case(0)
                    @break
                @case(1)
                    @include('topheadlines.top_headline_1')
                    @break
                @case(2)
                    @include('topheadlines.top_headline_2')
                    @break
                @case(3)
                    @include('topheadlines.top_headline_3')
                    @break
                @case(4)
                    @include('topheadlines.top_headline_4')
                    @break
                @default
            @endswitch

        @elseif($layout['item'] == "Sür Manşet")
            @include('home_modules.surmanset')

        @elseif($layout['item'] == "Ana Manşet")
            @include('home_modules.anamanset')

        @elseif($layout['item'] == "Astroloji")
            @include('home_modules.astroloji')

        @elseif($layout['item'] == "Gazeteler")
            @include('home_modules.gazeteler')

        @elseif($layout['item'] == "Vizyondakiler")
            @include('home_modules.vizyondakiler')

        @elseif($layout['item'] == "Foto Galeri")
            @include('home_modules.fotogaleri')

        @elseif($layout['item'] == "Video Galeri")
            @include('home_modules.videogaleri')

        @elseif($layout['item'] == "Namaz Vakitleri  Eczane  Hava Durumu")
            @include('home_modules.moduller')

        @elseif($layout['item'] == "3'lü Haberler")
            @include('home_modules.threehaberler')

        @elseif($layout['item'] == "Yazarlar")
            @include('home_modules.yazarlar')
        @elseif($layout['item'] == "Pariteler")
            @include('home_modules.pariteler')
        @elseif($layout['item'] == "Kripto Paralar")
            @include('home_modules.coins')
        @endif

    @elseif($layout['origin'] == 'categoryList')
        {{-- Kategoriler için dinamik içerik --}}
        @php
            // Burada kategori adını belirliyoruz
            $categoryName = $layout['item'];
            // Veritabanından ilgili kategoriye ait haberleri çekiyoruz
         
        @endphp


        @if($categoryName=="SPOR" || $categoryName=="spor" || $categoryName=="Spor")

             @include('home_modules.spor')

        @else
        
            @include('home_modules.category',[
                'categoryName' => $categoryName
            ]);

        @endif

    @endif

@endforeach
</div>

<script>

function goToVisionListPage (slug) {
    window.open("/vizyondakiler/", "_blank");
  }
  let defaultCityIdT1 = '11';
  function filterMoviesT1() {
    defaultCityIdT1 = $('#selectVisionCityT1').val();
    getOnVisionMoviesT1(false);
  }

  function renderMoviesT1(movies) {
      let moviesHtml = '';
      for (let cI = 0; cI < movies.length; cI++) {
          const movie = movies[cI];
          moviesHtml +='<div class="item">';
          moviesHtml +='  <a href="javascript:;">';
          moviesHtml +='    <h4>'+movie.name+'</h4>';
          moviesHtml +=`    <div class="movieposter" style="background: url(${movie.image_url}) no-repeat;" onclick="goToDetailPageForCinema('${movie.slug}')">`;
          moviesHtml +='      <img loading="lazy" src="'+movie.image_url+'" alt="'+movie.name+'"  width="175" height="233">';
          moviesHtml +='    </div>';
          moviesHtml +='  </a>';
          moviesHtml +=`  <a href="javascript:;" onclick="goToDetailPageForCinema('${movie.slug}')" class="btn">Detaylı Bilgi</a>`;
          moviesHtml +='</div>';
      }
      $('#movieSliderT1').html(moviesHtml);
    
  }

  function renderCitiesT1(cities) {
    let selectboxHtml = '';
    for (let cI = 0; cI < cities.length; cI++) {
      const city = cities[cI];
      selectboxHtml += '<option value="'+city.city_id+'">'+city.city_name+'</option>';
    }
    $('#selectVisionCityT1').html(selectboxHtml);
    $('#selectVisionCityT1').val(defaultCityIdT1);
  }

  function goToDetailPageForCinema (slug) {
    window.open("/vizyondakiler/" + slug, "_blank");
  }
  function getOnVisionMoviesT1(renderCitiesOption = true) {
    $.post('/get-movies', {type: 1, cityId: defaultCityIdT1}).then(function (response) {
      renderMoviesT1(response.movies);
      if(renderCitiesOption) {
        renderCitiesT1(response.cities);
      }
    });
  };

  var runFunctions = runFunctions || [];
  runFunctions.push('getOnVisionMoviesT1');
</script>
            </div>
        </div>
    </div>
</section>

    </div>
    <!-- Generated by Codia AI - https://codia.ai/ -->
  </body>
  @section('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: 0, // 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>


<script type="text/javascript">
     let isHoveringsur = false;
      let lastHoveredIndexsur = null;

$('.new-slider-manset').slick({
        dots: false,
        arrows:false,
        infinite: true,
        speed: 0, // Geçiş hızı
        slidesToShow: 1,
        autoplay: true,
        adaptiveHeight: true
      });


$(`.vertical-indicators a`).on('mouseenter', function () {
        isHoveringsur = true; // Kullanıcı hover yapıyor
        const index = $(this).index(); // Üzerine gelinen dot'un index'ini al
        lastHoveredIndexsur = index; // Son hover edilen slide'ı kaydet

        // Geçiş yap
       $('.new-slider-manset').slick('slickGoTo', lastHoveredIndexsur);

        // Active sınıfını güncelle
        updateActiveDot($(`.vertical-indicators a`), index);
      });

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

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

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

</script>


  <script type="text/javascript">
  


    $('.regular2').slick({
 centerMode: true,
  centerPadding: '60px',
  slidesToShow: 3,
  responsive: [
    {
      breakpoint: 768,
      settings: {
        arrows: false,
        centerMode: true,
        centerPadding: '40px',
        slidesToShow: 3
      }
    },
    {
      breakpoint: 480,
      settings: {
        arrows: false,
        centerMode: true,
        centerPadding: '40px',
        slidesToShow: 1
      }
    }
  ]
});


    $(".slider-yazar").owlCarousel({
      loop: true,
      autoplay: true,
      autoplayTimeout: 2500,
      autoplayHoverPause: true,
      responsive: {
        0: {
          items: 2,
          nav: false
        },
        600: {
          items: 2,
          nav: false
        },
        1000: {
          items: 5,
          loop: true
        }
      }
    });
    $(".slider-burc").owlCarousel({
      loop: true,
      autoplay: true,
      responsiveClass: true,
      autoplayTimeout: 2500,
      autoplayHoverPause: true,
      responsive: {
        0: {
          items: 4,
          nav: false
        },
        600: {
          items: 4,
          nav: false
        },
        1000: {
          items: 12,
          loop: true
        }
      }
    });



  </script>

<script>
  let countdownInterval;

  function startCountdown(initialTime) {
    // Geri sayımı durdur
    if (countdownInterval) clearInterval(countdownInterval);

    // Gelen zamanı saniyeye çevir
    let [hours, minutes, seconds] = initialTime.split(':').map(Number);
    let totalSeconds = hours * 3600 + minutes * 60 + seconds;

    // Geri sayımı başlat
    countdownInterval = setInterval(() => {
      if (totalSeconds <= 0) {
        clearInterval(countdownInterval);
        document.querySelector('.countdown').innerHTML = '00:00:00';
        return;
      }

      totalSeconds--;

      const h = String(Math.floor(totalSeconds / 3600)).padStart(2, '0');
      const m = String(Math.floor((totalSeconds % 3600) / 60)).padStart(2, '0');
      const s = String(totalSeconds % 60).padStart(2, '0');

      document.querySelector('.countdown').innerHTML = `${h}:${m}:${s}`;
    }, 1000);
  }

  function fetchPrayerTimes(city) {
    // AJAX isteği
    fetch(`/prayer-times/${city}`, {
      method: 'GET',
      headers: {
        'Content-Type': 'application/json',
        'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content
      }
    })
    .then(response => response.json())
    .then(data => {
      // Gelen verilerle geri sayımı başlat
      startCountdown(data.remainingTime);

      // Diğer vakitleri güncelle
        $('#imsaktime').html(data.times.imsak);
        $('#suntime').html(data.times.sun);
        $('#noontime').html(data.times.noon);
        $('#afternoontime').html(data.times.afternoon);
        $('#eveningtime').html(data.times.evening);
        $('#ishatime').html(data.times.isha);
      // Diğer vakitler için de ekleyebilirsiniz
    })
    .catch(error => console.error('Error:', error));
  }

  // İlk açılışta seçili olan şehir için verileri yükle
  const initialCity = document.getElementById('city-select').value;
  fetchPrayerTimes(initialCity);

  // Şehir değiştiğinde verileri güncelle
  document.getElementById('city-select').addEventListener('change', function () {
    const selectedCity = this.value;
    fetchPrayerTimes(selectedCity);
  });
</script>

<script type="text/javascript">
    

     document.getElementById('city-weather-select').addEventListener('change', function () {
    const selectedCity = this.value;

    // AJAX ile veriyi çek
    fetch(`/weather/${selectedCity}`, {
      method: 'GET',
      headers: {
        'Content-Type': 'application/json',
        'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content
      }
    })
    .then(response => response.json())
    .then(data => {
      // Mevcut günün bilgilerini güncelle
      document.getElementById('current-day').innerText = data.current.day;
      document.getElementById('current-image').src = data.current.image;
      document.getElementById('current-status').innerText = data.current.status;

      // Tahmin listesini güncelle
      const forecastList = document.getElementById('forecast-list');
      forecastList.innerHTML = ''; // Eski listeyi temizle

      data.forecast.forEach(forecast => {
        const listItem = `
          <li>
            <span>${forecast.date}</span>
            <div>
              <span>${forecast.day}</span>
              <img src="${forecast.image}" alt="Hava Durumu">
            </div>
          </li>
        `;
        forecastList.innerHTML += listItem;
      });
    })
    .catch(error => console.error('Error:', error));
  });


     document.getElementById('show-pharmacies').addEventListener('click', function () {
  const selectedCity = document.getElementById('select-eczane').value;

  if (!selectedCity) {
    alert('Lütfen bir şehir seçiniz!');
    return;
  }

  window.location.href = `/nobetci-eczaneler/${selectedCity}`;
});
</script>

</html>

@endsection

@section('style')

@endsection
@endsection