509318396
­­­­­­­­­­­­­­­­­­
<!DOCTYPE html>
<html>
const page=document.getElementById('page');
const languageButtons=document.querySelectorAll('[data-lang]');
function setLanguage(lang){
  const isArabic=lang==='ar';
  document.documentElement.lang=lang;
  document.documentElement.dir=isArabic?'rtl':'ltr';
  page.dir=isArabic?'rtl':'ltr';
  page.classList.toggle('arabic',isArabic);
  document.querySelectorAll('[data-en]').forEach(el=>{el.textContent=el.dataset[lang]});
  document.querySelectorAll('[data-en-ph]').forEach(el=>{el.placeholder=el.dataset[lang+'Ph']});
  languageButtons.forEach(button=>button.classList.toggle('active',button.dataset.lang===lang));
  localStorage.setItem('peugeot-language',lang);
}
languageButtons.forEach(button=>button.addEventListener('click',()=>setLanguage(button.dataset.lang)));
setLanguage(localStorage.getItem('peugeot-language')||'en');

const observer=new IntersectionObserver(entries=>entries.forEach(entry=>{
  if(entry.isIntersecting){
    entry.target.classList.add('in-view');
    if(entry.target.dataset.vehicle){
      document.querySelectorAll('.vehicle-nav a,.topbar nav a').forEach(link=>link.classList.toggle('active',link.getAttribute('href')==='#'+entry.target.dataset.vehicle));
    }
  }
}),{threshold:.25});
document.querySelectorAll('.reveal,.vehicle-story').forEach(el=>observer.observe(el));

document.getElementById('leadForm').addEventListener('submit',event=>{
  event.preventDefault();
  event.currentTarget.hidden=true;
  document.getElementById('success').hidden=false;
});