body { font-family: 'Neue Montreal', sans-serif; background-color: #1A202C; color: white; } .hidden { display: none; } .container { max-width: 950%; /* Ajusta el ancho del formulario */ /*margin: 5px auto; padding: 10px;*/ text-align: center; justify-content: center; align-self: center; } label { display: block; /*margin-bottom: 5px;*/ font-weight: bold; } p{ font-weight: bold; padding: 10px; } input[type="text"], input[type="tel"], input[type="number"], input[type="email"], select { width: 100%; height: 40px; /*padding: 10px; margin-bottom: 15px;*/ padding-bottom: 10px; border: 1px solid #CBD5E0; border-radius: 4px; box-sizing: border-box; } input[type="radio"] { margin-right: 2px; color: #222944 ! important; } input[type="submit"] { background-color: #77bc1f; color: white; padding: 12px 20px; margin: 10px; border: none; border-radius: 4px; cursor: pointer; width: 98%; border-radius: 50px; } input ,select{ color: #222944 ! important; font-weight: bold; } /* input[type="radio"]:checked + .indicador { background-color: blue ! important; } */ /* ------- */ .loader-container { display: none; /* Ocultar por defecto */ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); /* Fondo semi-transparente */ z-index: 1000; /* Asegurar que esté encima de otros elementos */ } .loader { border: 8px solid #f3f3f3; /* Color del borde */ border-radius: 50%; border-top: 8px solid #3498db; /* Color de la animación */ width: 60px; height: 60px; animation: spin 2s linear infinite; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .loader-text { position: absolute; top: 60%; /* Ajustar posición vertical del texto */ left: 50%; transform: translate(-50%, -50%); color: white; font-size: 18px; } @keyframes spin { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } .hiddenn { display: none; } /* slider */ #miSliderContainer .slider-container { text-align: center; font-family: Arial, sans-serif; } #miSliderContainer .slider-label { font-size: 30px; /*margin-bottom: 10px;*/ font-weight: bold; margin: 0px !important; } #miSliderContainer .slider-value { font-size: 20px; font-weight: bold; color: #edcb21; margin: 10px; } #miSliderContainer .slider { width: 100%; /*margin: 20px 0;*/ height: 10px; background: linear-gradient(to right, #77bc1f 0%, #77bc1f var(--value), #ddd var(--value), #ffffff 100%); outline: none; opacity: 0.9; transition: opacity .2s; -webkit-appearance: none; appearance: none; border-radius: 15px; /* Añadir border-radius */ } #miSliderContainer .slider:hover { opacity: 1; } #miSliderContainer .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 30px; height: 30px; background: rgb(255, 255, 255); cursor: pointer; border-radius: 50%; } #miSliderContainer .slider::-moz-range-thumb { width: 25px; height: 25px; background: #00b300; cursor: pointer; border-radius: 50%; } #miSliderContainer .slider::-webkit-slider-runnable-track { background: linear-gradient(to right, #77bc1f 0%, #77bc1f var(--value), #ddd var(--value), #ffffff 100%); border-radius: 15px; /* Añadir border-radius */ } #miSliderContainer .slider::-moz-range-track { background: linear-gradient(to right, #77bc1f 0%, #77bc1f var(--value), #ddd var(--value), #ffffff 100%); border-radius: 15px; /* Añadir border-radius */ } #grupo-referencia input[type="radio"] { appearance: none; -webkit-appearance: none; -moz-appearance: none; display: inline-block; width: 20px; height: 20px; border-radius: 50%; border: 2px solid #ccc; cursor: pointer; position: relative; } #grupo-referencia input[type="radio"]:checked { background-color: #4CAF50; /* Color cuando está seleccionado */ border: 2px solid #4CAF50; } #grupo-referencia input[type="radio"] { appearance: none; -webkit-appearance: none; -moz-appearance: none; display: inline-block; width: 20px; height: 20px; border-radius: 50%; border: 2px solid #ccc; cursor: pointer; position: relative; } #grupo-referencia input[type="radio"]:checked { border: 2px solid #77bc1f; } #grupo-referencia input[type="radio"]:checked::before { content: ''; display: block; width: 20px; height: 20px; border-radius: 50%; background-color: #77bc1f !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: zoomIn 0.3s ease-in-out; /* Añadir animación */ } @keyframes zoomIn { 0% { transform: translate(-50%, -50%) scale(0); } 50% { transform: translate(-50%, -50%) scale(3.2); } 100% { transform: translate(-50%, -50%) scale(1); } } .no-scroll { overflow: hidden; } .slider { animation: pulse_slider 3s infinite; } @keyframes pulse_slider { 0% { transform: scale(1); } 50% { transform: scale(0.90); } 100% { transform: scale(1); } } init(); document.getElementById('form-one').addEventListener('submit', function(event) { event.preventDefault(); var monto = document.getElementById("myRange").value; var monto = parseInt(slider.value, 10); var nombre = document.getElementById("nombre").value; var pregunta = document.getElementById("validacion").value; var telefono = document.getElementById("telefono").value; var negocio = document.getElementById("negocio").value; var otroNegocio =(document.getElementById("otroNegocio").value ? document.getElementById("otroNegocio").value:"NA"); var sucursal = document.getElementById("sucursal").value; var correo = document.getElementById("correo").value; var redes = document.getElementById("redes").value; // console.log("monto->"+monto); // console.log("nombre->"+nombre); // console.log("telefono->"+telefono); // console.log("negocio->"+negocio); //console.log("otroNegocio->"+otroNegocio); // console.log("sucursal->"+sucursal); // console.log("otra sucursal->"+otraSucursal); if(!monto || monto === 0){ warningMessage("Campos faltantes","Selecciona un monto") //alert("selecciona un monto") return; } if(!nombre){ // alert("Ingresa nombre completo") warningMessage("Campos faltantes","Ingresa nombre completo") return; } // console.log("validar nombre-->"+ validarNombre(nombre)) if(validarNombre(nombre) == false){ warningMessage("Campo nombre","El nombre solo debe contener letras") return; } if(!telefono){ warningMessage("Campos faltantes","Ingresa numero de telefono") return; }else{ if(!validarTelefonoCantidad(telefono)){ warningMessage("Campo incorrecto","El numero de telefono debe tener minimo 10 digitos") // alert("El numero de telefono debe tener minimo 10 digitos"); return } } if(negocio === "otro"){ if(otroNegocio === "NA") { warningMessage("Campos faltantes","Ingresar otro negocio") return;} } /* if(!validateRadioButton('#grupo-referencia input[type="radio"]')) { warningMessage("Campos faltantes","Por favor, selecciona una opción para ¿Cómo supiste de nosotros?") return; } */ if(true){ confetti({ particleCount: 100, spread: 70, origin: { x: 0 } }); confetti({ particleCount: 100, spread: 70, origin: { x: 1 } }); let contenido = '

INFORMACIÓN DE CLIENTE REGISTRADO
Cliente: '+nombre.toUpperCase() + "
¿Cuentas con un negocio con más de 2 años de operación y buen historial crediticio? :"+pregunta+"
Telefono: "+telefono+"
Correo: "+(correo? correo : "sin registro de correo") +"
Negocio: "+ (negocio==="otro"? negocio.toUpperCase() +" - "+otroNegocio.toUpperCase() : negocio.toUpperCase())+"
Credito de interes: $"+monto+ '
Contacto: '+ (redes ? redes.toUpperCase(): "NO ESPECIFICADO") +"
Sucursal: "+(sucursal==="otro"?sucursal.toUpperCase()+"-"+otraSucursal.toUpperCase() : sucursal.toUpperCase())+ '

Este correo es solo informativo, favor de no responder

'; let contenidoCliente =" Hola! tu registro para contacto de MasBisne ha sido realizado con exito, pronto nos contactaremos con usted" ; peticionCorreo( contenido) // peticionCorreoCliente(contenidoCliente,correo) // peticionSMS(telefono,contenidoCliente); } }); function mostrarLoader() { document.querySelector(".loader-container").style.display = "block"; validarNombre } function init() { const promise = new Promise(resolve => { setTimeout(() => { // resolve('¡Se ha cumplido el tiempo!'); const steps = 10; const stepSize = 1 / steps; const colors = ['#77bc1f', '#222944', '#FFFFFF']; for (let i = 0; i { // console.log(result); }); const links = document.getElementsByClassName("custom-logo-link"); // Obtener el primer elemento encontrado const firstLink = links[0]; // Hacer algo con el enlace firstLink.href = "https://www.masbisne.com/que-es-mas-bisne/"; } function ocultarLoader(){ document.querySelector(".loader-container").style.display = "none"; } function validateRadioButton(id) { const radios = document.querySelectorAll(id); return Array.from(radios).some(radio => radio.checked); } function valueRadioButton(id) { const radios = document.querySelectorAll(id); const selectedRadio = Array.from(radios).find(radio => radio.checked); return selectedRadio ? selectedRadio.value : null; } function valueElement(id) { return document.getElementById(id).value ? document.getElementById(id).value : null; } function peticionSMS( numero,msj){ axios.post('http://104.154.87.114:8080/sms/api/v1/sms', { phoneNumber: '52'+numero, message: ''+msj, // Reemplaza con tus datos sistema: 'PRUEBA TI' // Reemplaza con tus datos }, // { headers: {'Content-Type': 'application/x-www-form-urlencoded'}} { headers: { 'Content-Type': 'application/json' } } ) .then(response => { console.log("Respuesta del servidor:", response.data); // Aquí puedes procesar la respuesta del servidor }) .catch(error => { console.error("Error en la petición:", error); // Aquí puedes manejar el error }); } function validarNombre(nombre) { const regex = /^[\p{L}]+( [\p{L}]+)*\s*$/u; return regex.test(nombre); } function peticionCorreo(content){ document.body.classList.add("no-scroll"); mostrarLoader(); // let urlSSL ="https://mail.sofipacorporation.com.mx" let urlSSL ="https://mail.sofipacorporation.com.mx/mail/api/mail/multi/enviar" let urlSimple ="http://34.68.68.185:8080/mail/api/mail/multi/enviar" axios.post(urlSSL, { asunto: 'Registro de cliente MasBisne', nombreSistema: 'FORMULARIO MASBISNE WEB', // Reemplaza con tus datos //replayTo: 'sergio.velasco@sofipa.org.mx', // Reemplaza con tus datos //to: ['aide.alvarez@sofipa.org.mx'], // Reemplaza con tus datos to: ['jorge.cruz@sofipa.org.mx',"suleyma.montes@masbisne.com","cecilia.ruiz@masbisne.com"], // Reemplaza con tus datos // cc: ['sergio.velasco@sofipa.org.mx'], // cc: ['velacruz.852@gmail.com'], // cco: ["velacruz.852@gmail.com"], mensaje: content, // Reemplaza con tus datos }, { headers: { 'Content-Type': 'application/json' } } ) .then(response => { console.log("Respuesta del servidor correo:", response.data); confetti({ particleCount: 100, spread: 70, origin: { x: 0 } }); confetti({ particleCount: 100, spread: 70, origin: { x: 1 } }); // alert("datos enviados") successMessage("Éxito","Se han enviado tus datos, pronto nos contactaremos contigo para darte mas información.") setTimeout(() => { ocultarLoader(); location.reload() }, 600); }) .catch(error => { console.error("Error en la petición: correo", error); // Aquí puedes manejar el error //alert('Intente mas tarde') successMessage("Éxito","Se han enviado tus datos, pronto nos contactaremos contigo para darte mas información.") setTimeout(() => { ocultarLoader(); location.reload() }, 2000); }); } function peticionCorreoCliente(content,correoCliente){ // document.body.classList.add("no-scroll"); //mostrarLoader(); let urlSSL ="https://mail.sofipacorporation.com.mx" let urlSimple ="http://34.68.68.185:8080/mail/api/mail/multi/enviar" axios.post(urlSSL, { asunto: 'Registro de cliente MasBisne', nombreSistema: 'FORMULARIO - MB', // Reemplaza con tus datos replayTo: 'sergio.velasco@sofipa.org.mx', //replayTo: 'aide.alvarez@sofipa.org.mx',// Reemplaza con tus datos to: [correoCliente], // Reemplaza con tus datos // cc: ['sergio.velasco@sofipa.org.mx'], // Reemplaza con tus datos mensaje: content, // Reemplaza con tus datos }, { headers: { 'Content-Type': 'application/json' } } ) .then(response => { console.log("Respuesta del servidor correo:", response.data); // Aquí puedes procesar la respuesta del servidor confetti({ particleCount: 100, spread: 70, origin: { x: 0 } }); confetti({ particleCount: 100, spread: 70, origin: { x: 1 } }); // alert("datos enviados") //successMessage("Éxito","Se han enviado tus datos, pronto nos contactaremos contigo para darte mas información.") // setTimeout(() => { // ocultarLoader(); // location.reload() // }, 600); }) .catch(error => { console.error("Error en la petición: correo", error); // Aquí puedes manejar el error //alert('Intente mas tarde') }); } function validarTelefono(telefono) { // Expresión regular para validar un número de teléfono (ajusta según tu formato deseado) const regex = /^\d{3}-\d{3}-\d{4}$/; // Ejemplo: 123-456-7890 // Verifica si el valor del campo coincide con la expresión regular return regex.test(telefono); } function validarTelefonoCantidad(telefono) { const regex = /^\s*[0-9]{10}\s*$/; // Ignora espacios en blanco al principio y al final return regex.test(telefono); } function mostrarOtroCampoNegocio() { var negocio = document.getElementById("negocio").value; var otroCampo = document.getElementById("otroCampoNegocio"); if (negocio === "otro") { otroCampo.classList.remove("hidden"); } else { otroCampo.classList.add("hidden"); } } function successMessage(title, contenido) { Swal.fire({ title: title, text: contenido, icon: 'success', confirmButtonText: 'Aceptar' }); } function errorMessage(title,contenido){ Swal.fire({ title: tittle, text: contenido, icon: 'error', confirmButtonText: 'Aceptar' }); } function warningMessage(title, contenido) { Swal.fire({ title: title, text: contenido, icon: 'warning', confirmButtonText: 'Aceptar' }); } var slider = document.getElementById("myRange"); var output = document.getElementById("sliderValue"); function updateSliderValue() { var value = parseInt(slider.value, 10); // Ajusta el último paso a $500,000 si el valor está cerca if (value >= 450000) { slider.value = 500000; value = 500000; } output.innerHTML = "$" + value.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 }); // Ajustar el tamaño de la fuente según el valor //var fontSize = 8 + (value - slider.min) / (slider.max - slider.min) * 40; //output.style.fontSize = fontSize + 'px'; var fontSize = 8 + (value - slider.min) / (slider.max - slider.min) * 40; fontSize = Math.max(fontSize, 35); output.style.fontSize = fontSize + 'px'; var gradientValue = (value - slider.min) / (slider.max - slider.min) * 100; slider.style.setProperty('--value', gradientValue + '%'); } updateSliderValue(); //function redirigir() { // alert("¡Hola! Esta alerta se muestra después de 3 segundos."); // console.log("ok") // window.location.href = "https://masbisne.com/"; //} //setTimeout(redirigir, 10000); function loadScript(a){var b=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.src="https://tracker.metricool.com/resources/be.js",c.onreadystatechange=a,c.onload=a,b.appendChild(c)}loadScript(function(){beTracker.t({hash:"5a5028e86012918977b9422d5bf49a0a"})});