<!DOCTYPE html>
<!--[if IE 8 ]>    <html xml:lang="es" lang="es" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html xml:lang="es" lang="es" class="no-js ie9"> <![endif]-->
<html xml:lang="es" lang="es">

<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->

    <!--Producción-->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-125019062-2"></script>
    
    <!--Producción-->
    <script>

        window.dataLayer = window.dataLayer || [];

        function gtag(){dataLayer.push(arguments);}

        gtag('js', new Date());

        gtag('config', 'UA-125019062-2');

    </script>

    <!-- End Global site tag (gtag.js) - Google Analytics -->
  <!-- [if IE]> -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  <meta http-equiv="cleartype" content="on"/>
  <!-- <![endif] -->

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>
  <title>Bolsa de Trabajo – S&amp;P</title>
  <meta name="description" content="Todo lo que debes saber de la producción, distribución y logística de S&amp;P, sistemas de ventilación residenciales, comerciales e industriales."/>
  <meta name="keywords" content="Magento, Varien, E-commerce"/>
  <meta name="robots" content="INDEX,FOLLOW"/>
  <link rel="icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
  <link rel="shortcut icon" href="https://statics.solerpalau.com/skin/frontend/solerpalau/default/favicon.ico" type="image/x-icon"/>
  <meta name="msapplication-TileColor" content="#ffffff">
  <meta name="theme-color" content="#ffffff">

  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
  <script type="text/javascript">
    var $j = jQuery.noConflict();
  </script>

  <script type="text/javascript" src="js/events.js"></script>

  <!-- estilo princripal -->
  <link rel="stylesheet" type="text/css" href="css/style-css01.css" media="all" />


      <link rel=“preload” href=%e2%80%9c/skin/frontend/solerpalau/default/fonts/icomoone8bc.html?y8wbvh%e2%80%9d as=“font”>

    </head>
    <body class=" cms-page-view cms-produccion-distribucion-logistica level-2 customer-logged-out">
      <!-- aqui va el header -->
      <?php include 'header.php' ?>

      <script type="text/javascript">
    //<![CDATA[

    if (typeof HIB.menu == 'object' && typeof HIB.menu.init == 'function') {
      HIB.menu.init();
    }

    //]]>
  </script>

  <div class="main-container col1-layout">
    <div class="breadcrumbs">
      <div class="container">
        <ul xmlns:v="http://rdf.data-vocabulary.org/#">
          <li class="">
            <a>Por qué S&P</a>
          </li>
        </ul>
      </div>
    </div>
    <div class="main">
      <div class="col-main">
        <main>
          <div id="overlaySearch" class="overlay">
            <!-- Overlay content -->
            <div id="searchResults" class="overlay-content grid"></div>
          </div>
         
          <div class="std">
            <div class="page-title dark">
            <img alt="Producción,distribución y logística" src="media/home/categories_home/empresa/empleo.jpg" />
            <div class="page-title-container">
              <div class="page-title-content container">
                <h1 class="h1">Bolsa de Trabajo</h1>
              </div>
            </div>
            <div class="clearfix">&nbsp;</div>
          </div>

          <form id="enviarFormularioContacto" method="post"  enctype="multipart/form-data">

            <input type="hidden" name="recaptcha_response" id="recaptchaResponse">
            
              <div class="bar-title">
                  <h2 class="h2">Envía tu curriculum</h2>
                  <p class="container">Nuestro equipo humano está altamente motivado, es exigente y honesto. Si quieres desarrollar tu carrera profesional en nuestra organización, o deseas realizar prácticas profesionales, puedes presentar tu candidatura rellenando el siguiente formulario.<br>
                  
                  Deberás adjuntar tu Currículum Vitae e indicar los departamentos y/o puestos de interés, así como tus objetivos profesionales.</p>
                  <br/>
                  <div class="container grid">
                    <div class="container">
                      <div class="form-group hcol-6-12">
                          <label for="name">Nombre *</label>
                          <input class=" input-text  validate-no-html-tags form-control" name="nombre" id="nombre" type="text" required>
                      </div>
                      <div class="form-group hcol-6-12">
                          <label for="lastname">Apellidos *</label>
                          <input class="input-text  validate-no-html-tags form-control " name="apellidos" id="apellidos" type="text" required>
                      </div>
                      <div class="form-group hcol-6-12">
                          <label for="email">Email *</label>
                          <input type="email" class="required-entry input-email  validate-no-html-tags form-control " name="email" id="email" type="text">
                          <div id="emailErrorP">
                            <label for="direccion" style="font-size: 13px !important;font-weight: normal;color: rgb(230, 59, 59); line-height: 1.2em;">Dirección de correo no valido</label>
                          </div>
                        </div>
                      <div class="form-group hcol-6-12">
                          <label for="phone">Teléfono *</label>
                          <input class="input-text  validate-no-html-tags form-control " name="telefono" id="telefono" type="number" required maxlength="10">
                      </div>
                      <div class="form-group hcol-1-1">
                          <label for="address">Dirección *</label>
                          <input class="required-entry input-text  validate-no-html-tags form-control " name="direccion" id="direccion" type="text">
                      </div>
                      <div class="form-group hcol-4-12">
                          <label for="postcode">Código Postal *</label>
                          <input class="input-text  validate-no-html-tags form-control " name="cp" id="cp" type="number" maxlength="5">
                      </div>
                      <div class="form-group hcol-4-12">
                          <label for="city">Ciudad *</label>
                          <input class="input-text  validate-no-html-tags form-control " name="ciudad" id="ciudad" type="text">
                      </div>
                      <div class="form-group hcol-4-12">
                          <label for="country">País *</label>
                          <input class="input-text validate-no-html-tags form-control " name="pais" id="pais" type="text">
                      </div>
                      <div class="form-group hcol-6-12">
                          <label for="cv">Curriculum Vitae</label>
                          <input class="input-file validate-no-html-tags form-control " name="cv" id="cv" type="file">
                      </div>
                      <div class="form-group hcol-6-12">
                          <label for="coverletter">Carta de Presentación</label>
                          <input class="input-file validate-no-html-tags form-control " name="cartap" id="cartap" type="file">
                      </div>
                      <div class="form-group hcol-1-1">
                          <label for="comments">Comentarios</label>
                          <textarea class="validate-no-html-tags form-control" style="height: 100px" name="comentarios" id="comentarios"></textarea>
                      </div>
                      <div class="form-group hcol-1-1 checkbox">
                          <input class="required-entry  validate-no-html-tags form-control underline" name="aceptar_condiciones_bolsa" id="aceptar_condiciones_bolsa" type="checkbox" required="true">
                         
                          <label for="aceptar_condiciones_bolsa">Acepto los <a class="underline" href="terminos-condiciones.php" target="_blank">términos y condiciones</a></label>
                      </div>
                      <div class="hcol-3-1">
                        <button type="submit" id="enviar" class="btn small validation-passed">Enviar </button>
                      </div>
                       <div class="hcol-9-12" id="loading">
                          <img src="media/img/loader2.gif" width="42px">
                       </div>
                  </div>
                </div>
              </div>
          </form>
      </div>
    </main>
  </div>
