' + copy.title + '

' + '

' + copy.subtitle + '

' + '

' + copy.step1 + '

' + '

' + '' + copy.service + ' *' + '' + '' + copy.requiredError + '' + '

' + '

' + '' + copy.origin + ' *' + '' + '' + copy.requiredError + '' + '

' + '

' + '' + copy.destination + ' *' + '' + '' + copy.requiredError + '' + '

' + '

' + '' + copy.cargo + '' + '' + '

' + '

' + '' + copy.timing + '' + '' + '

' + '

' + copy.helper + '

' + '' + '

' + '

' + '' + copy.notes + '' + '' + '

' + '

' + '' + '

' + '

' + copy.trust + '

' + '

'; var contactFields = shell.querySelector('[data-contact-fields]'); var submitSlot = shell.querySelector('[data-submit-slot]'); var captchaSlot = shell.querySelector('[data-captcha-slot]'); contactFields.appendChild(emailBox); contactFields.appendChild(phoneBox); submit.textContent = copy.submit; submitSlot.appendChild(submit); if (captchaBox) captchaSlot.appendChild(captchaBox); Array.prototype.slice.call(form.children).forEach(function (child) { if (child === shell || child === messageBox || child === emailBox || child === phoneBox || child === submit || child === captchaBox) return; if (child.tagName === 'INPUT' && child.type === 'hidden') return; if (child.getAttribute && child.getAttribute('aria-hidden') === 'true') return; child.classList.add('arta-v2-original-hide'); }); form.appendChild(shell); form.classList.add('arta-v2-active'); var service = shell.querySelector('[name="arta_service"]'); var origin = shell.querySelector('[name="arta_origin"]'); var destination = shell.querySelector('[name="arta_destination"]'); var cargo = shell.querySelector('[name="arta_cargo"]'); var timing = shell.querySelector('[name="arta_timing"]'); var notes = shell.querySelector('[name="arta_notes"]'); var stepOne = shell.querySelector('[data-step="1"]'); var stepTwo = shell.querySelector('[data-step="2"]'); var progress = shell.querySelector('.arta-v2-progress'); function selectedText(select) { return select.value ? select.options[select.selectedIndex].text : 'Not specified'; } function syncMessage() { var lines = [ 'Qualified freight request submitted through the Arta Rail new form.', 'Service: ' + selectedText(service), 'Origin: ' + ((origin.value || '').trim() || 'Not specified'), 'Destination: ' + ((destination.value || '').trim() || 'Not specified'), 'Cargo type: ' + selectedText(cargo), 'Estimated shipping time: ' + selectedText(timing), 'Additional details: ' + ((notes.value || '').trim() || 'No additional details were provided.') ]; message.value = lines.join('\n').slice(0, 1000); message.dispatchEvent(new Event('input', { bubbles: true })); } function markField(field, valid) { var wrapper = field.closest('.arta-v2-field'); var error = wrapper ? wrapper.querySelector('.arta-v2-error') : null; field.classList.toggle('arta-v2-invalid', !valid); if (error) error.classList.toggle('is-visible', !valid); return valid; } function validateStepOne() { var validService = markField(service, !!service.value); var validOrigin = markField(origin, (origin.value || '').trim().length >= 2); var validDestination = markField(destination, (destination.value || '').trim().length >= 2); var valid = validService && validOrigin && validDestination; if (!valid) { var firstInvalid = shell.querySelector('.arta-v2-invalid'); if (firstInvalid) firstInvalid.focus(); } return valid; } shell.querySelector('[data-next-step]').addEventListener('click', function () { syncMessage(); if (!validateStepOne()) return; stepOne.hidden = true; stepTwo.hidden = false; progress.textContent = copy.step2; email.focus(); window.gtag && window.gtag('event', 'lead_form_step', { form_id: 'order-form', form_name: 'order_request', form_variant: 'new', form_step: 2 }); }); shell.querySelector('[data-back-step]').addEventListener('click', function () { stepTwo.hidden = true; stepOne.hidden = false; progress.textContent = copy.step1; service.focus(); }); shell.addEventListener('input', syncMessage); shell.addEventListener('change', syncMessage); submit.addEventListener('pointerdown', syncMessage, { capture: true }); syncMessage(); } function sendAnalyticsEvent(eventName, parameters) { window.dataLayer = window.dataLayer || []; window.gtag = window.gtag || function () { window.dataLayer.push(arguments); }; window.gtag('event', eventName, parameters); } function storageGet(key) { try { return sessionStorage.getItem(key); } catch (error) { return null; } } function storageSet(key, value) { try { sessionStorage.setItem(key, value); } catch (error) {} } function storageRemove(key) { try { sessionStorage.removeItem(key); } catch (error) {} } function initTracking() { var formDefinitions = [ { id: 'order-form', name: 'order_request' }, { id: '_themename-advert-create-form', name: 'contact_request' } ]; var definition = formDefinitions.find(function (item) { return document.getElementById(item.id); }); if (!definition) return; var form = document.getElementById(definition.id); var variantInput = form.querySelector('[name="form_variant"]'); var commonParameters = { form_id: definition.id, form_name: definition.name, form_variant: variantInput && variantInput.value ? variantInput.value : 'legacy', page_language: document.documentElement.lang || 'unknown' }; var urlParameters = new URLSearchParams(window.location.search); var submissionStatus = urlParameters.get('contact_status'); var storagePrefix = 'artarail_ga4_' + definition.name + '_'; if (!submissionStatus) { sendAnalyticsEvent('lead_form_view', commonParameters); } var hasStarted = false; form.addEventListener('input', function (event) { if (!event.target.matches('input:not([type="hidden"]), textarea, select')) return; storageRemove(storagePrefix + 'success'); if (!hasStarted) { hasStarted = true; sendAnalyticsEvent('lead_form_start', commonParameters); } }, { passive: true }); if (submissionStatus === 'success' && storageGet(storagePrefix + 'success') !== '1') { sendAnalyticsEvent('generate_lead', commonParameters); storageSet(storagePrefix + 'success', '1'); } var errorKey = storagePrefix + 'error_' + window.location.search; if (submissionStatus === 'error' && storageGet(errorKey) !== '1') { sendAnalyticsEvent('lead_form_error', Object.assign({}, commonParameters, { error_type: urlParameters.get('reason') || 'server_error' })); storageSet(errorKey, '1'); } } function initArtaRailLeadExperiment() { var orderForm = document.getElementById('order-form'); if (orderForm) { var variant = getVariant(); upsertHidden(orderForm, 'form_variant', variant); if (variant === 'new') installNewForm(orderForm); } initTracking(); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initArtaRailLeadExperiment, { once: true }); } else { initArtaRailLeadExperiment(); } })();