import {calculateIT,calculateWeb,euro,bounded} from './pricing-engine.mjs';
const escape=s=>String(s).replace(/[&<>"']/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c]));
const cfg=window.pds4Config;const p=cfg?.pricing;
const kinds={website:'Unternehmenswebsite',bundle:'Website + Reservierung',reservation:'Nur Reservierungssystem',shop:'Online-Shop',redesign:'Website überarbeiten'};
const option=(v,label,current)=>`<option value="${v}" ${v===current?'selected':''}>${escape(label)}</option>`;
const field=(label,key,value,min,max,step=1)=>`<label>${escape(label)}<input type="number" data-key="${key}" value="${value}" min="${min}" max="${max}" step="${step}"></label>`;
const warn='Lizenzen, Hardware, Fahrt- und Fremdkosten werden nach Bedarf separat vereinbart und sind derzeit nicht beziffert.';
function actions(summary,kind,selection){return `<div class="calc-actions"><a class="button button-whatsapp" target="_blank" rel="noopener noreferrer" href="https://wa.me/${escape(cfg.whatsapp)}?text=${encodeURIComponent('Hallo Polat Digital Solutions, bitte um ein unverbindliches Angebot:\n\n'+summary)}">${kind}-Angebot über WhatsApp anfordern</a><a class="button button-secondary" data-pds5-offer="${escape(JSON.stringify(selection))}" href="${escape(cfg.contact)}?service=${kind}&summary=${encodeURIComponent(summary)}#anfrage">Angebot anfordern</a><button class="button button-secondary" data-copy type="button">Kalkulation kopieren</button><p role="status" class="copy-status"></p><textarea class="copy-fallback" aria-label="Kalkulation zum Kopieren" hidden readonly>${escape(summary)}</textarea><small>WhatsApp wird erst nach Ihrem Klick geöffnet. Sie senden die Nachricht dort selbst.</small></div>`;}
const typeAnchor=type=>type==='web'?'web-kalkulator':type==='it'?'it-kalkulator':'konfigurator';
function boot(){
for(const root of document.querySelectorAll('.pds4-calculator')){
 if(root.dataset.pds5Ready||!p)continue;root.dataset.pds5Ready='1';const anchor=typeAnchor(root.dataset.type);if(!root.id&&!document.getElementById(anchor))root.id=anchor;
 const type=root.dataset.type;const state={tab:type==='web'?'web':'it',it:{mode:'once',package:'basic',devices:3,rows:[],hours:0,channel:'remote'},web:{kind:'website',pages:0,term:'none'}};let summary='';
 function render(){const tabs=type==='both'?`<div class="calculator-tabs"><button type="button" data-tab="it" aria-pressed="${state.tab==='it'}">IT-Service berechnen</button><button type="button" data-tab="web" aria-pressed="${state.tab==='web'}">Website berechnen</button></div>`:'';
 if(state.tab==='web'){
 const s=state.web,r=calculateWeb(p,s);summary=['WEBDESIGN – Unverbindliche Preisorientierung',kinds[r.kind],`Grundpreis: ${r.base===null?'auf Anfrage':euro(r.base)}`,`Zusätzliche Seiten: ${r.pages} × ${euro(p.extraPage)} = ${euro(r.extras)}`,`Einmalig: ${r.once===null?'auf Anfrage':euro(r.once)}`,`Monatlich: ${euro(r.monthly)}`,`Laufzeit: ${r.duration?r.duration+' Monate':'keine Verwaltung'}`,r.duration?`Verwaltung über Laufzeit: ${euro(r.monthly*r.duration)}`:'',r.termTotal!==null&&r.duration?`Gesamtrichtwert: ${euro(r.termTotal)}`:'','Hosting, Domain, Premium-Lizenzen und Erweiterungen nach Bedarf separat.',p.taxNote].filter(Boolean).join('\n');
 root.innerHTML=tabs+`<div class="configurator pds-calculator" data-calc-panel="web"><div class="configurator-main"><div class="config-step"><h3>Ihr Website-Projekt</h3><label>Projektart<select data-key="kind">${Object.entries(kinds).map(([k,v])=>option(k,v,s.kind)).join('')}</select></label>${s.kind==='bundle'?'<p class="calc-warning">Bundle-Preis separat zu bestätigen. Kein unbestätigter Gesamtpreis.</p>':''}${['website','bundle'].includes(s.kind)?field('Zusätzliche Seiten (acht enthalten)','pages',s.pages,0,100):''}<label>Website-Verwaltung<select data-key="term">${['none','12','24','36'].map(t=>option(t,t==='none'?'Keine Verwaltung':t+' Monate · '+euro(p.management[t])+' / Monat',s.term)).join('')}</select></label><p class="config-note">Neue Seiten, neue Funktionen und größere Erweiterungen separat nach Vereinbarung.</p></div></div><aside class="config-summary"><h3>${escape(kinds[s.kind])}</h3><div class="price-total" aria-live="polite"><div><span>Einmalig ab</span><strong>${r.once===null?'Auf Anfrage':euro(r.once)}</strong></div><div><span>Monatlich</span><strong>${euro(r.monthly)}</strong></div></div>${r.unknown&&r.extras?`<p class="config-note">Bekannte Zusatzseiten: ${euro(r.extras)}. Grundpreis separat auf Anfrage.</p>`:''}${r.duration?`<p class="config-note">${r.duration} Monate · Verwaltung gesamt ${euro(r.monthly*r.duration)}${r.termTotal===null?'':'<br>Gesamtrichtwert '+euro(r.termTotal)}</p>`:''}<p class="calc-open-costs">Hosting, Domain, Premium-Lizenzen und Erweiterungen: separat nach Bedarf.</p>${actions(summary,'Website',{type:'web',state:s})}<small>${escape(p.taxNote)}</small></aside></div>`;
 }else{
 const s=state.it,r=calculateIT(p,s);summary=['IT-SERVICE – Unverbindliche Preisorientierung',s.mode==='monthly'?`${p.packages[r.package].label}: ${r.requested} Geräte, berechnet ${r.billed}`:'Einmaliger Service',...r.items.map(row=>`${row.label}: ${row.qty} × ${row.price===null?'auf Anfrage':euro(row.price)} = ${row.total===null?'auf Anfrage':euro(row.total)}`),`Einmalig: ${r.once===null?'auf Anfrage; bekannte Positionen ab '+euro(r.knownSubtotal):'ab '+euro(r.once)}`,`Monatlich: ${euro(r.monthly)}`,s.mode==='monthly'?`Jährlicher Richtwert: ${euro(r.yearly)}\nErstes Jahr inkl. Onboarding ab: ${euro(r.firstYear)}\nEnthaltene Fernwartung: ${r.minutes} Minuten monatlich\nMindestens drei Geräte. Keine Übertragung von Minuten, kein unbegrenzter Support, keine 24/7-Zusage. Umfang und Reaktionszeiten nach Vereinbarung.`:'Supportstunden nur für separat vereinbarte zusätzliche Arbeiten, keine doppelte Verrechnung.',warn,p.taxNote].join('\n');
 const once=`<label>Dienstleistung<select data-picker>${p.services.map(v=>option(v.id,v.label+' · '+(v.price===null?'auf Anfrage':'ab '+euro(v.price)),'')).join('')}</select></label><button type="button" class="button button-primary" data-add>Leistung hinzufügen</button><div class="selected-services">${s.rows.map(row=>{const v=p.services.find(v=>v.id===row.id);return `<div class="selected-service"><div><strong>${escape(v.label)}</strong><small>${v.price===null?'Auf Anfrage':'ab '+euro(v.price)} je ${escape({device:'Gerät',user:'Benutzer',case:'Standardfall',company:'Unternehmen'}[v.unit])}</small></div><label><span class="sr-only">Menge ${escape(v.label)}</span><input data-row="${v.id}" type="number" min="1" max="${v.unit==='company'?1:999}" value="${row.qty}" ${v.unit==='company'?'readonly':''}></label><button type="button" data-remove="${v.id}" aria-label="${escape(v.label)} entfernen">×</button></div>`}).join('')}</div><h3>Zusätzlicher Support</h3><label>Serviceart<select data-key="channel">${option('remote','Fernwartung · '+euro(p.support.remote)+'/h',s.channel)}${option('onsite','Vor Ort · '+euro(p.support.onsite)+'/h',s.channel)}</select></label>${field('Geschätzte Stunden für zusätzliche Arbeiten','hours',s.hours,0,100,0.25)}<p class="config-note">Keine doppelte Verrechnung. Stunden nur für weitere Arbeiten außerhalb ausgewählter Leistungen. Viertelstunden sind Eingabeschritte, keine vertragliche Abrechnungstaktung.</p>`;
 const monthly=`<label>Paket<select data-key="package">${Object.entries(p.packages).map(([k,v])=>option(k,v.label+' · '+euro(v.price)+' / Gerät / Monat',s.package)).join('')}</select></label>${field('Anzahl Ihrer Geräte','devices',s.devices,1,999)}${s.devices<p.minDevices?`<p class="calc-warning">Die Mindestpauschale entspricht ${p.minDevices} Geräten.</p>`:''}<p class="config-note">${p.packages[s.package].minutes} Minuten Fernwartung je Gerät. ${s.package==='basic'?'E-Mail-Support und Gerätecheck.':s.package==='business'?'Zusätzlich Microsoft-365-Basisverwaltung und Basis-Sicherheitsprüfung.':'Zusätzlich Microsoft-365-Basisverwaltung, Basis-Sicherheitsprüfung, Intune für geeignete Geräte und priorisierte Bearbeitung im vereinbarten Servicefenster.'} Umfang und Reaktionszeiten vor Vertragsabschluss festlegen. Kein unbegrenzter Support, keine Übertragung ungenutzter Minuten, keine Lizenzen inklusive.</p>`;
 root.innerHTML=tabs+`<div class="configurator pds-calculator" data-calc-panel="it"><div class="configurator-main"><div class="calc-mode"><button type="button" data-mode="once" aria-pressed="${s.mode==='once'}">Einmaliger IT-Service</button><button type="button" data-mode="monthly" aria-pressed="${s.mode==='monthly'}">Monatliche IT-Betreuung</button></div><div class="config-step">${s.mode==='once'?once:monthly}</div></div><aside class="config-summary"><h3>${s.mode==='monthly'?escape(p.packages[s.package].label):'Ihre IT-Kalkulation'}</h3><div class="summary-lines">${r.items.map(v=>`<div><span>${escape(v.label)}<small>${v.qty} × ${v.price===null?'auf Anfrage':euro(v.price)}</small></span><b>${v.total===null?'Auf Anfrage':euro(v.total)}</b></div>`).join('')}</div><div class="price-total" aria-live="polite"><div><span>${s.mode==='monthly'?'Onboarding einmalig ab':'Einmalig ab'}</span><strong>${s.mode==='once'&&!r.items.length?'Bitte auswählen':r.once===null?'Auf Anfrage':euro(r.once)}</strong></div><div><span>Monatlich</span><strong>${euro(r.monthly)}</strong></div></div>${r.unknown?`<p>Bekannte Positionen ab ${euro(r.knownSubtotal)}.</p>`:''}${s.mode==='monthly'?`<p class="config-note">${r.billed} berechnete Geräte · ${r.minutes} Minuten Fernwartung / Monat<br>Jährlicher Richtwert: ${euro(r.yearly)}<br>Erstes Jahr inkl. Onboarding ab: ${euro(r.firstYear)}</p>`:''}<p class="calc-open-costs">${warn}</p>${actions(summary,'IT',{type:'it',state:s})}<small>${escape(p.taxNote)}</small></aside></div>`;
 }
 availability();
 }
 root.addEventListener('click',async e=>{const a=e.target.closest('a');if(a?.getAttribute('aria-disabled')==='true'){e.preventDefault();return;}if(a?.dataset.pds5Offer){try{sessionStorage.setItem('pds5-offer',a.dataset.pds5Offer);}catch{}}const b=e.target.closest('button');if(!b)return;const s=state.it;if(b.dataset.tab){state.tab=b.dataset.tab;history.replaceState(null,'','#'+(state.tab==='it'?'it-kalkulator':'web-kalkulator'));render();}else if(b.dataset.mode){s.mode=b.dataset.mode;render();}else if(b.hasAttribute('data-add')){const id=root.querySelector('[data-picker]').value;if(!s.rows.some(v=>v.id===id)){s.rows.push({id,qty:1});render();}else root.querySelector('.copy-status').textContent='Diese Leistung ist bereits enthalten.';}else if(b.dataset.remove){s.rows=s.rows.filter(v=>v.id!==b.dataset.remove);render();}else if(b.hasAttribute('data-copy')){try{await navigator.clipboard.writeText(summary);root.querySelector('.copy-status').textContent='Kalkulation kopiert.';}catch{const ta=root.querySelector('.copy-fallback');ta.hidden=false;ta.focus();ta.select();root.querySelector('.copy-status').textContent='Bitte mit Strg+C oder ⌘C kopieren.';}}});
 root.addEventListener('change',e=>{const el=e.target;if(el.type==='number'&&!el.validity.valid){availability();return;}const s=state.tab==='web'?state.web:state.it;if(el.dataset.row){s.rows=s.rows.map(v=>v.id===el.dataset.row?{...v,qty:bounded(el.value,1,999)}:v);render();}else if(el.dataset.key){const key=el.dataset.key;s[key]=el.type==='number'?bounded(el.value,Number(el.min),Number(el.max),Number(el.step)):el.value;render();}});
 function availability(){
 const invalid=[...root.querySelectorAll('input[type=number]')].some(el=>!el.validity.valid);
 const empty=state.tab==='it'&&state.it.mode==='once'&&state.it.rows.length===0&&state.it.hours===0;
 const disabled=invalid||empty;
 root.querySelectorAll('.calc-actions a').forEach(a=>{if(!a.dataset.pds5Href)a.dataset.pds5Href=a.getAttribute('href')||'';a.setAttribute('aria-disabled',String(disabled));if(disabled)a.removeAttribute('href');else a.href=a.dataset.pds5Href;});
 root.querySelectorAll('[data-copy]').forEach(b=>b.disabled=disabled);
 let note=root.querySelector('.pds5-validation');if(!note){note=document.createElement('p');note.className='pds5-validation';note.setAttribute('role','status');root.querySelector('.config-summary').append(note);}
 note.textContent=invalid?'Bitte eine gültige Menge innerhalb der angezeigten Grenzen eingeben.':empty?'Wählen Sie eine IT-Leistung oder zusätzliche Supportstunden aus.':'';
 }
 root.addEventListener('input',e=>{if(e.target.type==='number'){e.target.setAttribute('aria-invalid',String(!e.target.validity.valid));availability();}});
 function hash(){if(type==='both'&&['#web-kalkulator','#website-kalkulator','#webdesign-kalkulator'].includes(location.hash))state.tab='web';else if(type==='both'&&location.hash==='#it-kalkulator')state.tab='it';render();availability();if(['#it-kalkulator','#web-kalkulator','#website-kalkulator','#webdesign-kalkulator','#konfigurator'].includes(location.hash)&&typeof root.scrollIntoView==='function')root.scrollIntoView({block:'start'});}window.addEventListener('hashchange',hash);hash();availability();
}
for(const form of document.querySelectorAll('.pds4-contact-form')){
 if(form.dataset.pds5Ready)continue;form.dataset.pds5Ready='1';
 try{const selected=sessionStorage.getItem('pds5-offer');if(selected){JSON.parse(selected);form.querySelector('[name=selection]').value=selected;const box=form.querySelector('.pds5-selection');box.hidden=false;box.textContent='Ihre Auswahl aus dem Kalkulator wird mit den aktuellen Preisen in der Anfrage mitgesendet.';}}catch{}
 const summary=new URLSearchParams(location.search).get('summary');if(summary)form.querySelector('[name=message]').value=summary.slice(0,10000);
 form.addEventListener('submit',async e=>{e.preventDefault();if(!form.reportValidity())return;const button=form.querySelector('[type=submit]'),status=form.querySelector('[role=status]');button.disabled=true;status.textContent='Anfrage wird gesendet …';try{const data=new FormData(form);const response=await fetch(cfg.ajax,{method:'POST',body:data,credentials:'same-origin'});const result=await response.json();status.textContent=result.data?.message||'Versand fehlgeschlagen.';if(result.success){form.reset();try{sessionStorage.removeItem('pds5-offer');}catch{}form.querySelector('.pds5-selection').hidden=true;}}catch{status.textContent='Versand nicht möglich. Bitte per E-Mail oder WhatsApp kontaktieren.';}finally{button.disabled=false;}});
}

}
boot();
new MutationObserver(boot).observe(document.body,{childList:true,subtree:true});