// ===== ДАННЫЕ ДЛЯ ЛОКАЛИЗАЦИИ =====
const LANG_DATA = {
  ru: {
    main: 'Главная',
    mods: 'Моды',
    combo: 'Комбо',
    devTitle: '⚙️ LyonzyiLeonid5 DevHub',
    devInfo: 'Здесь собраны все открытые проекты, утилиты и инструменты, разработанные для ETS2 и сообщества. Исходный код, скрипты, конфигураторы и полезные мелочи — всё в одном месте.',
    statsTitle: '📊 Статистика разработок',
    gotogithub: '<span>🐙</span>Перейти на Github',
    repoLabel: 'репозитория',
    starsLabel: 'звёзд ⭐',
    forksLabel: 'форков',
    commitsLabel: 'релиза',
    reposTitle: '📦 Открытые репозитории',
    toolsTitle: '🛠️ Инструменты и утилиты',
    roadmapTitle: '🗺️ План развития (Roadmap)',
    contribTitle: '🤝 Как внести вклад',
    contribDesc: 'Любая помощь приветствуется! Вот что можно сделать:',
    goToOptions: ['Перейти к...', '📌 О проекте', '📊 Статистика', '📦 Репозитории', '🛠️ Инструменты', '🗺️ Roadmap', '🤝 Вклад'],
    repos: [
      { name: 'Extractor Fork', desc: 'Экстрактор от sk-zk, в котором добавлена возможность чтения и исполнения DLL-файлов.', lang: 'C#', stars: 0, forks: 0, icon: '📦', url: 'https://github.com/LyonzyiLeonid5/Extractor-fork' },
      //{ name: 'Compressor Plugin', desc: 'Сжимает SCS файлы.', lang: 'C#', stars: 0, forks: 0, icon: '🗜️', url: 'https://github.com/LyonzyiLeonid5/Compressor-Plugin' },
      //{ name: 'Mod-Validator', desc: 'Утилита для проверки модов на совместимость, поиска конфликтов и ошибок в manifest.sii.', lang: 'Python', stars: 8, forks: 1, icon: '🔍', url: 'https://github.com/LyonzyiLeonid5/mod-validator' },
      //{ name: 'ETS2-Config-Generator', desc: 'Генератор конфигурационных файлов для ETS2 с оптимизацией под разные ПК.', lang: 'JavaScript', stars: 6, forks: 2, icon: '⚙️', url: 'https://github.com/LyonzyiLeonid5/ets2-config-generator' },
      //{ name: 'Map-Order-Tool', desc: 'Интерактивный инструмент для визуализации порядка подключения карт в комбо-сборке.', lang: 'HTML/CSS', stars: 5, forks: 0, icon: '📋', url: 'https://github.com/LyonzyiLeonid5/map-order-tool' },
      //{ name: 'Telemetry-Exporter', desc: 'Экспорт телеметрии ETS2 в JSON/CSV для анализа и создания дашбордов.', lang: 'C#', stars: 7, forks: 1, icon: '📊', url: 'https://github.com/LyonzyiLeonid5/telemetry-exporter' },
      //{ name: 'Save-Editor', desc: 'Редактор сохранений ETS2 с возможностью менять деньги, опыт, парк и параметры грузовиков.', lang: 'Python', stars: 4, forks: 1, icon: '💾', url: 'https://github.com/LyonzyiLeonid5/save-editor' },
    ],
    tools: [
      { name: 'Compressor Plugin', desc: 'Сжимает SCS файлы.', lang: 'C#', stars: 0, forks: 0, icon: '🗜️', url: 'https://github.com/LyonzyiLeonid5/Compressor-Plugin' },
      //{ name: 'Def-Parser', desc: 'Парсер def-файлов для извлечения и редактирования параметров грузов, трейлеров и двигателей.', lang: 'Python', icon: '📄', url: 'https://github.com/LyonzyiLeonid5/def-parser' },
      //{ name: 'Map-Image-Generator', desc: 'Генерация растровых карт из игровых данных для визуализации комбо-сборок.', lang: 'Python', icon: '🖼️', url: 'https://github.com/LyonzyiLeonid5/map-image-generator' },
    ],
    roadmap: [
      { text: 'Релиз Extractor Fork', status: 'done' },
      { text: 'Релиз Compressor Plugin', status: 'done' },
      { text: 'В планах создать автоустановщик комбо-сборок', status: 'plan' },
    ]
  },
  en: {
    main: 'Main',
    mods: 'Mods',
    combo: 'Combo',
    devTitle: '⚙️ LyonzyiLeonid5 DevHub',
    devInfo: 'All open projects, utilities and tools developed for ETS2 and the community. Source code, scripts, configurators and useful stuff — all in one place.',
    statsTitle: '📊 Development Stats',
    gotogithub: '<span>🐙</span>Go to Github',
    repoLabel: 'repositories',
    starsLabel: 'stars ⭐',
    forksLabel: 'forks',
    commitsLabel: 'releases',
    reposTitle: '📦 Open Repositories',
    toolsTitle: '🛠️ Tools & Utilities',
    roadmapTitle: '🗺️ Roadmap',
    contribTitle: '🤝 How to Contribute',
    contribDesc: 'Any help is welcome! Here\'s what you can do:',
    goToOptions: ['Go to ...', '📌 About', '📊 Stats', '📦 Repositories', '🛠️ Tools', '🗺️ Roadmap', '🤝 Contribute'],
    repos: [
      { name: 'Extractor Fork', desc: 'Extractor by sk-zk, which adds the ability to read and execute DLL files.', lang: 'C#', stars: 0, forks: 0, icon: '📦', url: 'https://github.com/LyonzyiLeonid5/Extractor-fork' },
      //{ name: 'Compressor Plugin', desc: 'Compresses SCS files.', lang: 'C#', stars: 0, forks: 0, icon: '🗜️', url: 'https://github.com/LyonzyiLeonid5/Compressor-Plugin' },
      //{ name: 'Mod-Validator', desc: 'Utility for checking mods compatibility, finding conflicts and errors in manifest.sii.', lang: 'Python', stars: 8, forks: 1, icon: '🔍', url: 'https://github.com/LyonzyiLeonid5/mod-validator' },
      //{ name: 'ETS2-Config-Generator', desc: 'Generator of configuration files for ETS2 with optimization for different PCs.', lang: 'JavaScript', stars: 6, forks: 2, icon: '⚙️', url: 'https://github.com/LyonzyiLeonid5/ets2-config-generator' },
      //{ name: 'Map-Order-Tool', desc: 'Interactive tool for visualizing map load order in combo builds.', lang: 'HTML/CSS', stars: 5, forks: 0, icon: '📋', url: 'https://github.com/LyonzyiLeonid5/map-order-tool' },
      //{ name: 'Telemetry-Exporter', desc: 'ETS2 telemetry export to JSON/CSV for analysis and dashboard creation.', lang: 'C#', stars: 7, forks: 1, icon: '📊', url: 'https://github.com/LyonzyiLeonid5/telemetry-exporter' },
      //{ name: 'Save-Editor', desc: 'ETS2 save editor with ability to change money, XP, fleet and truck parameters.', lang: 'Python', stars: 4, forks: 1, icon: '💾', url: 'https://github.com/LyonzyiLeonid5/save-editor' },
    ],
    tools: [
      { name: 'Compressor Plugin', desc: 'Compresses SCS files.', lang: 'C#', stars: 0, forks: 0, icon: '🗜️', url: 'https://github.com/LyonzyiLeonid5/Compressor-Plugin' },
      //{ name: 'Def-Parser', desc: 'Parser for def-files to extract and edit cargo, trailer and engine parameters.', lang: 'Python', icon: '📄', url: 'https://github.com/LyonzyiLeonid5/def-parser' },
      //{ name: 'Map-Image-Generator', desc: 'Generate raster maps from game data for visualizing combo builds.', lang: 'Python', icon: '🖼️', url: 'https://github.com/LyonzyiLeonid5/map-image-generator' },
    ],
    roadmap: [
      { text: 'Release Extractor Fork', status: 'done' },
      { text: 'Release Compressor Plugin', status: 'done' },
      { text: 'There are plans to create an automatic installer for combos.', status: 'plan' },
    ]
  }
};

