import { getLocale, setLocale, getSupportedLocales } from './i18n.js';

export function initLangSwitcher() {
  const switcher = document.getElementById('lang-switcher');
  if (!switcher) return;

  const supported = getSupportedLocales();
  switcher.innerHTML = supported
    .map(lang => `<button class="lang-btn${lang === getLocale() ? ' active' : ''}" data-lang="${lang}">${lang.toUpperCase()}</button>`)
    .join('');

  switcher.addEventListener('click', (e) => {
    const btn = e.target.closest('.lang-btn');
    if (!btn) return;
    setLocale(btn.dataset.lang);
  });
}