const btn = document.getElementById('langDropdown');
  const menu = btn.nextElementSibling; // the <ul class="dropdown-menu">
  btn.addEventListener('click', e => {
    e.preventDefault();
    menu.classList.toggle('show');
  });
  // click outside to close
  document.addEventListener('click', e => {
    if (!btn.contains(e.target) && !menu.contains(e.target)) {
      menu.classList.remove('show');
    }
  });

/* ───────── dictionary ───────── */
const translations = {
    en: {
      home:            "Home",
      about:           "About Us",
      services:        "Services",
      industries:      "Industries",
      branches:        "Branches",
      contact:         "Contact Us",
      
      /* contacts section */
    contact_section_label: "Contacts",
    contact_headline: 'WE MAKE IT <span class="mil-a1">POSSIBLE</span> FOR PEOPLE, COMPANIES, COMMUNITIES &amp; ENVIRONMENTS TO <span class="mil-a1">THRIVE</span>.',
    contact_cta: "Get in Touch",
    facebook_title: "Facebook",
    facebook_desc: "See what we’re up to",
    email_title: "Email",
    email_desc: "Send us a mail",
    linkedin_title: "LinkedIn",
    linkedin_desc: "Join our network",
    phone_title: "Phone Us",
    phone_desc: "Give us a call",
      
      
      hero_heading:    'Get in <span class="mil-a2">touch</span>',
      call_us:         "Call Us",
      office_phone:    "Office: +27 (0)21 511 8000",
      support_phone:   "Support: +27 (0)86 511 8001",
      email_us:        "Email",
      office_email:    "info@sgbcape.com",
      support_email:   "support@sgbcape.com",
      visit_us:        "Visit Us",
      visit_address:   "181a Barbara Rd, Elandsfontein Rail, Germiston, 1401, South Africa",
      footer_about_desc: "SGB-Cape offers 10 core services: Access Scaffolding, Thermal Insulation and Cladding, Industrial Corrosion Protection, Rope Access, Offshore Maintenance, QuikDeck®, Fire Proofing, Asbestos Removal, Non-Destructive Testing, Fall Arrest Systems.",
      footer_since:       "Since 1948",
      footer_hours_label: "WE ARE AVAILABLE",
      footer_hours_value: "Mon – Fri / 8:00 – 17:00",
      footer_links_title: "Useful Links",
      popi_policy:        "POPI Policy",
      popi_act:           "POPI Act",
      privacy_policy:     "Privacy Policy",
      terms_of_use:       "Terms of Use",
      careers:            "Careers",
      office_address_title: "Office Address",
      office_address:       "181a Barbara Rd, Elandsfontein Rail, Germiston, 1401",
      email_address_title:  "Email Address",
      whistle_blowers:      "WHISTLE BLOWERS",
      proudly_level_2_bee:  "PROUDLY LEVEL 2 BEE",
      we_are_waco:          "WE ARE WACO",
      copyright:            "© 2025 SGB Cape | All rights reserved | Privacy Statement | POPI Policy | POPI Act | Privacy Policy | Terms of Use"
    },
    pt: {
      home:            "Início",
      about:           "Sobre Nós",
      services:        "Serviços",
      industries:      "Indústrias",
      branches:        "Filiais",
      contact:         "Fale Conosco",
      
      contact_section_label: "Contatos",
    contact_headline: 'TORNAMOS <span class="mil-a1">POSSÍVEL</span> PARA PESSOAS, EMPRESAS, COMUNIDADES E AMBIENTES <span class="mil-a1">PROSPERAREM</span>.',
    contact_cta: "Entre em Contato",
    facebook_title: "Facebook",
    facebook_desc: "Veja nossas atividades",
    email_title: "Email",
    email_desc: "Envie-nos um e-mail",
    linkedin_title: "LinkedIn",
    linkedin_desc: "Junte-se à nossa rede",
    phone_title: "Telefone",
    phone_desc: "Ligue para nós",
      
      hero_heading:    'Entre em <span class="mil-a2">contato</span>',
      call_us:         "Ligue-nos",
      office_phone:    "Escritório: +27 (0)21 511 8000",
      support_phone:   "Suporte: +27 (0)86 511 8001",
      email_us:        "Email",
      office_email:    "info@sgbcape.com",
      support_email:   "support@sgbcape.com",
      visit_us:        "Visite-nos",
      visit_address:   "181a Barbara Rd, Elandsfontein Rail, Germiston, 1401, África do Sul",
      footer_about_desc: "A SGB-Cape oferece 10 serviços principais: Andaimes de Acesso, Isolamento Térmico e Revestimento, Proteção Anticorrosão Industrial, Acesso por Corda, Manutenção Offshore, QuikDeck®, Ignifugação, Remoção de Amianto, Ensaios Não Destrutivos, Sistemas Anticasca.",
      footer_since:       "Desde 1948",
      footer_hours_label: "ESTAMOS DISPONÍVEIS",
      footer_hours_value: "Seg – Sex / 8:00 – 17:00",
      footer_links_title: "Links Úteis",
      popi_policy:        "Política POPI",
      popi_act:           "Lei POPI",
      privacy_policy:     "Política de Privacidade",
      terms_of_use:       "Termos de Uso",
      careers:            "Carreiras",
      office_address_title: "Endereço do Escritório",
      office_address:       "181a Barbara Rd, Elandsfontein Rail, Germiston, 1401",
      email_address_title:  "Endereço de Email",
      whistle_blowers:      "CANAL DE DENÚNCIAS",
      proudly_level_2_bee:  "ORGANIZAÇÃO NÍVEL 2 BEE",
      we_are_waco:          "SOMOS WACO",
      copyright:            "© 2025 SGB Cape | Todos os direitos reservados | Declaração de Privacidade | Política POPI | Lei POPI | Política de Privacidade | Termos de Uso"
    },
    fr: {
      home:            "Accueil",
      about:           "À Propos",
      services:        "Services",
      industries:      "Secteurs",
      branches:        "Succursales",
      contact:         "Contact",
      
      contact_section_label: "Contacts",
    contact_headline: 'NOUS RENDONS <span class="mil-a1">POSSIBLE</span> POUR LES PERSONNES, LES ENTREPRISES, LES COMMUNAUTÉS &amp; ENVIRONNEMENTS DE <span class="mil-a1">PROSPÉRER</span>.',
    contact_cta: "Contactez-nous",
    facebook_title: "Facebook",
    facebook_desc: "Découvrez nos activités",
    email_title: "Email",
    email_desc: "Envoyez-nous un e-mail",
    linkedin_title: "LinkedIn",
    linkedin_desc: "Rejoignez notre réseau",
    phone_title: "Téléphone",
    phone_desc: "Appelez-nous",
      
      hero_heading:    'Prenez <span class="mil-a2">contact</span>',
      call_us:         "Appelez-nous",
      office_phone:    "Bureau : +27 (0)21 511 8000",
      support_phone:   "Support : +27 (0)86 511 8001",
      email_us:        "Email",
      office_email:    "info@sgbcape.com",
      support_email:   "support@sgbcape.com",
      visit_us:        "Visitez-nous",
      visit_address:   "181a Barbara Rd, Elandsfontein Rail, Germiston, 1401, Afrique du Sud",
      footer_about_desc: "SGB-Cape propose 10 services : Échafaudages d’Accès, Isolation Thermique et Bardage, Protection Anticorrosion Industrielle, Accès par Corde, Maintenance Offshore, QuikDeck®, Ignifugation, Enlèvement d’Amiantes, Tests Non Destructifs, Systèmes Antichute.",
      footer_since:       "Depuis 1948",
      footer_hours_label: "NOUS SOMMES DISPONIBLES",
      footer_hours_value: "Lun – Ven / 8 h 00 – 17 h 00",
      footer_links_title: "Liens Utiles",
      popi_policy:        "Politique POPI",
      popi_act:           "Loi POPI",
      privacy_policy:     "Politique de Confidentialité",
      terms_of_use:       "Conditions d’Utilisation",
      careers:            "Carrières",
      office_address_title: "Adresse du Bureau",
      office_address:       "181a Barbara Rd, Elandsfontein Rail, Germiston, 1401",
      email_address_title:  "Adresse Email",
      whistle_blowers:      "LIGNE ÉTHIQUE",
      proudly_level_2_bee:  "FIER NIVEAU 2 BEE",
      we_are_waco:          "NOUS SOMMES WACO",
      copyright:            "© 2025 SGB Cape | Tous droits réservés | Déclaration de Confidentialité | Politique POPI | Loi POPI | Politique de Confidentialité | Conditions d’Utilisation"
    }
  };

  

