  <!--contact section start -->
  <div class="contact_section layout_padding mt-5">
      <div class="container">
          <div class="row">
              <div class="col-md-6">
                  <div class="contact_bg sticky-top m-5" style="text-align: center;">
                      <img src="<?php echo $url ?>vista/img/fig.png" style="max-height: 70px;" class="img-flex">
                  </div>
                  <div style="text-align: center;" class="m-3">
                      <strong> Bienvenido/a al Programa de Educación Financiera de la Fundación FIG.</strong>
                  </div>
                  <p style="text-align: justify;">Para registrarte, ingresa los datos que solicita el formulario, <strong>sin usar tildes ni eñes</strong>. Luego podrás editar tu perfil de usuario en la plataforma para que los certificados se emitan con tu nombre correcto.</p>
                  <p style="text-align: justify;">Debes registrar <strong>tu propio número de cédula</strong> pues el acceso es individual para cada participante y<strong> nos permitirá validar tu identidad para la emisión de los certificados</strong>. Es importante que ingreses un correo electrónico personal para poder ayudarte en caso de que lo necesites.</p>
				  <p style="text-align: justify;">Al registrarte en nuestra plataforma educativa, otorgas a Finanzas Inclusivas y Gobernanza el consentimiento para administrar tu información conforme los <a href="https://campus.figlac.org/terminos-y-condiciones.html" onclick="window.open(this.href, '', 'resizable=yes,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=yes,dependent=no'); return false;">Términos y condiciones de uso del Campus Virtual FIG</a>, en el cual se incluye las normas y procedimientos establecidos para el tratamiento y protección de datos personales.</p>
              </div>
              <div class="col-md-6  pt-5">
                  <form method="post" action="<?php echo $url . "enrolar" ?>">
                      <h1 class="contact_text center">Ingresa tus datos</h1>
                      <div class="pt-3" aria-labelledby="flush-headingOne">
                          <div class="form-group m-3">
                              <label for="txtNombre">Nombre(s):</label>
                              <input type="text" required class="form-control" name="txtNombre" id="txtNombre" placeholder="Ingrese su nombre o nombres" oninput="validarName(this)">
                              <pre id="resultadoName" style="font-size: x-small"></pre>
                          </div>

                          <div class="form-group m-3">
                              <label for="txtApe">Apellidos:</label>
                              <input type="text" required class="form-control" name="txtApe" id="txtApe" placeholder="Ingrese sus apellidos" oninput="validarApe(this)"> 
                              <pre id="resultadoApe" style="font-size: x-small"></pre>
                          </div>
                          <div class="form-group m-3">
                              <label for="txtEmail">Correo electrónico:</label>
                              <input type="email" required class="form-control" name="txtEmail" placeholder="Ingrese su correo electrónico personal">
                          </div>
                          <div class="form-group m-3">
                              <label for="txtEmail">Numero de cédula:</label>
                              <input type="number" required class="form-control" name="txtCedula" id="txtCedula" placeholder="Ingrese su número de cédula o pasaporte, sin espacios ni guiones">
                              <pre id="ok" style="font-size: x-small">
                          </div>
                          <div class="form-group m-3">
                              <label for="txtEmail">Teléfono:</label>
                              <input type="number" required class="form-control" name="txtTel" placeholder="Ingrese los 10 dígitos de su número celular">
                              <pre id="resultadoUsername"></pre>
                          </div>
                          <div class="form-group m-3">
                          <button type="submit" class="btn btn-primary" id="btnReg"> Guardar</button>
                          <div class="form-group m-3">
                      </div>
                  </form>
              </div>
          </div>
      </div>
  </div>
  
    <script>
      var politicaContrasenna = /^[A-Za-z\d@$(){}!%><*#+?&^]{10,}$/,
          inpClave = document.getElementById('txtCedula'),
          inpOk = document.getElementById('ok');

      inpClave.addEventListener(
          'input',
          function(evt) {
              if (politicaContrasenna.test(inpClave.value)) {
                  inpOk.innerText = 'válido';
                  inpOk.style.color = 'green';
                  document.getElementById('btnReg').disabled=false;
              } else {
                  inpOk.innerText = 'No válido';
                  inpOk.style.color = 'red';
                  document.getElementById('btnReg').disabled=true;
              }
          }
      );
  </script>