</div>
</div>

<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>

<script  src="js/prueba.js"></script>

<style>
  .error {
    font-size: 13px !important;
    font-weight: normal;
  }
  input[type=number]::-webkit-inner-spin-button, 
  input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none !important; 
    margin: 0 imo !important; 
  }

  input[type=number] { -moz-appearance:textfield; }
</style>
<!-- aqui va el footer -->
<?php include 'footer.php' ?>

<script>
  $j('#loading').hide();
  $j('#emailErrorP').hide();

  var input=  document.getElementById('cp');
  input.addEventListener('input',function(){
    if (this.value.length > 5) 
      this.value = this.value.slice(0,5); 
  })

  var input=  document.getElementById('telefono');
  input.addEventListener('input',function(){
    if (this.value.length > 10) 
      this.value = this.value.slice(0,10); 
  })

  $j("#enviarFormularioContacto").validate({
    rules: {
      nombre: {
        required:true,
      },
      apellidos: {
        required:true,
      },
      email:{
        required:true,
        email:true
      },
      telefono: {
        required:true,
        maxlength:10,
        number:true
      },
      direccion: {
        required:true,
      },
      cp: {
        required:true,
        maxlength:5,
        number:true
      },
      ciudad: {
        required:true,
      },
      pais: {
        required:true,
      },
      cartap: {
        required: true,
        extension: "pdf|doc|docx"
      },
       cv: {
        required: true,
        extension: "pdf|doc|docx"
      }
    },
    messages:{
      nombre: {
        required: "El nombre es requerido."
      },
       apellidos: {
        required: "Los apellidos son requeridos."
      },
      email:{
        required: "El correo electrónico es requerido.",
        email: "Ingrese un correo electrónico válido."
      },
      telefono:{
        required:"El teléfono es requerido.",
        number:"Este campo solo acepta número",
        maxlength:"Solo puede agregar 10 dígitos"
      },
      direccion:{
        required:"La dirección es requerida."
        
      },
      cp:{
        required:"El Código Postal es requerido.",
        number:"Este campo solo acepta número",
        maxlength:"Solo puede agregar 5 dígitos"
      },
      ciudad:{
        required:"La ciudad es requerida."
      },
      pais:{
        required:"El País es requerido."
      },
      cartap: {
        required: "La carta de presentación es requerida.",
        extension: "Extensión inválida, por favor introduce un archivo .doc o .pdf"
      },
      cv: {
        required: "El Currículum Vitae es requerido",
        extension: "Extensión inválida, por favor introduce un archivo .doc o .pdf"
      }
    }

  });
  

  function validateEmail(email) {
    var emailDiv = email.split('@')
    var emailDir = emailDiv[1].split('.')
    if(emailDir[0].length >= 3 && emailDiv[0].length >= 3){
      var emailReg = /^[A-Z0-9._%+-]+@([A-Z0-9-]+\.)+[A-Z]{2,4}$/i
      return emailReg.test(email);
    }
    return false; 
  }

   $j('#enviarFormularioContacto').submit(function(e){
    e.preventDefault();
    var form = $j("#enviarFormularioContacto");
    var for2 = new FormData(this);
    
    if( !validateEmail( $j("#email").val().toLowerCase() )) {
      $j('#emailErrorP').show();
    }else{
      $j('#emailErrorP').hide();
      
      if(form.valid()) {
        $j('#loading').show();
        $j('#enviar').hide();
        var url = "shared/procesar_formularios.php";
        $j.ajax({
          enctype: 'multipart/form-data',                        
          type: "POST",                 
          url: url,                     
          data: for2,
          processData: false,
          contentType: false, 
          success: function(data)             
          {
            console.log(data);
            // console.log("Respuesta: " + data);
            var response = JSON.parse(data);
            if (response.success) {
              swal("Datos enviados correctamente", response.mensaje , "success");
              form[0].reset();
            }else{
              swal("Se ha producido un error", response.mensaje, "error");
            }
            $j('#loading').hide();
            $j('#enviar').show();
          },
          error: function(XMLHttpRequest, textStatus, errorThrown) { 
            swal("Se ha producido un error", "No se han podido enviar los datos, Error: "+errorThrown+" ", "error");
          } 
        });
      }
      
    }
  });
</script>
<style>
  .bar-title.cms-footer-links {
    height: 200px;
    color: black;

  }
  .confirm {
    /*boton de confirmar de alert*/
    background-color: #ea2c13 !important;
    color: #fff;
    transition: background .3s ease 0s;
    border: none;
    box-shadow: none;
    border-radius: 17px !important;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 24px;
    margin: 0;
    cursor: pointer;

  }
</style>
<script src="https://www.google.com/recaptcha/api.js?render=6LccpqUpAAAAAGhMKh3Mj5Hsg1vfzncmIgwnk1W7"></script>
  <script>
    grecaptcha.ready(function() {
        grecaptcha.execute('6LccpqUpAAAAAGhMKh3Mj5Hsg1vfzncmIgwnk1W7', {action: 'homepage'}).then(function(token) {
          var recaptchaResponse = document.getElementById('recaptchaResponse');
          recaptchaResponse.value = token;
          
        });
    });
  </script>
</div>
</div>
</body>

</html>
