/* Website shell derived from the signed CapGain iOS release, 12 October 2026. */
const esc = value => String(value ?? '').replace(/[&<>"']/g, c => ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c]));
const asset = name => `native-assets/CapGainHero${name}.webp`;
const photos = {cg:'CapitalGains',stamp:'StampDuty',ownership:'DealCost',gst:'GST',emi:'EMI',finance:'LoanEligibility',pmay:'PMAY',rent:'Home',nridesk:'NRI',circle:'CircleRate',land:'LandUnits',builders:'Diligence'};
const svcPhotos = {'cg-review':'AdvisoryCapitalGains',tds:'AdvisoryTDS',docs:'AdvisoryDocuments',verify:'AdvisoryVerify',rera:'AdvisoryRERA',diligence:'AdvisoryDiligence',nri:'AdvisoryNRI',valuation:'AdvisoryValuation',rental:'AdvisoryRental',succession:'AdvisorySuccession',structuring:'AdvisoryStructuring'};
const tabNames = {home:'Home',calculators:'Calculators',advisory:'Advisory',news:'News',knowledge:'Knowledge'};
const calcOrder = ['cg','stamp','ownership','gst','emi','finance','pmay','rent','nridesk','circle','land'];
const journeyPhotos = {sell:'JourneySell',buy:'JourneyBuy',nri:'JourneyNRI',inherit:'JourneyInherit'};
let tab = 'home';
let term = '';
const root = document.createElement('div');
root.id = 'cg-native-app';
root.setAttribute('aria-label','CAPGAIN website');
document.body.prepend(root);
document.documentElement.classList.add('cg-native-parity');
const accountDialog=document.createElement('dialog');
accountDialog.id='cg-native-account-dialog';
accountDialog.className='cg-native-account-dialog';
document.body.append(accountDialog);

function cg() { return window.CG; }
function button(text, action, cls = '') { return `<button type="button" class="${cls}" data-native-action="${esc(action)}">${text}</button>`; }
function hero(image, eyebrow, title, subtitle) { return `<section class="cg-native-hero"><img src="${asset(image)}" alt="" loading="eager"><div class="cg-native-hero-copy"><span>${esc(eyebrow)}</span><h1>${esc(title)}</h1><p>${esc(subtitle)}</p></div></section>`; }
function row(title, sub, action, image) { return button(`<img src="${asset(image)}" alt="" loading="lazy"><span><strong>${esc(title)}</strong><small>${esc(sub)}</small></span><b aria-hidden="true">›</b>`, action, 'cg-native-row'); }
function section(title, body, action, actionText='See all') { return `<section class="cg-native-section"><div class="cg-native-section-head"><h2>${esc(title)}</h2>${action ? button(esc(actionText)+' <span aria-hidden="true">→</span>',action,'cg-native-link') : ''}</div>${body}</section>`; }
function openNativeRoute(route) {
  document.documentElement.classList.add('cg-native-detail');
  try { cg().navigate(route); } catch { cg().go(route.split(':')[0]); }
  setTimeout(() => { if (document.querySelector('dialog[open]')) document.documentElement.classList.remove('cg-native-detail'); }, 0);
  window.scrollTo(0,0);
}
function home() {
  const journeys = (cg().catalog.journeys || []).map(j => row(j.title,j.sub,`journey:${j.id}`,journeyPhotos[j.id] || 'Home')).join('');
  const picks = ['cg','ownership','stamp','emi'].map(key => cg().catalog.calculators.find(c=>c.key===key)).filter(Boolean).map(c=>row(c.title,c.sub,`calc:${c.key}`,photos[c.key])).join('');
  const news = newsList(3);
  return `<div class="cg-native-greeting">${greeting()}</div>${button('<span class="cg-native-search-icon">⌕</span><span>Ask the capital gains book AI</span><b>→</b>','assistant','cg-native-ask')}
    ${hero('Estate','YOUR PROPERTY WORKSPACE','A clearer way through every property decision','Tax, due diligence, filing and trusted guidance in one place.')}
    ${row('TDS & Form 141','Rent or property purchase · JSON, XML and PDF','form','TDS')}
    ${section('Your journey',`<div class="cg-native-grid">${journeys}</div>`)}
    ${section('Popular calculators',`<div class="cg-native-grid">${picks}</div>`,'tab:calculators')}
    ${section('Your workspace',`<div class="cg-native-grid">${row('Property workspace','Documents and due diligence','docs','Documents')}${row('Advisory','Get professional help','tab:advisory','Transactions')}</div>`)}
    ${section('Property tax news',news,'tab:news')}`;
}
function greeting() { const h=new Date().getHours(); return h>=5&&h<12?'Good morning':h>=12&&h<17?'Good afternoon':'Good evening'; }
function calculators() {
  const all = calcOrder.map(key=>cg().catalog.calculators.find(c=>c.key===key)).filter(Boolean);
  const matched=all.filter(c=>(c.title+' '+c.sub).toLowerCase().includes(term.toLowerCase()));
  return `${hero('Calculator','CALCULATORS','Work out your next move','Clear calculations for buying, selling, financing and tax.')}
  ${row('TDS & Form 141','Prepare rent or purchase schedules','form','TDS')}
  <label class="cg-native-filter-label" for="cg-native-filter">Find a calculator</label><input id="cg-native-filter" class="cg-native-filter" type="search" placeholder="Search calculators" value="${esc(term)}">
  ${section('All calculators',matched.length?matched.map(c=>row(c.title,c.sub,c.key==='circle'?'route:circle':`calc:${c.key}`,photos[c.key]||'Calculator')).join(''):'<p class="cg-native-empty">No matching calculator.</p>')}`;
}
function advisory() {
  const services=(cg().catalog.services||[]).filter(s=>(s.title+' '+(s.what||'')).toLowerCase().includes(term.toLowerCase()));
  return `${hero('Transactions','ADVISORY','Expert help for your transaction','Choose the right professional for tax, legal review and property decisions.')}
  <label class="cg-native-filter-label" for="cg-native-filter">Find a service</label><input id="cg-native-filter" class="cg-native-filter" type="search" placeholder="Search services" value="${esc(term)}">
  ${section('Services',services.length?services.map(s=>row(s.title,s.what||'',`service:${s.key}`,svcPhotos[s.key]||'AdvisoryTransaction')).join(''):'<p class="cg-native-empty">No matching service.</p>')}
  ${section('Your requests',row('My requests','View or continue an advisory request','route:account:requests','AdvisoryTransaction'))}`;
}
function newsList(limit=12) {
  let items=[]; try { items=cg().feed.items({limit}); } catch {}
  return items.length?items.map(item=>{ const link=typeof item.link==='string'&&/^https:\/\//i.test(item.link)?item.link:null; const title=esc(item.title); const desc=esc(item.desc||''); return `<article class="cg-native-news"><span>${esc(item.source||'Property tax news')}</span><h3>${title}</h3><p>${desc}</p>${link?`<a href="${esc(link)}" target="_blank" rel="noopener noreferrer">Read original source ↗</a>`:''}</article>`; }).join(''):'<p class="cg-native-empty">Headlines are unavailable right now.</p>';
}
function news() { return `${hero('News','NEWS','Real Estate Transactions Tax News','Capital gains · Income tax · TDS · GST. Read each update at its original source.')}${section('Latest updates',newsList())}`; }
function knowledge() {
  const topics = [ ['Capital gains','Income tax on a property sale','knowledge:topic:capital-gains','CapitalGains'],['RERA','Projects, registration and buyer remedies','knowledge:topic:rera','RERA'],['GST on property','Construction, rent and reverse charge','knowledge:topic:gst','GST'],['NRI property rules','Tax, TDS and repatriation','knowledge:topic:nri','NRI'] ];
  const matched=topics.filter(t=>(t[0]+' '+t[1]).toLowerCase().includes(term.toLowerCase()));
  return `${hero('Knowledge','KNOWLEDGE','Property law and tax, in plain words','RERA, land records, capital gains, GST and NRI rules, with tools to act on them.')}
  ${row('Ask the 2026 capital gains book','Answers grounded in cited reader pages','book','Knowledge')}
  <label class="cg-native-filter-label" for="cg-native-filter">Find a topic</label><input id="cg-native-filter" class="cg-native-filter" type="search" placeholder="Search topics" value="${esc(term)}">
  ${section('Explore the library',matched.length?matched.map(t=>row(t[0],t[1],`route:${t[2]}`,t[3])).join(''):'<p class="cg-native-empty">No matching topic.</p>')}
  ${section('Market and property data',row('Circle rates','Government values by city and zone','route:circle','CircleRate')+row('Builder grade','Developer records and ratings','route:builders','Diligence'))}`;
}
function render() {
  const content={home,calculators,advisory,news,knowledge}[tab]();
  root.innerHTML=`<div class="cg-native-wrap"><header class="cg-native-header"><div class="cg-native-header-inner"><button type="button" data-native-action="tab:home" class="cg-native-brand" aria-label="CAPGAIN home"><img src="native-assets/capgain-logo-light.svg" alt="CAPGAIN"></button><nav aria-label="Main navigation">${Object.entries(tabNames).map(([key,label])=>button(esc(label),`tab:${key}`,key===tab?'active':'')).join('')}</nav>${button('<span aria-hidden="true">◯</span><span class="cg-native-account-label">Account</span>','account','cg-native-account')}</div></header><main class="cg-native-main">${content}<footer class="cg-native-footer">CAPGAIN · Redefining Real Estate</footer></main><nav class="cg-native-bottom" aria-label="Mobile navigation">${Object.entries(tabNames).map(([key,label])=>button(`<span class="cg-native-tab-icon">${{home:'⌂',calculators:'▦',advisory:'◇',news:'▤',knowledge:'▣'}[key]}</span><small>${esc(label)}</small>`,`tab:${key}`,key===tab?'active':'')).join('')}</nav></div><button id="cg-native-ai-fab" type="button" data-native-action="book" aria-label="Ask the CAPGAIN book AI">✦ <span>Book AI</span></button><button id="cg-native-back" type="button" aria-label="Back to ${esc(tabNames[tab])}">← Back to ${esc(tabNames[tab])}</button>`;
}
root.addEventListener('click', event=>{
  const target=event.target.closest('[data-native-action]'); if(!target)return;
  const action=target.dataset.nativeAction;
  if(action.startsWith('tab:')) { tab=action.slice(4); term=''; document.documentElement.classList.remove('cg-native-detail'); render(); window.scrollTo(0,0); return; }
  if(action==='book') return window.CapGainBook?.open();
  if(action==='form') return window.CapGainRelease?.openForm();
  if(action==='docs') return window.CapGainRelease?.openDocs();
  if(action==='account') {
    const user=cg().auth.current();
    if(!user) return cg().auth.openSignIn();
    accountDialog.innerHTML=`<div><h2>Your account</h2><p>${esc(user.emailMasked||'Signed in')}</p><p>Signed in with ${esc(user.provider||user.method||'CAPGAIN')}</p><button type="button" data-account-signout>Sign out</button><button type="button" data-account-close>Close</button></div>`;
    accountDialog.showModal();
    return;
  }
  if(action==='assistant') return window.CapGainBook?.open();
  if(action.startsWith('calc:')) return openNativeRoute('calculators:'+action.slice(5));
  if(action.startsWith('service:')) return openNativeRoute('advisory:'+action.slice(8));
  if(action.startsWith('journey:')) return openNativeRoute('journey:'+action.slice(8));
  if(action.startsWith('route:')) return openNativeRoute(action.slice(6));
});
root.addEventListener('click',event=>{ if(event.target.id==='cg-native-back'){try{cg().sheet.close();}catch{}document.documentElement.classList.remove('cg-native-detail');render();window.scrollTo(0,0);} });
root.addEventListener('input',event=>{ if(event.target.id==='cg-native-filter'){const pos=event.target.selectionStart; term=event.target.value; render(); const input=root.querySelector('#cg-native-filter');input?.focus();input?.setSelectionRange(pos,pos);} });
accountDialog.addEventListener('click',event=>{
  if(event.target.matches('[data-account-close]')||event.target===accountDialog) accountDialog.close();
  if(event.target.matches('[data-account-signout]')) { cg().auth.signOut(); accountDialog.close(); render(); }
});
const startup=setInterval(()=>{if(cg()?.catalog&&cg()?.feed){clearInterval(startup);render();}},25);
setTimeout(()=>clearInterval(startup),15000);