templates/zoho/rrhh.html.twig line 1

  1. {% extends 'zoho/base.html.twig' %}
  3. {% block zoho_form %}
  4. {% if app.request.locale == 'es' %}
  8. <!-- Note :
  10.    - You can modify the font style and form style to suit your website.
  12.    - Code lines with comments Do not remove this code are required for the form to work properly, make sure that you do not remove these lines of code.
  14.    - The Mandatory check script can modified as to suit your business needs.
  16.    - It is important that you test the modified form before going live.
  18.    - Do not remove captcha and other form elements that are necessary for the form to work.  -->
  20. <div id='crmWebToEntityForm' class='zcwf_lblLeft crmWebToEntityForm' style='background-color: #F5F5F5;color: black;max-width: 600px;'>
  22.   <meta name='viewport' content='width=device-width, initial-scale=1.0'>
  24.    <META HTTP-EQUIV ='content-type' CONTENT='text/html;charset=UTF-8'>
  26.    <form action='https://crm.zoho.eu/crm/WebToContactForm' name=WebToContacts48971000086241010 method='POST' enctype='multipart/form-data' onSubmit='javascript:document.charset="UTF-8"; return checkMandatory48971000086241010()' accept-charset='UTF-8'>
  28. <input type='text' style='display:none;' name='xnQsjsdp' value='60ac0ac0397c07c52d9395ae5b98b5979fcf1554e5626cfe14548569e8f8f22f'></input>
  30.  <input type='hidden' name='zc_gad' id='zc_gad' value=''></input>
  32.  <input type='text' style='display:none;' name='xmIwtLD' value='835275e621923c54ee40572214c741740903ea2597654768d05363312859b407'></input>
  34.  <input type='text'  style='display:none;' name='actionType' value='Q29udGFjdHM='></input>
  36. <input type='text' style='display:none;' name='returnURL' value='https&#x3a;&#x2f;&#x2f;eurochange.es&#x2f;rrhh' > </input>
  38.                <!-- Do not remove this code. -->
  40. <style>
  42. html,body{
  44.                margin: 0px;
  46. }
  48. #crmWebToEntityForm.zcwf_lblLeft {
  50.                width:100%;
  52.                padding: 25px;
  54.                margin: 0 auto;
  56.                box-sizing: border-box;
  58. }
  60. #crmWebToEntityForm.zcwf_lblLeft * {
  62.                box-sizing: border-box;
  64. }
  66. #crmWebToEntityForm{text-align: left;}
  68. #crmWebToEntityForm * {
  70.                direction: ltr;
  72. }
  74. .zcwf_lblLeft .zcwf_title {
  76.                word-wrap: break-word;
  78.                padding: 0px 6px 10px;
  80.                font-weight: bold;
  82. }
  84. .zcwf_lblLeft .zcwf_col_fld input[type=text], .zcwf_lblLeft .zcwf_col_fld textarea {
  86.                width: 60%;
  88.                border: 1px solid #c0c6cc !important;
  90.                resize: vertical;
  92.                border-radius: 2px;
  94.                float: left;
  96. }
  98. .zcwf_lblLeft .zcwf_col_lab {
  100.                width: 30%;
  102.                word-break: break-word;
  104.                padding: 0px 6px 0px;
  106.                margin-right: 10px;
  108.                margin-top: 5px;
  110.                float: left;
  112.                min-height: 1px;
  114. }
  116. .zcwf_lblLeft .zcwf_col_fld {
  118.                float: left;
  120.                width: 68%;
  122.                padding: 0px 6px 0px;
  124.                position: relative;
  126.                margin-top: 5px;
  128. }
  130. .zcwf_lblLeft .zcwf_privacy{padding: 6px;}
  132. .zcwf_lblLeft .wfrm_fld_dpNn{display: none;}
  134. .dIB{display: inline-block;}
  136. .zcwf_lblLeft .zcwf_col_fld_slt {
  138.                width: 60%;
  140.                border: 1px solid #ccc;
  142.                background: #fff;
  144.                border-radius: 4px;
  146.                font-size: 12px;
  148.                float: left;
  150.                resize: vertical;
  152.                padding: 2px 5px;
  154. }
  156. .zcwf_lblLeft .zcwf_row:after, .zcwf_lblLeft .zcwf_col_fld:after {
  158.                content: '';
  160.                display: table;
  162.                clear: both;
  164. }
  166. .zcwf_lblLeft .zcwf_col_help {
  168.                float: left;
  170.                margin-left: 7px;
  172.                font-size: 12px;
  174.                max-width: 35%;
  176.                word-break: break-word;
  178. }
  180. .zcwf_lblLeft .zcwf_help_icon {
  182.                cursor: pointer;
  184.                width: 16px;
  186.                height: 16px;
  188.                display: inline-block;
  190.                background: #fff;
  192.                border: 1px solid #c0c6cc;
  194.                color: #c1c1c1;
  196.                text-align: center;
  198.                font-size: 11px;
  200.                line-height: 16px;
  202.                font-weight: bold;
  204.                border-radius: 50%;
  206. }
  208. .zcwf_lblLeft .zcwf_row {margin: 15px 0px;}
  210. .zcwf_lblLeft .formsubmit {
  212.                margin-right: 5px;
  214.                cursor: pointer;
  216.                color: var(--baseColor);
  218.                font-size: 12px;
  220. }
  222. .zcwf_lblLeft .zcwf_privacy_txt {
  224.                width: 90%;
  226.                color: rgb(0, 0, 0);
  228.                font-size: 12px;
  230.                font-family: Arial;
  232.                display: inline-block;
  234.                vertical-align: top;
  236.                color: var(--baseColor);
  238.                padding-top: 2px;
  240.                margin-left: 6px;
  242. }
  244. .zcwf_lblLeft .zcwf_button {
  246.                font-size: 12px;
  248.                color: var(--baseColor);
  250.                border: 1px solid #c0c6cc;
  252.                padding: 3px 9px;
  254.                border-radius: 4px;
  256.                cursor: pointer;
  258.                max-width: 120px;
  260.                overflow: hidden;
  262.                text-overflow: ellipsis;
  264.                white-space: nowrap;
  266. }
  268. .zcwf_lblLeft .zcwf_tooltip_over{
  270.                position: relative;
  272. }
  274. .zcwf_lblLeft .zcwf_tooltip_ctn{
  276.                position: absolute;
  278.                background: #dedede;
  280.                padding: 3px 6px;
  282.                top: 3px;
  284.                border-radius: 4px;word-break: break-word;
  286.                min-width: 100px;
  288.                max-width: 150px;
  290.                color: var(--baseColor);
  292.                z-index: 100;
  294. }
  296. .zcwf_lblLeft .zcwf_ckbox{
  298.                float: left;
  300. }
  302. .zcwf_lblLeft .zcwf_file{
  304.                width: 55%;
  306.                box-sizing: border-box;
  308.                float: left;
  310. }
  312. .clearB:after{
  314.                content:'';
  316.                display: block;
  318.                clear: both;
  320. }
  322. @media all and (max-width: 600px) {
  324.                .zcwf_lblLeft .zcwf_col_lab, .zcwf_lblLeft .zcwf_col_fld {
  326.                               width: auto;
  328.                               float: none !important;
  330.                }
  332.                .zcwf_lblLeft .zcwf_col_help {width: 40%;}
  334. }
  336. </style>
  338. <div class='zcwf_title' style='max-width: 600px;color: black; font-family:Arial;'>RRHH ESP</div>
  340. <div class='zcwf_row'><div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'><label for='First_Name'>Nombre<span style='color:red;'>*</span></label></div><div class='zcwf_col_fld'><input type='text' id='First_Name' name='First Name' maxlength='40'></input><div class='zcwf_col_help'></div></div></div>
  342. <div class='zcwf_row'><div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'><label for='Last_Name'>Apellidos<span style='color:red;'>*</span></label></div><div class='zcwf_col_fld'><input type='text' id='Last_Name' name='Last Name' maxlength='80'></input><div class='zcwf_col_help'></div></div></div>
  344. <div class='zcwf_row'><div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'><label for='CONTACTCF43'>Movil<span style='color:red;'>*</span></label></div><div class='zcwf_col_fld'><input type='text' id='CONTACTCF43' name='CONTACTCF43' maxlength='255'></input><div class='zcwf_col_help'></div></div></div>
  346. <div class='zcwf_row'><div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'><label for='Email'>E-mail<span style='color:red;'>*</span></label></div><div class='zcwf_col_fld'><input type='text' ftype='email' id='Email' name='Email' maxlength='100'></input><div class='zcwf_col_help'></div></div></div>
  348. <div class='zcwf_row'><div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'><label for='CONTACTCF42'>Dirección<span style='color:red;'>*</span></label></div><div class='zcwf_col_fld'><input type='text' id='CONTACTCF42' name='CONTACTCF42' maxlength='255'></input><div class='zcwf_col_help'></div></div></div><div class='zcwf_row'><div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'>Adjuntar Curr&iacute;culum<span style='color:red;'>*</span></div>
  350.                <div class='zcwf_col_fld'><div class='clearB'><input type='file' class='zcwf_file' name='theFile' id='theFile48971000086241010' multiple /><div class='zcwf_col_help'><span title='PDF, WORD' style='cursor: pointer; width: 16px; height: 16px; display: inline-block; background: #fff; border: 1px solid #c0c6cc; color: #c1c1c1; text-align: center; font-size: 11px; line-height: 16px; font-weight: bold; border-radius: 50%;' onclick='tooltipShow48971000086241010(this)'>?</span><div class='zcwf_tooltip_over' style='display: none;'><span class='zcwf_tooltip_ctn'>PDF, WORD</span></div></div></div><p style='color:black;font-size:11px;padding-left:3px;'>El límite de tamaño de los archivos es de 20 MB.</p>
  352.                </div></div><div class='zcwf_row'><div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'>Captcha</div>
  354.                <div class='zcwf_col_fld'><input type='text' maxlength='10' name='enterdigest' /></div>
  356.               
  358.  
  360.                </div>
  362.                <!-- Do not remove this code. -->
  364.                    <div class='zcwf_row'><div class='zcwf_col_lab'></div><div class='zcwf_col_fld'><img id='imgid48971000086241010' src='https://crm.zoho.eu/crm/CaptchaServlet?formId=835275e621923c54ee40572214c741740903ea2597654768d05363312859b407&grpid=60ac0ac0397c07c52d9395ae5b98b5979fcf1554e5626cfe14548569e8f8f22f'>
  366.                    <a href='javascript:;' onclick='reloadImg48971000086241010();'>Recargar</a></div><div class=''></div>
  368.                </div>
  370. <div class='zcwf_row'><div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'><label for='Description'>Comentario<span style='color:red;'>*</span></label></div><div class='zcwf_col_fld'><textarea id='Description' name='Description'></textarea><div class='zcwf_col_help'></div></div></div><div class='zcwf_row'><div class='zcwf_privacy'><div class='dIB vat' align='left'><div class='displayPurpose  f13'><label class='newCustomchkbox-md dIB w100per'><input autocomplete='off' id='privacyTool48971000086241010' type='checkbox' name='privacyTool' onclick='disableErr48971000086241010()'></label></div></div><div class='dIB zcwf_privacy_txt' style='font-size: 12px;font-family:Arial;color: black;'><b>Acepto la <a href='https://eurochange.es/politica-de-privacidad' title='https://eurochange.es/politica-de-privacidad' target='_blank'>Política de privacidad y los Términos de servicio.</a></b><div><br></div></div> <div  id='privacyErr48971000086241010' style='font-size:12px;color:red;padding-left: 5px;visibility:hidden;'>Acepte por favor</div></div></div><div class='zcwf_row'><div class='zcwf_col_lab'></div><div class='zcwf_col_fld'><input type='submit' id='formsubmit' class='formsubmit zcwf_button' value='Enviar' title='Enviar'><input type='reset' class='zcwf_button' name='reset' value='Restablecer' title='Restablecer'></div></div>
  372.                <script>
  374.                               function privacyAlert48971000086241010()
  376.                               {
  378.                                             var privacyTool = document.getElementById('privacyTool48971000086241010');
  380.                                             var privacyErr = document.getElementById('privacyErr48971000086241010');
  382.                                             if(privacyTool !=undefined && !privacyTool.checked )
  384.                                             {
  386.                                                            privacyErr.style.visibility='visible';
  388.                                                            privacyTool.focus();
  390.                                                            return false;
  392.                                             }
  394.                                             return true;
  396.                               }
  398.                               function disableErr48971000086241010()
  400.                               {
  402.                                             var privacyTool = document.getElementById('privacyTool48971000086241010');
  404.                                             var privacyErr = document.getElementById('privacyErr48971000086241010');
  406.                                             if(privacyTool !=undefined && privacyTool.checked && privacyErr !=undefined )
  408.                                             {
  410.                                                            privacyErr.style.visibility='hidden';
  412.                                             }
  414.                               }
  416.  
  418.                /* Do not remove this code. */
  420.                function reloadImg48971000086241010() {
  422.                               var captcha = document.getElementById('imgid48971000086241010');
  424.                               if(captcha.src.indexOf('&d') !== -1 ) {
  426.                                             captcha.src = captcha.src.substring(0, captcha.src.indexOf('&d'))+'&d'+new Date().getTime();
  428.                               }else{
  430.                                             captcha.src = captcha.src+'&d'+new Date().getTime();
  432.                               }
  434.                }
  436.                function validateEmail48971000086241010()
  438.                {
  440.                               var form = document.forms['WebToContacts48971000086241010'];
  442.                               var emailFld = form.querySelectorAll('[ftype=email]');
  444.                               var i;
  446.                               for (i = 0; i < emailFld.length; i++)
  448.                               {
  450.                                             var emailVal = emailFld[i].value;
  452.                                             if((emailVal.replace(/^\s+|\s+$/g, '')).length!=0 )
  454.                                             {
  456.                                                            var atpos=emailVal.indexOf('@');
  458.                                                            var dotpos=emailVal.lastIndexOf('.');
  460.                                                            if (atpos<1 || dotpos<atpos+2 || dotpos+2>=emailVal.length)
  462.                                                            {
  464.                                                                           alert('Introduzca una dirección de correo electrónico válida. ');
  466.                                                                           emailFld[i].focus();
  468.                                                                           return false;
  470.                                                            }
  472.                                             }
  474.                               }
  476.                               return true;
  478.                }
  480.  
  482.                 function checkMandatory48971000086241010() {
  484.                               var mndFileds = new Array('First Name','Last Name','Email','Description','CONTACTCF42','CONTACTCF43','theFile');
  486.                               var fldLangVal = new Array('Nombre','Apellidos','E\x2Dmail','Comentario','Direcci\xF3n','Movil',);
  488.                               for(i=0;i<mndFileds.length;i++) {
  490.                                 var fieldObj=document.forms['WebToContacts48971000086241010'][mndFileds[i]];
  492.                                 if(fieldObj) {
  494.                                             if (((fieldObj.value).replace(/^\s+|\s+$/g, '')).length==0) {
  496.                                             if(fieldObj.type =='file')
  498.                                                            {
  500.                                                             alert('Seleccione un archivo para cargar.');
  502.                                                             fieldObj.focus();
  504.                                                             return false;
  506.                                                            }
  508.                                             alert(fldLangVal[i] +' no puede estar vacío.');
  510.                                                fieldObj.focus();
  512.                                                return false;
  514.                                             }  else if(fieldObj.nodeName=='SELECT') {
  516.                                               if(fieldObj.options[fieldObj.selectedIndex].value=='-None-') {
  518.                                                            alert(fldLangVal[i] +' no puede ser nulo.');
  520.                                                            fieldObj.focus();
  522.                                                            return false;
  524.                                                }
  526.                                             } else if(fieldObj.type =='checkbox'){
  528.                                              if(fieldObj.checked == false){
  530.                                                            alert('Please accept  '+fldLangVal[i]);
  532.                                                            fieldObj.focus();
  534.                                                            return false;
  536.                                                }
  538.                                              }
  540.                                              try {
  542.                                                  if(fieldObj.name == 'Last Name') {
  544.                                                            name = fieldObj.value;
  546.                                                 }
  548.                                             } catch (e) {}
  550.                                   }
  552.                               }
  554.                               if(!validateFileUpload48971000086241010()){return false;}
  556.  
  558.                               if(!validateEmail48971000086241010()){return false;}
  560.                              
  562.                               if(!privacyAlert48971000086241010()){return false;}
  564.                               document.querySelector('.crmWebToEntityForm .formsubmit').setAttribute('disabled', true);
  566.                }
  568.  
  570.                function validateFileUpload48971000086241010(){
  572.                               var uploadedFiles = document.getElementById('theFile48971000086241010');
  574.                                var totalFileSize =0;
  576.                                if(uploadedFiles.files.length >3){
  578.                                              alert('Puede cargar un máximo de tres archivos a la vez.');
  580.                                              return false;
  582.                                }
  584.                                if ('files' in uploadedFiles) {
  586.                                              if (uploadedFiles.files.length != 0) {
  588.                                                             for (var i = 0; i < uploadedFiles.files.length; i++) {
  590.                                                                            var file = uploadedFiles.files[i];
  592.                                                                            if ('size' in file) {
  594.                                                                                           totalFileSize = totalFileSize + file.size;
  596.                                                                            }
  598.                                                             }
  600.                                                             if(totalFileSize > 20971520){
  602.                                                                            alert('El tamaño total de los archivos no debe superar los 20MB.');
  604.                                                                            return false;
  606.                                                             }
  608.                                              }
  610.                                }
  612.                                return true;
  614.                 }
  616. function tooltipShow48971000086241010(el){
  618.                var tooltip = el.nextElementSibling;
  620.                var tooltipDisplay = tooltip.style.display;
  622.                if(tooltipDisplay == 'none'){
  624.                               var allTooltip = document.getElementsByClassName('zcwf_tooltip_over');
  626.                               for(i=0; i<allTooltip.length; i++){
  628.                                             allTooltip[i].style.display='none';
  630.                               }
  632.                               tooltip.style.display = 'block';
  634.                }else{
  636.                               tooltip.style.display='none';
  638.                }
  640. }
  642. </script>
  644.                <!-- Do not remove this --- Analytics Tracking code starts --><script id='wf_anal' src='https://crm.zohopublic.eu/crm/WebFormAnalyticsServeServlet?rid=835275e621923c54ee40572214c741740903ea2597654768d05363312859b407gid60ac0ac0397c07c52d9395ae5b98b5979fcf1554e5626cfe14548569e8f8f22fgidea93f4322d46ee698fe0c65bddf10eabbc5de3875e0e613a51d77e7d4100e249gidc4408f450319003e0c12e54df63a8632&tw=cbfb750ab7d38d47a14b773ee2feb5d02289cbd83eea2c768228fc69ce2034ab'></script><!-- Do not remove this --- Analytics Tracking code ends. --></form>
  646.   <!-- Do not remove this code. -->
  648.      <iframe name='captchaFrame' style='display:none;'></iframe>
  650. </div>
  651. {% else %}
  653. <!-- Note :
  655.    - You can modify the font style and form style to suit your website.
  657.    - Code lines with comments Do not remove this code are required for the form to work properly, make sure that you do not remove these lines of code.
  659.    - The Mandatory check script can modified as to suit your business needs.
  661.    - It is important that you test the modified form before going live.
  663.    - Do not remove captcha and other form elements that are necessary for the form to work.  -->
  665. <div id='crmWebToEntityForm' class='zcwf_lblLeft crmWebToEntityForm' style='background-color: #F5F5F5;color: black;max-width: 600px;'>
  667.   <meta name='viewport' content='width=device-width, initial-scale=1.0'>
  669.    <META HTTP-EQUIV ='content-type' CONTENT='text/html;charset=UTF-8'>
  671.    <form action='https://crm.zoho.eu/crm/WebToContactForm' name=WebToContacts48971000086241027 method='POST' enctype='multipart/form-data' onSubmit='javascript:document.charset="UTF-8"; return checkMandatory48971000086241027()' accept-charset='UTF-8'>
  673. <input type='text' style='display:none;' name='xnQsjsdp' value='60ac0ac0397c07c52d9395ae5b98b5979fcf1554e5626cfe14548569e8f8f22f'></input>
  675.  <input type='hidden' name='zc_gad' id='zc_gad' value=''></input>
  677.  <input type='text' style='display:none;' name='xmIwtLD' value='835275e621923c54ee40572214c7417421c6e672c8a76964f7cb32fe560eca97'></input>
  679.  <input type='text'  style='display:none;' name='actionType' value='Q29udGFjdHM='></input>
  681. <input type='text' style='display:none;' name='returnURL' value='https&#x3a;&#x2f;&#x2f;eurochange.es&#x2f;en&#x2f;rrhh' > </input>
  683.                <!-- Do not remove this code. -->
  685. <style>
  687. html,body{
  689.                margin: 0px;
  691. }
  693. #crmWebToEntityForm.zcwf_lblLeft {
  695.                width:100%;
  697.                padding: 25px;
  699.                margin: 0 auto;
  701.                box-sizing: border-box;
  703. }
  705. #crmWebToEntityForm.zcwf_lblLeft * {
  707.                box-sizing: border-box;
  709. }
  711. #crmWebToEntityForm{text-align: left;}
  713. #crmWebToEntityForm * {
  715.                direction: ltr;
  717. }
  719. .zcwf_lblLeft .zcwf_title {
  721.                word-wrap: break-word;
  723.                padding: 0px 6px 10px;
  725.                font-weight: bold;
  727. }
  729. .zcwf_lblLeft .zcwf_col_fld input[type=text], .zcwf_lblLeft .zcwf_col_fld textarea {
  731.                width: 60%;
  733.                border: 1px solid #c0c6cc !important;
  735.                resize: vertical;
  737.                border-radius: 2px;
  739.                float: left;
  741. }
  743. .zcwf_lblLeft .zcwf_col_lab {
  745.                width: 30%;
  747.                word-break: break-word;
  749.                padding: 0px 6px 0px;
  751.                margin-right: 10px;
  753.                margin-top: 5px;
  755.                float: left;
  757.                min-height: 1px;
  759. }
  761. .zcwf_lblLeft .zcwf_col_fld {
  763.                float: left;
  765.                width: 68%;
  767.                padding: 0px 6px 0px;
  769.                position: relative;
  771.                margin-top: 5px;
  773. }
  775. .zcwf_lblLeft .zcwf_privacy{padding: 6px;}
  777. .zcwf_lblLeft .wfrm_fld_dpNn{display: none;}
  779. .dIB{display: inline-block;}
  781. .zcwf_lblLeft .zcwf_col_fld_slt {
  783.                width: 60%;
  785.                border: 1px solid #ccc;
  787.                background: #fff;
  789.                border-radius: 4px;
  791.                font-size: 12px;
  793.                float: left;
  795.                resize: vertical;
  797.                padding: 2px 5px;
  799. }
  801. .zcwf_lblLeft .zcwf_row:after, .zcwf_lblLeft .zcwf_col_fld:after {
  803.                content: '';
  805.                display: table;
  807.                clear: both;
  809. }
  811. .zcwf_lblLeft .zcwf_col_help {
  813.                float: left;
  815.                margin-left: 7px;
  817.                font-size: 12px;
  819.                max-width: 35%;
  821.                word-break: break-word;
  823. }
  825. .zcwf_lblLeft .zcwf_help_icon {
  827.                cursor: pointer;
  829.                width: 16px;
  831.                height: 16px;
  833.                display: inline-block;
  835.                background: #fff;
  837.                border: 1px solid #c0c6cc;
  839.                color: #c1c1c1;
  841.                text-align: center;
  843.                font-size: 11px;
  845.                line-height: 16px;
  847.                font-weight: bold;
  849.                border-radius: 50%;
  851. }
  853. .zcwf_lblLeft .zcwf_row {margin: 15px 0px;}
  855. .zcwf_lblLeft .formsubmit {
  857.                margin-right: 5px;
  859.                cursor: pointer;
  861.                color: var(--baseColor);
  863.                font-size: 12px;
  865. }
  867. .zcwf_lblLeft .zcwf_privacy_txt {
  869.                width: 90%;
  871.                color: rgb(0, 0, 0);
  873.                font-size: 12px;
  875.                font-family: Arial;
  877.                display: inline-block;
  879.                vertical-align: top;
  881.                color: var(--baseColor);
  883.                padding-top: 2px;
  885.                margin-left: 6px;
  887. }
  889. .zcwf_lblLeft .zcwf_button {
  891.                font-size: 12px;
  893.                color: var(--baseColor);
  895.                border: 1px solid #c0c6cc;
  897.                padding: 3px 9px;
  899.                border-radius: 4px;
  901.                cursor: pointer;
  903.                max-width: 120px;
  905.                overflow: hidden;
  907.                text-overflow: ellipsis;
  909.                white-space: nowrap;
  911. }
  913. .zcwf_lblLeft .zcwf_tooltip_over{
  915.                position: relative;
  917. }
  919. .zcwf_lblLeft .zcwf_tooltip_ctn{
  921.                position: absolute;
  923.                background: #dedede;
  925.                padding: 3px 6px;
  927.                top: 3px;
  929.                border-radius: 4px;word-break: break-word;
  931.                min-width: 100px;
  933.                max-width: 150px;
  935.                color: var(--baseColor);
  937.                z-index: 100;
  939. }
  941. .zcwf_lblLeft .zcwf_ckbox{
  943.                float: left;
  945. }
  947. .zcwf_lblLeft .zcwf_file{
  949.                width: 55%;
  951.                box-sizing: border-box;
  953.                float: left;
  955. }
  957. .clearB:after{
  959.                content:'';
  961.                display: block;
  963.                clear: both;
  965. }
  967. @media all and (max-width: 600px) {
  969.                .zcwf_lblLeft .zcwf_col_lab, .zcwf_lblLeft .zcwf_col_fld {
  971.                               width: auto;
  973.                               float: none !important;
  975.                }
  977.                .zcwf_lblLeft .zcwf_col_help {width: 40%;}
  979. }
  981. </style>
  983. <div class='zcwf_title' style='max-width: 600px;color: black; font-family:Arial;'>RRHH  ING</div>
  985. <div class='zcwf_row'><div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'><label for='First_Name'>Name<span style='color:red;'>*</span></label></div><div class='zcwf_col_fld'><input type='text' id='First_Name' name='First Name' maxlength='40'></input><div class='zcwf_col_help'></div></div></div>
  987. <div class='zcwf_row'><div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'><label for='Last_Name'>Surnames<span style='color:red;'>*</span></label></div><div class='zcwf_col_fld'><input type='text' id='Last_Name' name='Last Name' maxlength='80'></input><div class='zcwf_col_help'></div></div></div>
  989. <div class='zcwf_row'><div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'><label for='CONTACTCF43'>Phone<span style='color:red;'>*</span></label></div><div class='zcwf_col_fld'><input type='text' id='CONTACTCF43' name='CONTACTCF43' maxlength='255'></input><div class='zcwf_col_help'></div></div></div>
  991. <div class='zcwf_row'><div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'><label for='Email'>E-mail<span style='color:red;'>*</span></label></div><div class='zcwf_col_fld'><input type='text' ftype='email' id='Email' name='Email' maxlength='100'></input><div class='zcwf_col_help'></div></div></div>
  993. <div class='zcwf_row'><div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'><label for='CONTACTCF42'>Address<span style='color:red;'>*</span></label></div><div class='zcwf_col_fld'><input type='text' id='CONTACTCF42' name='CONTACTCF42' maxlength='255'></input><div class='zcwf_col_help'></div></div></div><div class='zcwf_row'><div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'>Add Curr&iacute;culum<span style='color:red;'>*</span></div>
  995.                <div class='zcwf_col_fld'><div class='clearB'><input type='file' class='zcwf_file' name='theFile' id='theFile48971000086241027' multiple /><div class='zcwf_col_help'><span title='PDF, WORD' style='cursor: pointer; width: 16px; height: 16px; display: inline-block; background: #fff; border: 1px solid #c0c6cc; color: #c1c1c1; text-align: center; font-size: 11px; line-height: 16px; font-weight: bold; border-radius: 50%;' onclick='tooltipShow48971000086241027(this)'>?</span><div class='zcwf_tooltip_over' style='display: none;'><span class='zcwf_tooltip_ctn'>PDF, WORD</span></div></div></div><p style='color:black;font-size:11px;padding-left:3px;'>El límite de tamaño de los archivos es de 20 MB.</p>
  997.                </div></div><div class='zcwf_row'><div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'>Captcha</div>
  999.                <div class='zcwf_col_fld'><input type='text' maxlength='10' name='enterdigest' /></div>
  1001.               
  1003.  
  1005.                </div>
  1007.                <!-- Do not remove this code. -->
  1009.                    <div class='zcwf_row'><div class='zcwf_col_lab'></div><div class='zcwf_col_fld'><img id='imgid48971000086241027' src='https://crm.zoho.eu/crm/CaptchaServlet?formId=835275e621923c54ee40572214c7417421c6e672c8a76964f7cb32fe560eca97&grpid=60ac0ac0397c07c52d9395ae5b98b5979fcf1554e5626cfe14548569e8f8f22f'>
  1011.                    <a href='javascript:;' onclick='reloadImg48971000086241027();'>Recargar</a></div><div class=''></div>
  1013.                </div>
  1015. <div class='zcwf_row'><div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'><label for='Description'>Comment<span style='color:red;'>*</span></label></div><div class='zcwf_col_fld'><textarea id='Description' name='Description'></textarea><div class='zcwf_col_help'></div></div></div><div class='zcwf_row'><div class='zcwf_privacy'><div class='dIB vat' align='left'><div class='displayPurpose  f13'><label class='newCustomchkbox-md dIB w100per'><input autocomplete='off' id='privacyTool48971000086241027' type='checkbox' name='privacyTool' onclick='disableErr48971000086241027()'></label></div></div><div class='dIB zcwf_privacy_txt' style='font-size: 12px;font-family:Arial;color: black;'><b>I accept the <a href='https://eurochange.es/en/privacy-policy' title='https://eurochange.es/en/privacy-policy' target='_blank'>Privacy Policy and the Terms of Service</a>.</b><br><div><br></div></div> <div  id='privacyErr48971000086241027' style='font-size:12px;color:red;padding-left: 5px;visibility:hidden;'>Acepte por favor</div></div></div><div class='zcwf_row'><div class='zcwf_col_lab'></div><div class='zcwf_col_fld'><input type='submit' id='formsubmit' class='formsubmit zcwf_button' value='Enviar' title='Enviar'><input type='reset' class='zcwf_button' name='reset' value='Restablecer' title='Restablecer'></div></div>
  1017.                <script>
  1019.                               function privacyAlert48971000086241027()
  1021.                               {
  1023.                                             var privacyTool = document.getElementById('privacyTool48971000086241027');
  1025.                                             var privacyErr = document.getElementById('privacyErr48971000086241027');
  1027.                                             if(privacyTool !=undefined && !privacyTool.checked )
  1029.                                             {
  1031.                                                            privacyErr.style.visibility='visible';
  1033.                                                            privacyTool.focus();
  1035.                                                            return false;
  1037.                                             }
  1039.                                             return true;
  1041.                               }
  1043.                               function disableErr48971000086241027()
  1045.                               {
  1047.                                             var privacyTool = document.getElementById('privacyTool48971000086241027');
  1049.                                             var privacyErr = document.getElementById('privacyErr48971000086241027');
  1051.                                             if(privacyTool !=undefined && privacyTool.checked && privacyErr !=undefined )
  1053.                                             {
  1055.                                                            privacyErr.style.visibility='hidden';
  1057.                                             }
  1059.                               }
  1061.  
  1063.                /* Do not remove this code. */
  1065.                function reloadImg48971000086241027() {
  1067.                               var captcha = document.getElementById('imgid48971000086241027');
  1069.                               if(captcha.src.indexOf('&d') !== -1 ) {
  1071.                                             captcha.src = captcha.src.substring(0, captcha.src.indexOf('&d'))+'&d'+new Date().getTime();
  1073.                               }else{
  1075.                                             captcha.src = captcha.src+'&d'+new Date().getTime();
  1077.                               }
  1079.                }
  1081.                function validateEmail48971000086241027()
  1083.                {
  1085.                               var form = document.forms['WebToContacts48971000086241027'];
  1087.                               var emailFld = form.querySelectorAll('[ftype=email]');
  1089.                               var i;
  1091.                               for (i = 0; i < emailFld.length; i++)
  1093.                               {
  1095.                                             var emailVal = emailFld[i].value;
  1097.                                             if((emailVal.replace(/^\s+|\s+$/g, '')).length!=0 )
  1099.                                             {
  1101.                                                            var atpos=emailVal.indexOf('@');
  1103.                                                            var dotpos=emailVal.lastIndexOf('.');
  1105.                                                            if (atpos<1 || dotpos<atpos+2 || dotpos+2>=emailVal.length)
  1107.                                                            {
  1109.                                                                           alert('Introduzca una dirección de correo electrónico válida. ');
  1111.                                                                           emailFld[i].focus();
  1113.                                                                           return false;
  1115.                                                            }
  1117.                                             }
  1119.                               }
  1121.                               return true;
  1123.                }
  1125.  
  1127.                 function checkMandatory48971000086241027() {
  1129.                               var mndFileds = new Array('First Name','Last Name','Email','Description','CONTACTCF42','CONTACTCF43','theFile');
  1131.                               var fldLangVal = new Array('Name','Surnames','E\x2Dmail','Comment','Address','Phone',);
  1133.                               for(i=0;i<mndFileds.length;i++) {
  1135.                                 var fieldObj=document.forms['WebToContacts48971000086241027'][mndFileds[i]];
  1137.                                 if(fieldObj) {
  1139.                                             if (((fieldObj.value).replace(/^\s+|\s+$/g, '')).length==0) {
  1141.                                             if(fieldObj.type =='file')
  1143.                                                            {
  1145.                                                             alert('Seleccione un archivo para cargar.');
  1147.                                                             fieldObj.focus();
  1149.                                                             return false;
  1151.                                                            }
  1153.                                             alert(fldLangVal[i] +' no puede estar vacío.');
  1155.                                                fieldObj.focus();
  1157.                                                return false;
  1159.                                             }  else if(fieldObj.nodeName=='SELECT') {
  1161.                                               if(fieldObj.options[fieldObj.selectedIndex].value=='-None-') {
  1163.                                                            alert(fldLangVal[i] +' no puede ser nulo.');
  1165.                                                            fieldObj.focus();
  1167.                                                            return false;
  1169.                                                }
  1171.                                             } else if(fieldObj.type =='checkbox'){
  1173.                                              if(fieldObj.checked == false){
  1175.                                                            alert('Please accept  '+fldLangVal[i]);
  1177.                                                            fieldObj.focus();
  1179.                                                            return false;
  1181.                                                }
  1183.                                              }
  1185.                                              try {
  1187.                                                  if(fieldObj.name == 'Last Name') {
  1189.                                                            name = fieldObj.value;
  1191.                                                 }
  1193.                                             } catch (e) {}
  1195.                                   }
  1197.                               }
  1199.                               if(!validateFileUpload48971000086241027()){return false;}
  1201.  
  1203.                               if(!validateEmail48971000086241027()){return false;}
  1205.                              
  1207.                               if(!privacyAlert48971000086241027()){return false;}
  1209.                               document.querySelector('.crmWebToEntityForm .formsubmit').setAttribute('disabled', true);
  1211.                }
  1213.  
  1215.                function validateFileUpload48971000086241027(){
  1217.                               var uploadedFiles = document.getElementById('theFile48971000086241027');
  1219.                                var totalFileSize =0;
  1221.                                if(uploadedFiles.files.length >3){
  1223.                                              alert('Puede cargar un máximo de tres archivos a la vez.');
  1225.                                              return false;
  1227.                                }
  1229.                                if ('files' in uploadedFiles) {
  1231.                                              if (uploadedFiles.files.length != 0) {
  1233.                                                             for (var i = 0; i < uploadedFiles.files.length; i++) {
  1235.                                                                            var file = uploadedFiles.files[i];
  1237.                                                                            if ('size' in file) {
  1239.                                                                                           totalFileSize = totalFileSize + file.size;
  1241.                                                                            }
  1243.                                                             }
  1245.                                                             if(totalFileSize > 20971520){
  1247.                                                                            alert('El tamaño total de los archivos no debe superar los 20MB.');
  1249.                                                                            return false;
  1251.                                                             }
  1253.                                              }
  1255.                                }
  1257.                                return true;
  1259.                 }
  1261. function tooltipShow48971000086241027(el){
  1263.                var tooltip = el.nextElementSibling;
  1265.                var tooltipDisplay = tooltip.style.display;
  1267.                if(tooltipDisplay == 'none'){
  1269.                               var allTooltip = document.getElementsByClassName('zcwf_tooltip_over');
  1271.                               for(i=0; i<allTooltip.length; i++){
  1273.                                             allTooltip[i].style.display='none';
  1275.                               }
  1277.                               tooltip.style.display = 'block';
  1279.                }else{
  1281.                               tooltip.style.display='none';
  1283.                }
  1285. }
  1287. </script>
  1289.                <!-- Do not remove this --- Analytics Tracking code starts --><script id='wf_anal' src='https://crm.zohopublic.eu/crm/WebFormAnalyticsServeServlet?rid=835275e621923c54ee40572214c7417421c6e672c8a76964f7cb32fe560eca97gid60ac0ac0397c07c52d9395ae5b98b5979fcf1554e5626cfe14548569e8f8f22fgidea93f4322d46ee698fe0c65bddf10eabbc5de3875e0e613a51d77e7d4100e249gidc4408f450319003e0c12e54df63a8632&tw=cbfb750ab7d38d47a14b773ee2feb5d02289cbd83eea2c768228fc69ce2034ab'></script><!-- Do not remove this --- Analytics Tracking code ends. --></form>
  1291.   <!-- Do not remove this code. -->
  1293.      <iframe name='captchaFrame' style='display:none;'></iframe>
  1295. </div>
  1297. {% endif %}
  1298.   
  1299. {% endblock %}