(function() {
  /**
   * Función para imprimir los nombres en los label de los input[type=file]
   */
  var files, fileLabel, signButton, signValidation, formSign;

  formSign = document.getElementById('form-sign');
  files = document.querySelectorAll('.custom-file-input');
  fileLabel = document.querySelectorAll('.custom-file-input ~ .custom-file-label');
  signButton = document.getElementById('sign-button');
  signValidation = [2, 2];

  function validateExtension(name, ext){
    let buscarElemento = name.indexOf(ext);
    return buscarElemento;
  }

  for (var i = 0; i <= files.length -1; i++) {
    files[i].addEventListener('change', function() {
      let backslack = this.value.lastIndexOf("\\") + 1;
      let namePDF = this.value.slice(backslack, this.value.length);
      this.nextElementSibling.innerText = namePDF;
    });
  }

  // Validación que el primer input sea un pdf
  files[0].addEventListener('change', function() {
    let backslack = this.value.lastIndexOf("\\") + 1;
    let namePDF = this.value.slice(backslack, this.value.length);
    let validation = validateExtension(namePDF, "pdf");

    if (validation == -1){
      this.nextElementSibling.classList.add("border-danger");
      this.nextElementSibling.classList.add("text-danger");
      this.nextElementSibling.innerText = namePDF + " no es un archivo PDF";
      signValidation[0] = 1;
    } else {
      this.nextElementSibling.classList.remove("border-danger");
      this.nextElementSibling.classList.remove("text-danger");
      signValidation[0] = 0;
    }
  });

  files[1].addEventListener('change', function() {
    let backslack = this.value.lastIndexOf("\\") + 1;
    let namePDF = this.value.slice(backslack, this.value.length);
    let validation = validateExtension(namePDF, "p12");

    if (validation == -1){
      this.nextElementSibling.classList.add("border-danger");
      this.nextElementSibling.classList.add("text-danger");
      signValidation[1] = 1;

      this.nextElementSibling.innerText = namePDF + " no es un archivo p12";
    } else {
      this.nextElementSibling.classList.remove("border-danger");
      this.nextElementSibling.classList.remove("text-danger");
      signValidation[1] = 0;
    }

  });
  // Valida que los campos pdf y p12 tengan archivos válidos
  formSign.addEventListener('submit', function(event){
    if (signValidation[0] != 0 || signValidation[1] != 0){
      event.preventDefault();
    }
  });

})();