// Translation dictionary
const translations = {
  pt: {
    'nav-about': 'Sobre Nós',
    'nav-services': 'Nossos Serviços', 
    'nav-blog': 'Blog',
    'nav-contact': 'Solicite Uma Avaliação',
    'category': 'Design de Interiores',
    'title-1': 'Os Melhores',
    'title-2': 'Colores de Paredes', 
    'title-3': 'para Alojamento Local',
    'subtitle': 'Guia completo 2024 sobre as melhores cores de paredes para alojamento local, tendências e dicas profissionais para maximizar reservas',
    'date': 'Junho 2024',
    'read-time': '6 min de leitura',
    'author': 'Especialistas em Design',
    'breadcrumb-home': 'Início',
    'breadcrumb-blog': 'Blog', 
    'breadcrumb-current': 'Melhores Cores de Paredes',
    'intro-text-1': 'A escolha das cores de paredes é um dos fatores mais críticos no design de um alojamento local. As cores certas podem influenciar significativamente a experiência dos hóspedes, o número de reservas e até o valor que pode cobrar pela sua propriedade.',
    'intro-text-2': 'Neste guia completo, revelamos as melhores cores de paredes baseadas em estudos de mercado, tendências de 2024 e feedback real de hóspedes de alojamento local na Madeira.',
    'stats-title': 'Estatísticas Importantes',
    'stats-1-number': '78%',
    'stats-1-text': 'dos hóspedes consideram as cores das paredes na avaliação',
    'stats-2-number': '+23%',
    'stats-2-text': 'aumento nas reservas com cores neutras bem escolhidas',
    'stats-3-number': '89%',
    'stats-3-text': 'dos especialistas recomendam tons neutros',
    'palettes-title': 'Top 5 Paletas de Cores para 2024',
    'palette-1-title': 'Neutros Modernos',
    'palette-1-desc': 'Perfeito para qualquer estilo, aumenta a sensação de espaço',
    'palette-1-rating': '★★★★★ Mais Popular',
    'palette-2-title': 'Tons Terrosos',
    'palette-2-desc': 'Cria ambiente acolhedor e confortável',
    'palette-2-rating': '★★★★☆ Tendência 2024',
    'palette-3-title': 'Azuis Suaves',
    'palette-3-desc': 'Ideal para quartos, promove relaxamento',
    'palette-3-rating': '★★★★☆ Quartos'
  },
  en: {
    'nav-about': 'About Us',
    'nav-services': 'Our Services',
    'nav-blog': 'Blog', 
    'nav-contact': 'Request Evaluation',
    'category': 'Interior Design',
    'title-1': 'The Best',
    'title-2': 'Wall Colors',
    'title-3': 'for Local Accommodation', 
    'subtitle': 'Complete 2024 guide on the best wall colors for local accommodation, trends and professional tips to maximize bookings',
    'date': 'June 2024',
    'read-time': '6 min read',
    'author': 'Design Specialists',
    'breadcrumb-home': 'Home',
    'breadcrumb-blog': 'Blog',
    'breadcrumb-current': 'Best Wall Colors',
    'intro-text-1': 'Choosing wall colors is one of the most critical factors in local accommodation design. The right colors can significantly influence guest experience, number of bookings and even the price you can charge for your property.',
    'intro-text-2': 'In this complete guide, we reveal the best wall colors based on market studies, 2024 trends and real feedback from local accommodation guests in Madeira.',
    'stats-title': 'Important Statistics',
    'stats-1-number': '78%',
    'stats-1-text': 'of guests consider wall colors in their evaluation',
    'stats-2-number': '+23%',
    'stats-2-text': 'increase in bookings with well-chosen neutral colors',
    'stats-3-number': '89%',
    'stats-3-text': 'of experts recommend neutral tones',
    'palettes-title': 'Top 5 Color Palettes for 2024',
    'palette-1-title': 'Modern Neutrals',
    'palette-1-desc': 'Perfect for any style, increases sense of space',
    'palette-1-rating': '★★★★★ Most Popular',
    'palette-2-title': 'Earthy Tones',
    'palette-2-desc': 'Creates cozy and comfortable environment',
    'palette-2-rating': '★★★★☆ 2024 Trend',
    'palette-3-title': 'Soft Blues',
    'palette-3-desc': 'Ideal for bedrooms, promotes relaxation',
    'palette-3-rating': '★★★★☆ Bedrooms'
  }
};

