import {compute,money,summary,whatsapp} from './engine.mjs';
const esc=v=>String(v).replace(/[&<>"']/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c]));
const unit={device:'pro Gerät',user:'pro Benutzer',hour:'pro Stunde',once:'pauschal',monthly:'pro Monat',page:'pro Seite'};
document.querySelectorAll('[data-polat-calculator]').forEach(root=>{
 if(root.dataset.initialized)return;root.dataset.initialized='true';
 const cfg=JSON.parse(root.dataset.pricing),contact=JSON.parse(root.dataset.contact||'{}'),uid=root.id;
 const field=(id,label,body)=>`<label class="pc-field" for="${uid}-${id}"><span>${label}</span>${body.replace('__ID__',uid+'-'+id)}</label>`;
 const options=items=>items.map(x=>`<option value="${esc(x.id)}">${esc(x.label)} · ${money(x.cents)}${x.basis==='monthly'?' / Monat':''}</option>`).join('');
 const num=(name,value,max,step='1')=>`<input id="__ID__" type="number" name="${name}" min="0" max="${max}" step="${step}" value="${value}" inputmode="decimal">`;
 let controls='';
 if(cfg.area==='web'){
  controls=field('kind','1. Website oder Paket',`<select id="__ID__" name="kind">${options(cfg.items.filter(x=>['website','bundle','reservation','shop','redesign'].includes(x.id)))}</select>`)+`<p class="pc-included"></p>`+field('pages','2. Zusätzliche Seiten',num('pages',0,100))+`<p class="pc-help">Nur Seiten über den enthaltenen Umfang hinaus werden zusätzlich berechnet.</p>`+field('term','3. Laufende Website-Verwaltung',`<select id="__ID__" name="term">${options(cfg.items.filter(x=>x.basis==='monthly'))}</select>`)+`<p class="pc-help">Neue Funktionen, größere Erweiterungen und externe Hosting-, Domain- oder Lizenzkosten werden separat vereinbart.</p>`;
 }else{
  const items=cfg.items.filter(x=>['once','device','user'].includes(x.basis));
  controls=`<fieldset class="pc-services"><legend>1. IT-Leistungen auswählen</legend>${items.map(x=>`<div class="pc-service"><label><input type="checkbox" name="service" value="${x.id}"><span>${esc(x.label)}<small>${money(x.cents)} · ${unit[x.basis]}</small></span></label>${x.basis==='once'?'':`<label class="pc-quantity" for="${uid}-${x.id}">${x.basis==='device'?'Geräte':'Benutzer'}<input type="number" id="${uid}-${x.id}" name="qty-${x.id}" value="1" min="1" max="999" step="1" disabled></label>`}</div>`).join('')}</fieldset>`+field('channel','2. Supportart',`<select id="__ID__" name="channel">${options(cfg.items.filter(x=>x.basis==='hour'))}</select>`)+field('hours','Gewünschte Supportstunden',num('hours',0,100,cfg.hour_step||'any'))+`<p class="pc-help">${cfg.hour_step?`Abrechnungsschritt: ${cfg.hour_step} Stunden.`:'Gewünschter Zeitbedarf. Stundensatz und Abrechnungstakt werden im Angebot festgelegt.'}</p>`+field('care','3. Monatliche IT-Betreuung',`<select id="__ID__" name="care">${options(cfg.items.filter(x=>x.basis==='monthly'))}</select>`)+`<p class="pc-help">Paketumfang, Gerätegrenzen, Lizenzen und Servicezeiten werden individuell vereinbart.</p>`;
 }
 root.innerHTML=`<div class="pc-layout"><form class="pc-controls" novalidate>${controls}<button type="reset" class="pc-reset">Auswahl zurücksetzen</button></form><aside class="pc-result"><span class="pc-kicker">Ihre Zusammenstellung</span><h3>${cfg.area==='it'?'IT-Service':'Webdesign'} anfragen</h3><div class="pc-lines"></div><div class="pc-totals" aria-live="polite" aria-atomic="true"></div><p class="pc-tax"></p><a class="pc-send" target="_blank" rel="noopener noreferrer">Via WhatsApp anfragen</a><button type="button" class="pc-copy">Zusammenfassung kopieren</button><details class="pc-details"><summary>Zusammenfassung anzeigen</summary><textarea readonly aria-label="Kopierbare Kalkulation" rows="10"></textarea></details><p class="pc-status" role="status"></p><p class="pc-help">Unverbindliche Anfrage. Einmalige und monatliche Kosten sind getrennt; die Auswahl löst keine Bestellung aus.</p></aside></div>`;
 const form=root.querySelector('form');let lastText='';
 function state(){const fd=new FormData(form);return cfg.area==='web'?{kind:fd.get('kind'),pages:fd.get('pages'),term:fd.get('term')}:{rows:fd.getAll('service').map(id=>({id,qty:fd.get('qty-'+id)||1})),hours:fd.get('hours'),channel:fd.get('channel'),care:fd.get('care')};}
 function update(){
  form.querySelectorAll('[type=number]').forEach(i=>{let v=Number(i.value);if(i.value===''||!Number.isFinite(v))v=Number(i.min||0);v=Math.min(Number(i.max),Math.max(Number(i.min),v));if(i.step==='1')v=Math.floor(v);i.value=String(v);});
  form.querySelectorAll('[name=service]').forEach(c=>{const q=form.querySelector(`[name="qty-${c.value}"]`);if(q)q.disabled=!c.checked;});
  const s=state();
  if(cfg.area==='web'){const base=cfg.items.find(x=>x.id===s.kind);const enabled=['website','bundle'].includes(s.kind);form.querySelector('[name=pages]').disabled=!enabled;form.querySelector('.pc-included').textContent=base.description+(base.included?` Enthalten: ${base.included} Inhaltsseiten.`:'');}
  const r=compute(cfg,s);lastText=summary(cfg,r);
  root.querySelector('.pc-lines').innerHTML=r.lines.map(l=>`<div class="pc-line"><span>${esc(l.label)}<small>${l.qty} × ${money(l.unit)} · ${unit[l.basis]}</small></span><strong>${money(l.total)}${l.period==='monthly'?'<small>/ Monat</small>':''}</strong></div>`).join('')||'<p>Wählen Sie die gewünschte Leistung.</p>';
  root.querySelector('.pc-totals').innerHTML=[['Einmalig',r.once],['Monatlich',r.monthly]].map(([label,p])=>`<div><span>${label}</span><strong>${money(p.total)}</strong>${p.unknown&&p.known?`<small>Bekannter Teilbetrag: ${money(p.known)}</small>`:''}</div>`).join('');
  const tax={unconfirmed:'Steuerliche Preisangabe wird im Angebot bestätigt.',smallbusiness:'Keine Umsatzsteuer aufgrund der Kleinunternehmerregelung.',gross:'Preisangaben inklusive Umsatzsteuer.',net:'Nettopreise zuzüglich Umsatzsteuer · Geschäftskunden.'};root.querySelector('.pc-tax').textContent=tax[cfg.tax]||tax.unconfirmed;
  const link=whatsapp(contact.whatsapp,lastText),a=root.querySelector('.pc-send');a.href=link||contact.contact||'/kontakt/';a.textContent=link?'Via WhatsApp anfragen':'Kontakt aufnehmen';if(!link)a.removeAttribute('target');
  root.querySelector('textarea').value=lastText;
 }
 form.addEventListener('input',update);form.addEventListener('change',update);form.addEventListener('submit',e=>e.preventDefault());form.addEventListener('reset',()=>queueMicrotask(update));
 root.querySelector('.pc-copy').addEventListener('click',async()=>{try{await navigator.clipboard.writeText(lastText);root.querySelector('.pc-status').textContent='Zusammenfassung kopiert.';}catch{root.querySelector('details').open=true;const t=root.querySelector('textarea');t.focus();t.select();root.querySelector('.pc-status').textContent='Bitte die markierte Zusammenfassung kopieren.';}});
 update();
});