/* ============ TABS ============ */
$$(".tab-btn").forEach(b=>b.addEventListener("click",()=>{
  $$(".tab-btn").forEach(x=>x.classList.remove("active"));
  $$(".tab-panel").forEach(x=>x.classList.remove("active"));
  b.classList.add("active");
  $(`.tab-panel[data-panel="${b.dataset.tab}"]`).classList.add("active");
}));

/* ============ PRICING TOGGLE ============ */
$("#billToggle").addEventListener("click",function(){
  const yr=this.classList.toggle("year");
  $("#lblM").classList.toggle("active",!yr);$("#lblY").classList.toggle("active",yr);
  $$(".plan .price[data-m]").forEach(p=>{
    const v=yr?p.dataset.y:p.dataset.m;
    p.innerHTML=`$${v}<small>/mo</small>`;
  });
});

/* ============ THEME ============ */
$("#themeBtn").addEventListener("click",()=>{
  const cur=document.documentElement.getAttribute("data-theme");
  const nxt=cur==="dark"?"light":"dark";
  document.documentElement.setAttribute("data-theme",nxt);
  try{localStorage.setItem("tripz_theme",nxt);}catch(e){}
});

/* ============ LANG MENU ============ */
$("#langBtn").addEventListener("click",e=>{e.stopPropagation();$("#langWrap").classList.toggle("open");});
document.addEventListener("click",()=>$("#langWrap").classList.remove("open"));
$$(".lang-menu button").forEach(b=>b.addEventListener("click",()=>{applyLang(b.dataset.lang);$("#langWrap").classList.remove("open");}));

/* ============ NAV SCROLL ============ */
addEventListener("scroll",()=>{$("#hdr").classList.toggle("scrolled",scrollY>80);});

/* ============ MOBILE MENU ============ */
(function(){
  const toggle=$("#menuToggle"),drawer=$("#mobileDrawer"),overlay=$("#mobileOverlay");
  if(!toggle||!drawer)return;
  function close(){drawer.classList.remove("open");overlay.classList.remove("show");toggle.setAttribute("aria-expanded","false");}
  function open(){drawer.classList.add("open");overlay.classList.add("show");toggle.setAttribute("aria-expanded","true");}
  toggle.addEventListener("click",()=>{drawer.classList.contains("open")?close():open();});
  overlay.addEventListener("click",close);
  drawer.querySelectorAll("a").forEach(a=>a.addEventListener("click",close));
})();

/* ============ REVEAL + COUNTERS + TIMELINE ============ */
const io=new IntersectionObserver((es)=>{
  es.forEach(en=>{
    if(en.isIntersecting){
      en.target.classList.add("in");
      $$(".count",en.target).forEach(runCount);
      if(en.target.id==="timeline")animateTimeline();
      io.unobserve(en.target);
    }
  });
},{threshold:.2});
$$(".reveal").forEach(el=>io.observe(el));
const tlObs=$("#timeline");if(tlObs)io.observe(tlObs);

function runCount(el){
  if(el.dataset.plain){return;} // years shown plainly
  const to=+el.dataset.to, dec=+el.dataset.dec||0, dur=900; let t0=null;
  function step(ts){if(!t0)t0=ts;const p=Math.min((ts-t0)/dur,1);const e=1-Math.pow(1-p,3);
    el.textContent=(to*e).toFixed(dec);if(p<1)requestAnimationFrame(step);else el.textContent=to.toFixed(dec);}
  requestAnimationFrame(step);
}
function animateTimeline(){
  const steps=$$(".zig-row");const fill=$("#tlFill");
  fill.style.height=($("#timeline").offsetHeight-12)+"px";
  steps.forEach((s,i)=>setTimeout(()=>s.classList.add("on"),i*220));
}

/* ============ INIT ============ */
(function init(){
  try{
    const t=localStorage.getItem("tripz_theme");if(t)document.documentElement.setAttribute("data-theme",t);
    const l=localStorage.getItem("tripz_lang")||"ar";
    loadLang(l);
  }catch(e){loadLang("ar");}
})();