let currentLanguage = 'pt';

function changeLanguage(lang) {
  currentLanguage = lang;
  
  const elements = document.querySelectorAll('[data-translate]');
  elements.forEach(element => {
    const key = element.getAttribute('data-translate');
    if (translations[lang] && translations[lang][key]) {
      element.textContent = translations[lang][key];
    }
  });
  
  updateLanguageSelector(lang);
  localStorage.setItem('preferredLanguage', lang);
  closeLanguageDropdowns();
  
  // Update page title and meta description for SEO
  updatePageMeta(lang);
}

function updatePageMeta(lang) {
  if (lang === 'en') {
    document.title = 'Best Wall Colors for Local Accommodation - Complete 2024 Guide';
    const metaDesc = document.querySelector('meta[name="description"]');
    if (metaDesc) {
      metaDesc.content = 'Complete 2024 guide on the best wall colors for local accommodation, trends and professional tips to maximize bookings in Madeira.';
    }
  } else {
    document.title = 'Os Melhores Colores de Paredes para Alojamento Local - Guia Completo 2024';
    const metaDesc = document.querySelector('meta[name="description"]');
    if (metaDesc) {
      metaDesc.content = 'Guia completo 2024 sobre as melhores cores de paredes para alojamento local, tendências e dicas profissionais para maximizar reservas na Madeira.';
    }
  }
}

function updateLanguageSelector(lang) {
  const flags = {
    pt: 'https://flagcdn.com/16x12/pt.png',
    en: 'https://flagcdn.com/16x12/gb.png'
  };
  
  const labels = { pt: 'PT', en: 'EN' };
  
  const currentFlag = document.getElementById('current-flag');
  const currentLang = document.getElementById('current-lang');
  if (currentFlag) currentFlag.src = flags[lang];
  if (currentLang) currentLang.textContent = labels[lang];
  
  const mobileCurrentFlag = document.getElementById('mobile-current-flag');
  const mobileCurrentLang = document.getElementById('mobile-current-lang');
  if (mobileCurrentFlag) mobileCurrentFlag.src = flags[lang];
  if (mobileCurrentLang) mobileCurrentLang.textContent = labels[lang];
}

function closeLanguageDropdowns() {
  const dropdown = document.getElementById('language-dropdown');
  const mobileDropdown = document.getElementById('mobile-language-dropdown');
  if (dropdown) dropdown.classList.add('hidden');
  if (mobileDropdown) mobileDropdown.classList.add('hidden');
}

function toggleLanguageDropdown(isMobile = false) {
  const dropdownId = isMobile ? 'mobile-language-dropdown' : 'language-dropdown';
  const dropdown = document.getElementById(dropdownId);
  if (dropdown) dropdown.classList.toggle('hidden');
}

function init() {
  const savedLanguage = localStorage.getItem('preferredLanguage') || 'pt';
  if (savedLanguage !== 'pt') changeLanguage(savedLanguage);
  
  const languageButton = document.getElementById('language-button');
  const mobileLanguageButton = document.getElementById('mobile-language-button');
  
  if (languageButton) {
    languageButton.addEventListener('click', (e) => {
      e.stopPropagation();
      toggleLanguageDropdown(false);
    });
  }
  
  if (mobileLanguageButton) {
    mobileLanguageButton.addEventListener('click', (e) => {
      e.stopPropagation();  
      toggleLanguageDropdown(true);
    });
  }
  
  document.addEventListener('click', () => closeLanguageDropdowns());
}

function teardown() {
  document.removeEventListener('click', closeLanguageDropdowns);
}

window.changeLanguage = changeLanguage;