// ===== ТЕКУЩИЙ ЯЗЫК (используем ОБЩИЙ ключ 'lang') =====
let currentLang = localStorage.getItem('lang') || 'ru';

// ===== ФУНКЦИЯ УСТАНОВКИ ЯЗЫКА =====
function setLang(lang) {
  if (!LANG_DATA[lang]) return;
  
  currentLang = lang;
  const data = LANG_DATA[lang];

  // Header tabs
  const headerTabs = document.querySelectorAll('.nav .tab');
  if (headerTabs[0]) headerTabs[0].innerText = data.main;
  if (headerTabs[1]) headerTabs[1].innerText = data.mods;
  if (headerTabs[2]) headerTabs[2].innerText = data.combo;

  // Side panel tabs
  const sideTabs = document.querySelectorAll('.left-panel .tab');
  if (sideTabs[0]) sideTabs[0].innerText = data.main;
  if (sideTabs[1]) sideTabs[1].innerText = data.mods;
  if (sideTabs[2]) sideTabs[2].innerText = data.combo;
  
  // === Основные тексты ===
  document.getElementById('devTitle').textContent = data.devTitle;
  document.getElementById('devInfo').textContent = data.devInfo;
  document.getElementById('statsTitle').textContent = data.statsTitle;
  document.getElementById('gotogithub').innerHTML = data.gotogithub;
  document.getElementById('repoLabel').textContent = data.repoLabel;
  //document.getElementById('starsLabel').textContent = data.starsLabel;
  //document.getElementById('forksLabel').textContent = data.forksLabel;
  document.getElementById('commitsLabel').textContent = data.commitsLabel;
  document.getElementById('reposTitle').textContent = data.reposTitle;
  //document.getElementById('toolsTitle').textContent = data.toolsTitle;
  document.getElementById('roadmapTitle').textContent = data.roadmapTitle;
  //document.getElementById('contribTitle').textContent = data.contribTitle;
  //document.getElementById('contribDesc').textContent = data.contribDesc;
  
  // === Обновляем GoTo селекты ===
  const goToOptions = data.goToOptions;
  const selects = ['navSelect', 'gotonavSelect'];
  selects.forEach(id => {
    const select = document.getElementById(id);
    if (select) {
      const options = select.options;
      for (let i = 0; i < options.length && i < goToOptions.length; i++) {
        options[i].text = goToOptions[i];
      }
      select.value = '';
    }
  });
  
  // === Обновляем селекты языка ===
  document.querySelectorAll('#langSelect, #langSelectSide').forEach(select => {
    select.value = lang;
  });
  
  // === Рендерим контент ===
  renderRepos(data.repos, 'repoGrid');
  renderRepos(data.tools, 'toolsGrid', true);
  renderRoadmap(data.roadmap);
  
  // === Сохраняем язык в ОБЩИЙ ключ ===
  localStorage.setItem('lang', lang);
}

