Contact | Garanti BBVA (2024)

Contactează-ne folosind formularul de mai jos

` const targetNode = document.querySelector('[data-formid="la83d4oj1679056518434"]'); const config = { childList: true }; const observer = new MutationObserver(function(mutationsList, observer) { for(const mutation of mutationsList) { if (mutation.type === 'childList') { jQuery(document).ready(function($) { $('[data-formid="la83d4oj1679056518434"] > form > div').each(function() { $(this).find("label").insertAfter($(this).find("input, textarea")); }); }); const textarea = document.querySelector('#mesajul'); textarea.setAttribute("maxlength", 150); const inputField = document.querySelector("#telefon"); const email = document.querySelector('#email'); inputField.setAttribute('autocomplete','nope') email.setAttribute('autocomplete','nope') const prenume = document.querySelector('#prenume'); const nume = document.querySelector('#nume'); const textArreaWrapper = document.querySelector("div.form-group:nth-child(10)"); const info = document.createElement("div"); info.classList.add('characterCount') info.textContent = `150 remaining characters`; textArreaWrapper.appendChild(info); textarea.addEventListener("keyup", function () { let lungime = textarea.value.length; info.textContent = `${150-lungime} remaining characters`; } ) const messageSubjectInput = document.getElementById("messageSubject"); const messageSubjectLabel = document.querySelector('label[for="messageSubject"]'); function setMessageSubjectLabelStyle() { if (messageSubjectInput === document.activeElement) { messageSubjectLabel.style.cssText = 'font-size:12px!important;margin-top:5px!important'; } else if (messageSubjectInput.value.length > 0) { messageSubjectLabel.style.cssText = 'font-size:12px!important;margin-top:5px!important'; } else if (messageSubjectInput.value.length === 0) { messageSubjectLabel.style.cssText = 'margin-top:19px; font-size:15px'; } else if (messageSubjectInput.validity.badInput) { messageSubjectLabel.style.cssText = 'margin-top:19px; font-size:15px'; } } messageSubjectInput.addEventListener("focus", setMessageSubjectLabelStyle); messageSubjectInput.addEventListener("focusout", setMessageSubjectLabelStyle); messageSubjectInput.addEventListener("input", setMessageSubjectLabelStyle); messageSubjectInput.addEventListener("change", setMessageSubjectLabelStyle); const messageInput = document.getElementById("mesajul"); const messageLabel = document.querySelector('label[for="mesajul"]'); function setMessageSubjectLabelStyle() { if (messageInput === document.activeElement) { messageLabel.style.cssText = 'font-size:12px!important;margin-top:5px!important'; } else if (messageInput.value.length > 0) { messageLabel.style.cssText = 'font-size:12px!important;margin-top:5px!important'; } else if (messageInput.value.length === 0) { messageLabel.style.cssText = 'margin-top:19px; font-size:15px'; } else if (messageInput.validity.badInput) { messageLabel.style.cssText = 'margin-top:19px; font-size:15px'; } } messageInput.addEventListener("focus", setMessageSubjectLabelStyle); messageInput.addEventListener("focusout", setMessageSubjectLabelStyle); messageInput.addEventListener("input", setMessageSubjectLabelStyle); messageInput.addEventListener("change", setMessageSubjectLabelStyle); const prelucrareaDatelorCuCaracterPersonal = document.createElement("p"); prelucrareaDatelorCuCaracterPersonal.innerHTML = ` ${textPrelucrareaDatelor}
Prin validarea acestui formular declar că am fost informat/ă și sunt de acord cu prelucrarea datelor mele cu caracter personal așa cum este descrisă mai sus.`; document.querySelector('#prelucrareaDatelor').appendChild(prelucrareaDatelorCuCaracterPersonal); var button = document.createElement('button'); button.innerText = 'Trimite'; button.classList.add('submit-btn'); var warningAppendedCampuri = false; button.addEventListener('click', function(event) { if(!phoneOK){ inputField.setAttribute("style", "border: 1px solid red;"); } if(!emailOK){ email.setAttribute("style", "border: 1px solid red;"); } if(!firstNameOK){ prenume.setAttribute("style", "border: 1px solid red;"); } if(!lastNameOK){ nume.setAttribute("style", "border: 1px solid red;"); } if(!cuiCnpOK){ cuiCnpField.setAttribute("style", "border: 1px solid red;"); } if(!clientExistentOK){ clientExistentInput.setAttribute("style", "border: 1px solid red;"); } if(!pjPfOK){ pjPfInput.setAttribute("style", "border: 1px solid red;"); } const check = document.querySelector('#prelucrareaDatelor > p'); if (!(phoneOK && emailOK && firstNameOK && lastNameOK && cuiCnpOK && clientExistentOK && pjPfOK)) { event.preventDefault(); if (!warningAppendedCampuri) { const warningCampuri = document.createElement('span'); warningCampuri.classList.add('warningCampuri'); warningCampuri.innerHTML = 'All fields marked with "*" are mandatory
'; check.parentNode.appendChild(warningCampuri); warningAppendedCampuri = true; } } if(phoneOK && emailOK && firstNameOK && lastNameOK && cuiCnpOK && clientExistentOK && pjPfOK){ event.preventDefault(); document.querySelector('#send').click(); setTimeout(function() { window.location.href = "/iti-multumim-ca-ai-ales-serviciile-garanti-bbva"; }, 1000); } }); const cuiCnpField = document.querySelector('#cnpCui'); const labelOfCnpCuiField = document.querySelector('label[for="cnpCui"]'); const clientExistentInput = document.querySelector('#clientExistent'); const labelOfSubject = document.querySelector('label[for="messageSubject"]'); messageSubjectInput.addEventListener('focusin', () => { labelOfSubject.style.cssText = 'font-size:12px; margin-top:5px'; }); messageSubjectInput.addEventListener('focusout', () => { if (messageSubjectInput.value) { labelOfSubject.style.cssText = 'font-size:12px; margin-top:5px'; } else { labelOfSubject.style.cssText = 'font-size:15px; margin-top:19px'; } }); cuiCnpField.addEventListener('focusin', () => { labelOfCnpCuiField.style.cssText = 'font-size:12px; margin-top:5px'; }); cuiCnpField.addEventListener('focusout', () => { if (cuiCnpField.value) { labelOfCnpCuiField.style.cssText = 'font-size:12px; margin-top:5px'; } else { labelOfCnpCuiField.style.cssText = 'font-size:15px; margin-top:19px'; } }); var formGroup = document.querySelector('div.form-group:nth-child(12)'); formGroup.appendChild(button); const pjPfInput = document.querySelector('#pfPj'); var cuiCnpOK = true; var phoneOK = false; var emailOK = false; var firstNameOK = false; var lastNameOK = false; var clientExistentOK = false; var pjPfOK = false; function disableBtn() { const submitButton = document.querySelector('button.submit-btn'); const actualSubmit = document.querySelector('#send'); if(phoneOK && emailOK && firstNameOK && lastNameOK && cuiCnpOK && clientExistentOK && pjPfOK) { actualSubmit.removeAttribute('disabled'); } else { actualSubmit.setAttribute('disabled', 'disabled'); } }; function validateEmail() { const emailAddress = email.value; const emailPattern = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/; const emailValid = emailAddress.match(emailPattern) && emailAddress !== ''; if (emailAddress === '') { email.setAttribute("style", "border-bottom: 1px solid #70707061;"); emailOK = false; disableBtn(); } else if (emailValid) { email.setAttribute("style", "border-bottom: 1px solid #70707061;"); emailOK = true; disableBtn(); } else { email.setAttribute("style", "border: 1px solid red;"); emailOK = false; disableBtn(); } }; function validatePhone() { const phoneNumber = inputField.value; const pattern = /^0[0-9]{9}$/; const phoneValid = phoneNumber.match(pattern) && phoneNumber !== ''; if (phoneValid) { inputField.setAttribute("style", "border-bottom: 1px solid #70707061;"); phoneOK = true; disableBtn(); } else if (phoneNumber !== '') { inputField.setAttribute("style", "border: 1px solid red;"); phoneOK = false; disableBtn(); } else { inputField.setAttribute("style", "border-bottom: 1px solid #70707061;"); phoneOK = false; disableBtn(); } }; function validateFirstName() { const firstName = prenume.value; const pattern = /^([A-Za-z][a-z]*)\s*([A-Za-z][a-z]*)?\s*([A-Za-z][a-z]*)?$/; const firstNameValid = firstName.match(pattern) && firstName !== ''; if (firstNameValid) { prenume.setAttribute("style", "border-bottom: 1px solid #70707061;"); firstNameOK = true; disableBtn(); } else if (firstName !== '') { prenume.setAttribute("style", "border: 1px solid red;"); firstNameOK = false; disableBtn(); } else { prenume.setAttribute("style", "border-bottom: 1px solid #70707061;"); firstNameOK = false; disableBtn(); } }; function validateLastName() { const lastName = nume.value; const pattern = /^([A-Za-z][a-z]*)\s*([A-Za-z][a-z]*)?\s*([A-Za-z][a-z]*)?$/; const lastNameValid = lastName.match(pattern) && lastName !== ''; if (lastNameValid) { nume.setAttribute("style", "border-bottom: 1px solid #70707061;"); lastNameOK = true; disableBtn(); } else if (lastName !== '') { nume.setAttribute("style", "border: 1px solid red;"); lastNameOK = false; disableBtn(); } else { nume.setAttribute("style", "border-bottom: 1px solid #70707061;"); lastNameOK = false; disableBtn(); } }; function validateTipClient() { if (cuiCnpField.value) { labelOfCnpCuiField.style.cssText = 'font-size:12px; margin-top:5px'; } else { labelOfCnpCuiField.style.cssText = 'font-size:15px; margin-top:19px'; } const clientGarantiBBVA = document.querySelector('#clientExistent'); const cuiCnp = cuiCnpField.value; if(clientGarantiBBVA.value !== 'Client Garanti BBVA *'){ if(clientGarantiBBVA.value === 'da'){ document.querySelector('div.form-group:nth-child(7)').classList.add('visible'); if(pjPfInput.value === 'persoana fizica sau juridica'){ pjPfOK = false; cuiCnpField.value = ''; cuiField.classList.remove('visible'); } if(pjPfInput.value !== 'persoana fizica sau juridica'){ if(pjPfInput.value === 'persoana fizica' ){ const pattern = /^[0-9]{13}$/; const cuiCnpMatches = cuiCnp.match(pattern) const cuiCnpNotEmpty = cuiCnp !== ''; labelOfCnpCuiField.textContent = "CNP*"; if(cuiCnpMatches && cuiCnpNotEmpty) { cuiCnpField.setAttribute("style", "border-bottom: 1px solid #70707061;"); cuiCnpOK = true; disableBtn() } else if(!cuiCnpNotEmpty && !cuiCnpMatches) { cuiCnpField.setAttribute("style", "border-bottom: 1px solid #70707061;"); cuiCnpOK = false; disableBtn() } else { cuiCnpField.setAttribute("style", "border: 1px solid red;"); cuiCnpOK = false; disableBtn() } } if(pjPfInput.value === 'persoana juridica'){ const pattern = /^RO\d{4,8}$|^\d{6,10}$/; const cuiCnpMatches = cuiCnp.match(pattern) const cuiCnpNotEmpty = cuiCnp !== ''; labelOfCnpCuiField.textContent = "CUI*"; if(cuiCnpMatches && cuiCnpNotEmpty) { cuiCnpField.setAttribute("style", "border-bottom: 1px solid #70707061;"); cuiCnpOK = true; disableBtn() } else if(!cuiCnpNotEmpty && !cuiCnpMatches) { cuiCnpField.setAttribute("style", "border-bottom: 1px solid #70707061;"); cuiCnpOK = false; disableBtn() } else { cuiCnpField.setAttribute("style", "border: 1px solid red;"); cuiCnpOK = false; disableBtn() } } cuiField.classList.add('visible'); pjPfOK = true; } } if(clientGarantiBBVA.value === 'nu'){ pjPfInput.value = 'persoana fizica sau juridica'; document.querySelector('div.form-group:nth-child(7)').classList.remove('visible'); cuiCnpField.value = ''; cuiField.classList.remove('visible'); pjPfOK = true; cuiCnpOK = true; } clientExistentOK = true; disableBtn() }else{ cuiCnpField.value = ''; pjPfInput.value = 'persoana fizica sau juridica'; document.querySelector('div.form-group:nth-child(7)').classList.remove('visible'); cuiField.classList.remove('visible'); pjPfOK = false; clientExistentOK = false; cuiCnpOK = true; disableBtn() } }; nume.addEventListener("focusout", validateLastName); prenume.addEventListener("focusout", validateFirstName); inputField.addEventListener("focusout", validatePhone); email.addEventListener("focusout", validateEmail); cuiCnpField.addEventListener("focusout", validateTipClient); clientExistentInput.addEventListener("change", validateTipClient); pjPfInput.addEventListener("change", validateTipClient) const apiUrl = "/wp-content/themes/hello-theme-child-master/exportedatm.json"; const pageTitle = document.querySelector('h1.elementor-heading-title').textContent; const citiesSelect = document.querySelector("#judet"); const agenciesSelect = document.querySelector("#agentie"); const contactOption = document.querySelector("option[value='Doresc sa fiu contactat de un agent']"); fetch(apiUrl) .then(response => response.json()) .then(data => { const agencies = data.filter(location => location.atmag === "Agenție"); const cities = [...new Set(agencies.map(location => location.judet))]; cities.sort(); const titles = agencies.map(location => location.title); cities.forEach(city => { const option = document.createElement("option"); option.value = city; option.text = city; citiesSelect.appendChild(option); }); }) .catch(error => console.error(error)); } const checkboxClient = document.querySelector('#clientExistent'); const cuiField = document.querySelector('div.form-group:nth-child(8)'); document.querySelectorAll("input:not([type='checkbox'])").forEach(input => { let x = document.createElement("span"); x.innerHTML = ''; x.style.cursor = "pointer"; x.style.marginLeft = "10px"; x.style.display = "none"; x.classList.add("closure"); input.parentNode.appendChild(x); x.addEventListener("click", function() { input.value = ""; validateLastName(); validateFirstName(); validatePhone(); validateEmail(); validateTipClient() if (input.getAttribute("id") === "messageSubject") { document.querySelector('label[for="messageSubject"]').style.cssText = 'margin-top:19px; font-size:15px'; } x.style.display = "none"; }); input.addEventListener("input", function() { if (this.value) { this.closest(".form-group").querySelector(".closure").style.display = "block"; } else { this.closest(".form-group").querySelector(".closure").style.display = "none"; } }); }); if(document.documentElement.lang === 'en-US'){ document.querySelector('label[for="prenume"]').textContent = 'First Name'; document.querySelector('label[for="nume"]').textContent = 'Last Name'; document.querySelector('label[for="telefon"]').textContent = 'Phone'; document.querySelector('label[for="messageSubject"]').textContent = 'Message subject'; document.querySelector('label[for="mesajul"]').textContent = 'Message'; document.querySelector('option[value="Selectează un județ"]').textContent = 'County'; document.querySelector('#clientExistent > option:nth-child(1)').textContent = 'Garanti BBVA Client*'; document.querySelector('#clientExistent > option:nth-child(2)').textContent = 'Yes'; document.querySelector('#clientExistent > option:nth-child(3)').textContent = 'No'; const element = document.querySelector('#prelucrareaDatelor > p');const content = element.innerHTML;const translation = 'By validating this form, I declare that I have been informed and agree to the processing of my personal data as described above.';const modifiedContent = content.replace('Prin validarea acestui formular declar că am fost informat/ă și sunt de acord cu prelucrarea datelor mele cu caracter personal așa cum este descrisă mai sus.', translation);element.innerHTML = ''; element.innerHTML = modifiedContent; } disableBtn() observer.disconnect(); } }); observer.observe(targetNode, config);