<!DOCTYPE html>
<html lang="en">
   <head>
   
   <title>Registro - Recursos Humanos</title>
   <?php include '../layout/header.php'; ?>

   </head>
   <body class="inner_page login">
      <div class="full_container">
         <div class="container">
            <div class="center verticle_center full_height">
               <div class="login_section">
                  <div>
                     <br>
                     <br>
                     <h2 class="center" style="color:steelblue;">JBG Operator</h2>
                     <br>
                     <h3 class="center" style="color:steelblue;">Formulario de registro</h3>
                     <div class="center" style="display:flex">
                        <img width="250" style="border-radius: 10px; flex-direction:row; align-items:center;" src="../images/logo/jbgoperator.png" alt="#" />
                     </div>
                  </div>
                  <div class="login_form">
                     <form action="validarregistro.php" method="POST">
                        <fieldset>
                           <div class="field">
                              <label class="label_field">Nombres</label>
                              <input type="text" name="txtusuario" onkeyup="mayus(this)" placeholder="Nombres y Apellidos" required/>
                           </div>
                           <div class="field">
                              <label class="label_field">Documento</label>
                              <select style="color: #999;font-weight: 500;line-height: 45px;border:none;" name="cbotipodocumento" >
                                 <option value="DNI" selected>DNI</option>
                                 <option value="PASAPORTE">PASAPORTE</option>
                                 <option value="CI">C. EXTRANJER&Iacute;A</option>
                              </select>
                           </div>
                           <div class="field">
                              <label class="label_field">DNI</label>
                              <input type="text" name="txtdni" onkeyup="mayus(this)" placeholder="DNI / PASAPORTE / C.E" required/>
                           </div>
                           <div class="field">
                              <label class="label_field">Sede</label>
                              <select style="color: #999;font-weight: 300;line-height: 45px;border:none;" name="cbosede" >
                                 <option value="VALLE SHARON">VALLE SHARON</option>
                                 <option value="VILLA MARIA" selected>VILLA MARIA</option>
                                 <option value="SAN JUAN">SAN JUAN</option>
                              </select>
                           </div>
                           <div class="field">
                              <label class="label_field">Turno</label>
                              <select style="color: #999;font-weight: 350;line-height: 45px;border:none;" name="cboturno" >
                                 <option value="MANANA" selected>MAÑANA</option>
                                 <option value="TARDE">TARDE</option>
                              </select>
                           </div>
                           <div class="field">
                              <label class="label_field">Correo:</label>
                              <input type="email" name="txtcorreo" onkeyup="mayus(this)" placeholder="Correo Electr&oacute;nico" required/>
                           </div>
                           <div class="field">
                              <label class="label_field">Contrase&ntilde;a</label>
                              <input type="password" name="txtpass" placeholder="Contrase&ntilde;a" required/>
                           </div>
                           <div class="field">
                              <label class="label_field">Celular</label>
                              <input type="text" name="txtcelular" onkeyup="mayus(this)" placeholder="Celular" required />
                           </div>
                           <div class="field margin_5">                
                              <label class="label_field hidden">hidden label</label>
                              <button class="main_bt">Registrarse</button>
                           </div>
                        </fieldset>
                     </form>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- jQuery -->
      <script src="js/jquery.min.js"></script>
      <script src="js/popper.min.js"></script>
      <script src="js/bootstrap.min.js"></script>
      <!-- wow animation -->
      <script src="js/animate.js"></script>
      <!-- select country -->
      <script src="js/bootstrap-select.js"></script>
      <!-- nice scrollbar -->
      <script src="js/perfect-scrollbar.min.js"></script>
      <script>
         var ps = new PerfectScrollbar('#sidebar');
      </script>
      <!-- custom js -->
      <script src="js/custom.js"></script>
      <script>
        function mayus(e) {
            e.value = e.value.toUpperCase();
            // onkeyup="mayus(this);
        }
      </script>
   </body>
</html>