// ===== РЕНДЕРИНГ РЕПОЗИТОРИЕВ =====
function renderRepos(repos, containerId, isTool = false) {
  const container = document.getElementById(containerId);
  if (!container) return;
  container.innerHTML = '';
  
  repos.forEach(repo => {
    const card = document.createElement('div');
    card.className = 'repo-card';
    card.innerHTML = `
      <div class="repo-header">
        <span class="repo-icon">${repo.icon || '📁'}</span>
        <span class="repo-name"><a href="${repo.url || '#'}" target="_blank">${repo.name}</a></span>
      </div>
      <div class="repo-desc">${repo.desc}</div>
      <div class="repo-meta">
        <span><span class="lang-dot" style="background:${getLangColor(repo.lang)}"></span> ${repo.lang}</span>
        <span>⭐ ${repo.stars || 0}</span><span>🔱 ${repo.forks || 0}</span>
      </div>
      <div class="repo-links">
        <a href="${repo.url || '#'}" target="_blank">🔗 Открыть</a>
       <a href="${repo.url || '#'}/issues" target="_blank">🐛 Issues</a>
      </div>
    `;
    container.appendChild(card);
  });
}

// ===== РЕНДЕРИНГ ROADMAP =====
function renderRoadmap(items) {
  const list = document.getElementById('roadmapList');
  if (!list) return;
  list.innerHTML = '';
  
  const statusLabels = {
    done: '✅ Готово',
    wip: '🔄 В работе',
    plan: '📋 В планах',
    test: '🧪 Тестируется'
  };
  
  items.forEach(item => {
    const li = document.createElement('li');
    const statusText = statusLabels[item.status] || item.status;
    li.innerHTML = `
      <span class="status ${item.status}">${statusText}</span>
      <span>${item.text}</span>
    `;
    list.appendChild(li);
  });
}

