/**
 * Sekme geçişlerini yöneten JavaScript dosyası
 */
$(document).ready(function () {
  // Başlangıç durumunu ayarla
  $(".content-section").hide();
  $("#divDashboard").show();

  // Load saved setting for the checkbox
  chrome.storage.sync.get(['kayitEdilsin'], function (result) {
    if (result.kayitEdilsin !== undefined) {
      $('#chkKayitEdilsin').prop('checked', result.kayitEdilsin);
    } else {
      // Default to checked if not set
      $('#chkKayitEdilsin').prop('checked', true);
      chrome.storage.sync.set({ kayitEdilsin: true });
    }
  });

  // Listen for checkbox changes
  $('#chkKayitEdilsin').on('change', function() {
    const isChecked = $(this).is(':checked');
    
    // Save setting
    chrome.storage.sync.set({ kayitEdilsin: isChecked });
    
    // Log what's happening for debugging
    console.log('Setting kayitEdilsin to:', isChecked);
    
    // Send message to all tabs (as we don't know which has the content script)
    chrome.tabs.query({}, function(tabs) {
      for (let tab of tabs) {
        chrome.tabs.sendMessage(tab.id, {
          action: 'setKayitDurumu',
          kayitEdilsin: isChecked
        }, function(response) {
          // Handle response (or lack of) without errors
          let lastError = chrome.runtime.lastError;
          if (lastError) {
            // Tab couldn't receive the message, which is normal for tabs without our content script
            console.log("Couldn't send message to tab:", tab.id);
          } else if (response) {
            console.log("Tab response:", response);
          }
        });
      }
    });
  });

  // Tab switching functionality
  $(".nav-item").on("click", function () {
    // Hangi sekmeye tıklandığını belirle
    var targetTab = $(this).attr("data-tab");
    console.log("Clicked tab: " + targetTab);

    // Tüm sekmeleri pasif yap
    $(".nav-item").removeClass("active");
    // Tıklanan sekmeyi aktif yap
    $(this).addClass("active");

    // Başlığı güncelle
    $(".page-title").text(targetTab);

    // Tüm içerik bölümlerini gizle
    $(".content-section").hide();

    // Hedef içeriği göster
    if (targetTab === "Dashboard") {
      $("#divDashboard").show();
    } else if (targetTab === "Ayarlar") {
      $("#divAyarlar").show();
    }
  });
});
