import i18n from 'i18next';
import { initReactI18next } from 'react-i18next';
import LanguageDetector from 'i18next-browser-languagedetector';

// Import translation files
import enCommon from '@/locales/en/common.json';
import enDashboard from '@/locales/en/dashboard.json';
import enTracking from '@/locales/en/tracking.json';
import enChildren from '@/locales/en/children.json';
import enAi from '@/locales/en/ai.json';
import enAuth from '@/locales/en/auth.json';
import enSettings from '@/locales/en/settings.json';
import enOnboarding from '@/locales/en/onboarding.json';
import enErrors from '@/locales/en/errors.json';

import esCommon from '@/locales/es/common.json';
import esDashboard from '@/locales/es/dashboard.json';
import esTracking from '@/locales/es/tracking.json';
import esChildren from '@/locales/es/children.json';
import esAi from '@/locales/es/ai.json';
import esAuth from '@/locales/es/auth.json';
import esSettings from '@/locales/es/settings.json';
import esOnboarding from '@/locales/es/onboarding.json';
import esErrors from '@/locales/es/errors.json';

import frCommon from '@/locales/fr/common.json';
import frDashboard from '@/locales/fr/dashboard.json';
import frTracking from '@/locales/fr/tracking.json';
import frChildren from '@/locales/fr/children.json';
import frAi from '@/locales/fr/ai.json';
import frAuth from '@/locales/fr/auth.json';
import frSettings from '@/locales/fr/settings.json';
import frOnboarding from '@/locales/fr/onboarding.json';
import frErrors from '@/locales/fr/errors.json';

import ptCommon from '@/locales/pt/common.json';
import ptDashboard from '@/locales/pt/dashboard.json';
import ptTracking from '@/locales/pt/tracking.json';
import ptChildren from '@/locales/pt/children.json';
import ptAi from '@/locales/pt/ai.json';
import ptAuth from '@/locales/pt/auth.json';
import ptSettings from '@/locales/pt/settings.json';
import ptOnboarding from '@/locales/pt/onboarding.json';
import ptErrors from '@/locales/pt/errors.json';

import zhCommon from '@/locales/zh/common.json';
import zhDashboard from '@/locales/zh/dashboard.json';
import zhTracking from '@/locales/zh/tracking.json';
import zhChildren from '@/locales/zh/children.json';
import zhAi from '@/locales/zh/ai.json';
import zhAuth from '@/locales/zh/auth.json';
import zhSettings from '@/locales/zh/settings.json';
import zhOnboarding from '@/locales/zh/onboarding.json';
import zhErrors from '@/locales/zh/errors.json';

export const resources = {
  en: {
    common: enCommon,
    dashboard: enDashboard,
    tracking: enTracking,
    children: enChildren,
    ai: enAi,
    auth: enAuth,
    settings: enSettings,
    onboarding: enOnboarding,
    errors: enErrors,
  },
  es: {
    common: esCommon,
    dashboard: esDashboard,
    tracking: esTracking,
    children: esChildren,
    ai: esAi,
    auth: esAuth,
    settings: esSettings,
    onboarding: esOnboarding,
    errors: esErrors,
  },
  fr: {
    common: frCommon,
    dashboard: frDashboard,
    tracking: frTracking,
    children: frChildren,
    ai: frAi,
    auth: frAuth,
    settings: frSettings,
    onboarding: frOnboarding,
    errors: frErrors,
  },
  pt: {
    common: ptCommon,
    dashboard: ptDashboard,
    tracking: ptTracking,
    children: ptChildren,
    ai: ptAi,
    auth: ptAuth,
    settings: ptSettings,
    onboarding: ptOnboarding,
    errors: ptErrors,
  },
  zh: {
    common: zhCommon,
    dashboard: zhDashboard,
    tracking: zhTracking,
    children: zhChildren,
    ai: zhAi,
    auth: zhAuth,
    settings: zhSettings,
    onboarding: zhOnboarding,
    errors: zhErrors,
  },
} as const;

export const defaultNS = 'common';

export const supportedLanguages = [
  { code: 'en', name: 'English', nativeName: 'English' },
  { code: 'es', name: 'Spanish', nativeName: 'Español' },
  { code: 'fr', name: 'French', nativeName: 'Français' },
  { code: 'pt', name: 'Portuguese', nativeName: 'Português' },
  { code: 'zh', name: 'Chinese', nativeName: '中文' },
] as const;

i18n
  .use(LanguageDetector)
  .use(initReactI18next)
  .init({
    resources,
    defaultNS,
    fallbackLng: 'en',
    supportedLngs: ['en', 'es', 'fr', 'pt', 'zh'],
    interpolation: {
      escapeValue: false, // React already escapes values
    },
    detection: {
      order: ['localStorage', 'navigator'],
      caches: ['localStorage'],
      lookupLocalStorage: 'i18nextLng',
    },
    react: {
      useSuspense: false, // Disable suspense for SSR compatibility
    },
  });

export default i18n;