// ===== ЦВЕТА ДЛЯ ЯЗЫКОВ ПРОГРАММИРОВАНИЯ =====
function getLangColor(lang) {
  const colors = {
    'Python': '#3572A5',
    'JavaScript': '#f1e05a',
    'HTML/CSS': '#e34c26',
    'C#': '#178600',
    'TypeScript': '#3178c6',
    'Lua': '#000080',
    'C++': '#f34b7d',
  };
  return colors[lang] || '#777';
}

// ===== ПЕРЕХОД К СЕКЦИИ =====
function goToSection(sectionId) {
  if (!sectionId) return;
  const element = document.getElementById(sectionId);
  if (element) {
    element.scrollIntoView({ behavior: 'smooth', block: 'start' });
  }
  document.getElementById('navSelect').value = '';
  const rightSelect = document.getElementById('gotonavSelect');
  if (rightSelect) rightSelect.value = '';
}

// ===== HEADER HIDE/SHOW =====
const SCROLL_HIDE_POINT = 60;
const header = document.querySelector("header");
const leftPanel = document.querySelector(".left-panel");
const rightPanel = document.querySelector(".right-panel");

window.addEventListener("scroll", () => {
  const scrollY = window.pageYOffset;
  if (scrollY > SCROLL_HIDE_POINT) {
    if (header) header.classList.add("hide");
    if (leftPanel) leftPanel.classList.add("show");
    if (rightPanel) rightPanel.classList.add("show");
  } else {
    if (header) header.classList.remove("hide");
    if (leftPanel) leftPanel.classList.remove("show");
    if (rightPanel) rightPanel.classList.remove("show");
  }
});

// ===== ИНИЦИАЛИЗАЦИЯ =====
// Загружаем сохранённый язык из ОБЩЕГО ключа 'lang'
const savedLang = localStorage.getItem('lang') || 'ru';
setLang(savedLang);

// ===== ОБРАБОТЧИКИ СОБЫТИЙ =====

// Обработчики для селектов языка
document.getElementById('langSelect').addEventListener('change', function(e) {
  setLang(this.value);
  const sideSelect = document.getElementById('langSelectSide');
  if (sideSelect) sideSelect.value = this.value;
});

document.getElementById('langSelectSide').addEventListener('change', function(e) {
  setLang(this.value);
  const mainSelect = document.getElementById('langSelect');
  if (mainSelect) mainSelect.value = this.value;
});

// Обработчики для GoTo селектов
document.getElementById('navSelect').addEventListener('change', function() {
  if (this.value) {
    goToSection(this.value);
    const rightSelect = document.getElementById('gotonavSelect');
    if (rightSelect) rightSelect.value = '';
  }
});

document.getElementById('gotonavSelect').addEventListener('change', function() {
  if (this.value) {
    goToSection(this.value);
    const leftSelect = document.getElementById('navSelect');
    if (leftSelect) leftSelect.value = '';
  }
});