/* ───────── apply a language ───────── */
function setLanguage(lang='en'){
  document.documentElement.lang = lang;
  document.querySelectorAll('[data-translate-key]').forEach(el=>{
    const txt = translations?.[lang]?.[el.dataset.translateKey];
    if (txt !== undefined) el.innerHTML = txt;      // keep any <span> markup
  });
  // update hero slider if that helper exists
  if (typeof updateHeroSlides === 'function') updateHeroSlides(lang);
}


/* ───────── init & menu binding ───────── */
document.addEventListener('DOMContentLoaded',()=>{
  setLanguage(localStorage.getItem('lang') || 'en');

  document.querySelectorAll('.dropdown-item[data-lang]').forEach(btn=>{
    btn.addEventListener('click',e=>{
      e.preventDefault();
      const lang = btn.dataset.lang;
      localStorage.setItem('lang',lang);
      setLanguage(lang);
    });
  });
});

function updateHeroSlides(lang = 'en') {
  // A) HERO SLIDES
  document
    .querySelectorAll('.hero-swiper .swiper-slide[data-service-num]:not(.swiper-slide-duplicate)')
    .forEach(slide => {
      const idx = parseInt(slide.dataset.serviceNum, 10);
      if (idx < 1 || idx > 10) return;

      const pad  = String(idx).padStart(2, '0');
      const keyT = `services_${pad}_t`;
      const keyD = `services_${pad}_d`;

      const titleEl = slide.querySelector('.hero-title');
      const descEl  = slide.querySelector('.hero-desc');

      if (titleEl && translations[lang]?.[keyT] !== undefined) {
        titleEl.innerHTML = translations[lang][keyT];
      }
      if (descEl && translations[lang]?.[keyD] !== undefined) {
        descEl.innerHTML = translations[lang][keyD];
      }
    });

  // ── B) UPDATE PAGINATION BULLETS & “UP NEXT” ─────────────────
  if (typeof serviceNames !== 'undefined') {
    // rebuild serviceNames array from translations
    const newNames = serviceNames.map((_, i) => {
      const pad = String(i + 1).padStart(2, '0');
      return translations[lang]?.[`services_${pad}_t`] || serviceNames[i];
    });
    serviceNames.splice(0, serviceNames.length, ...newNames);

    document
      .querySelectorAll('.hero-pagination .swiper-pagination-bullet')
      .forEach((b, i) => {
        const name = serviceNames[i % serviceNames.length];
        b.dataset.service = name;
        b.title = name;
      });

    if (typeof updateUpNext === 'function' && typeof heroSwiper !== 'undefined') {
      updateUpNext(heroSwiper);
    }
  }

  // ── C) SERVICES CAROUSEL ────────────────────────────────────
  document.querySelectorAll('.mil-service-item[data-service-num]').forEach(item => {
    const idx = parseInt(item.dataset.serviceNum, 10);
    if (!idx || idx < 1 || idx > 10) return;

    const pad  = String(idx).padStart(2, '0');
    const keyT = `services_${pad}_t`;
    const keyD = `services_${pad}_d`;

    const titleEl = item.querySelector('h3');
    const descEl  = item.querySelector('p.mil-text-md');

    if (titleEl && translations[lang]?.[keyT] !== undefined) {
      titleEl.innerHTML = translations[lang][keyT];
    }
    if (descEl && translations[lang]?.[keyD] !== undefined) {
      let txt = translations[lang][keyD];
      if (txt.length > 120) txt = txt.slice(0, 117) + '…';
      descEl.innerHTML = txt;
    }

    const readBtn = item.querySelector('.mil-stylized-btn span');
    if (readBtn && translations[lang]?.read_more) {
      readBtn.textContent = translations[lang].read_more;
    }
  });
}