'; var html = '' + '

' + '

Nimi *

' + '

Sähköposti *

'; var fields = c.enabledFields || []; var defs = c.fieldDefs || {}; var opts = c.fieldOptions || {}; fields.forEach(function(key) { var def = defs[key]; if (!def) return; if (def.type === 'select' && opts[key]) { html += '

' + esc(def.label) + '

'; } else if (def.type === 'textarea') { html += '

' + esc(def.label) + '

'; } else { html += '

' + esc(def.label) + '

'; } }); (c.customFields || []).forEach(function(cf) { if (cf.type === 'select' && cf.options && cf.options.length) { html += '

' + esc(cf.label) + (cf.required ? ' *' : '') + '

'; } else if (cf.type === 'textarea') { html += '

' + esc(cf.label) + (cf.required ? ' *' : '') + '

'; } else { var t = cf.type === 'number' ? 'number' : cf.type === 'date' ? 'date' : 'text'; html += '

' + esc(cf.label) + (cf.required ? ' *' : '') + '

'; } }); html += '' + '' + '

' + ''; panel.innerHTML = html; shadow.getElementById('llclose').onclick = function() { fab.click(); }; shadow.getElementById('llform').onsubmit = function(e) { e.preventDefault(); submitForm(this, bg, fg); }; } function submitForm(form, bg, fg) { var btn = form.querySelector('button[type=submit]'); btn.disabled = true; btn.textContent = 'Lähetetään...'; var data = { company_id: COMPANY_ID }; var elements = form.elements; for (var i = 0; i < elements.length; i++) { var el = elements[i]; if (el.name && el.value) data[el.name] = el.value; } fetch(BASE + '/api/leads', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(data) }) .then(function(r){ return r.json(); }) .then(function(res) { if (res.error) throw new Error(res.error); panel.innerHTML = '

' + '

' + '' + '

Kiitos!

Olemme vastaanottaneet viestisi ja palaamme sinulle pian.

' + ''; }) .catch(function(err) { btn.disabled = false; btn.textContent = 'Lähetä'; var errEl = shadow.getElementById('llerr'); errEl.textContent = 'Virhe: ' + (err.message || 'Yritä uudelleen.'); errEl.style.display = 'block'; }); } function esc(s) { return String(s).replace(/&/g,'&').replace(//g,'>').replace(/"/g,'"'); } function iconChat() { return ''; } function iconClose() { return ''; } function iconCloseSmall() { return ''; } document.body.appendChild(host); document.body.appendChild(fab); loadConfig(); })();