import { writable } from 'svelte/store';
import { browser } from '$app/environment';

export const activeSection = writable('dashboard');
export const easyCoinBalance = writable(0);

// Função para criar o store de dark mode
function createDarkModeStore() {
  const { subscribe, set, update } = writable(false);

  return {
    subscribe,
    set,
    update,
    toggle: () => update(n => !n)
  };
}

export const darkMode = createDarkModeStore();

export const authToken = writable(null);

if (browser) {
  // Inicializar com valor do localStorage
  const saved = localStorage.getItem('darkMode');
  const initialValue = saved === 'true';
  darkMode.set(initialValue);
  
  // Aplicar classe inicial
  if (initialValue) {
    document.documentElement.classList.add('dark');
  }

  // Subscribe para mudanças
  darkMode.subscribe(value => {
    localStorage.setItem('darkMode', value.toString());
    if (value) {
      document.documentElement.classList.add('dark');
    } else {
      document.documentElement.classList.remove('dark');
    }
  });

  // Inicializar authToken a partir do cookie
  const m = document.cookie.match(/(?:^|; )auth_token=([^;]+)/);
  if (m) authToken.set(decodeURIComponent(m[1]));
}