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 enFamily from '@/locales/en/family.json';
import enInsights from '@/locales/en/insights.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 esFamily from '@/locales/es/family.json';
import esInsights from '@/locales/es/insights.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 frFamily from '@/locales/fr/family.json';
import frInsights from '@/locales/fr/insights.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 ptFamily from '@/locales/pt/family.json';
import ptInsights from '@/locales/pt/insights.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';
import zhFamily from '@/locales/zh/family.json';
import zhInsights from '@/locales/zh/insights.json';

import deCommon from '@/locales/de/common.json';
import deDashboard from '@/locales/de/dashboard.json';
import deTracking from '@/locales/de/tracking.json';
import deChildren from '@/locales/de/children.json';
import deAi from '@/locales/de/ai.json';
import deAuth from '@/locales/de/auth.json';
import deSettings from '@/locales/de/settings.json';
import deOnboarding from '@/locales/de/onboarding.json';
import deErrors from '@/locales/de/errors.json';
import deFamily from '@/locales/de/family.json';
import deInsights from '@/locales/de/insights.json';

import itCommon from '@/locales/it/common.json';
import itDashboard from '@/locales/it/dashboard.json';
import itTracking from '@/locales/it/tracking.json';
import itChildren from '@/locales/it/children.json';
import itAi from '@/locales/it/ai.json';
import itAuth from '@/locales/it/auth.json';
import itSettings from '@/locales/it/settings.json';
import itOnboarding from '@/locales/it/onboarding.json';
import itErrors from '@/locales/it/errors.json';
import itFamily from '@/locales/it/family.json';
import itInsights from '@/locales/it/insights.json';

export const resources = {
  en: {
    common: enCommon,
    dashboard: enDashboard,
    tracking: enTracking,
    children: enChildren,
    ai: enAi,
    auth: enAuth,
    settings: enSettings,
    onboarding: enOnboarding,
    errors: enErrors,
    family: enFamily,
    insights: enInsights,
  },
  es: {
    common: esCommon,
    dashboard: esDashboard,
    tracking: esTracking,
    children: esChildren,
    ai: esAi,
    auth: esAuth,
    settings: esSettings,
    onboarding: esOnboarding,
    errors: esErrors,
    family: esFamily,
    insights: esInsights,
  },
  fr: {
    common: frCommon,
    dashboard: frDashboard,
    tracking: frTracking,
    children: frChildren,
    ai: frAi,
    auth: frAuth,
    settings: frSettings,
    onboarding: frOnboarding,
    errors: frErrors,
    family: frFamily,
    insights: frInsights,
  },
  pt: {
    common: ptCommon,
    dashboard: ptDashboard,
    tracking: ptTracking,
    children: ptChildren,
    ai: ptAi,
    auth: ptAuth,
    settings: ptSettings,
    onboarding: ptOnboarding,
    errors: ptErrors,
    family: ptFamily,
    insights: ptInsights,
  },
  zh: {
    common: zhCommon,
    dashboard: zhDashboard,
    tracking: zhTracking,
    children: zhChildren,
    ai: zhAi,
    auth: zhAuth,
    settings: zhSettings,
    onboarding: zhOnboarding,
    errors: zhErrors,
    family: zhFamily,
    insights: zhInsights,
  },
  de: {
    common: deCommon,
    dashboard: deDashboard,
    tracking: deTracking,
    children: deChildren,
    ai: deAi,
    auth: deAuth,
    settings: deSettings,
    onboarding: deOnboarding,
    errors: deErrors,
    family: deFamily,
    insights: deInsights,
  },
  it: {
    common: itCommon,
    dashboard: itDashboard,
    tracking: itTracking,
    children: itChildren,
    ai: itAi,
    auth: itAuth,
    settings: itSettings,
    onboarding: itOnboarding,
    errors: itErrors,
    family: itFamily,
    insights: itInsights,
  },
} 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: '中文' },
  { code: 'de', name: 'German', nativeName: 'Deutsch' },
  { code: 'it', name: 'Italian', nativeName: 'Italiano' },
] as const;

i18n
  .use(LanguageDetector)
  .use(initReactI18next)
  .init({
    resources,
    defaultNS,
    fallbackLng: 'en',
    supportedLngs: ['en', 'es', 'fr', 'pt', 'zh', 'de', 'it'],
    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;
