/*!
 * @source: ./formulario.js
 *
 * @licstart  The following is the entire license notice for the
 *  JavaScript code in this page.
 *
 * Copyleft 2016 Jesus E. M.
 *
 * The JavaScript code in this page is free software: you can
 * redistribute it and/or modify it under the terms of the GNU
 * General Public License (GNU GPL) as published by the Free Software
 * Foundation, either version 3 of the License, or (at your option)
 * any later version.  The code is distributed WITHOUT ANY WARRANTY;
 * without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE.  See the GNU GPL for more details.
 *
 * As additional permission under GNU GPL version 3 section 7, you
 * may distribute non-source (e.g., minimized or compacted) forms of
 * that code without the copy of the GNU GPL normally required by
 * section 4, provided you include this license notice and a URL
 * through which recipients can access the Corresponding Source.
 *
 * @licend  The above is the entire license notice
 * for the JavaScript code in this page.
 *
 */
(function(){
  var formulario = document.formulario_registro,
      elementos = formulario.elements;
  // Funciones de comprobación y enviar
  var validarInputs = function() {
    for(var i = 0; i < elementos.length; i++) {
      if (elementos[i].type == "text" || elementos[i].type == "password") {
        if (elementos[i].value == 0) {
          console.log('El campo' + elementos[i].name + ' esta incompleto');
          elementos[i].className = elementos[i].className + ' error';
          return false;
        } else {
          elementos[i].className = elementos[i].className.replace(" error", "");
        }
      }
    }

    return true;

  };

  var enviar = function(e) {
    if(!validarInputs()){
      console.log("Falto validar los Input");
      e.preventDefault();
    } else {
      console.log('Envia');
    }
  };

  // Funciones Blur y Focus
  var focusInput = function() {
    this.parentElement.children[1].className = "label active";
    this.parentElement.children[0].className = this.parentElement.children[0].className.replace("error", "");
  };

  var blurInput = function() {
    if (this.value <= 0) {
      this.parentElement.children[1].className = "label";
      this.parentElement.children[0].className = this.parentElement.children[0].className + " error";
    }
  };

  // Eventos
  formulario.addEventListener("submit", enviar);

  for (var i = 0; i< elementos.length; i++){
    if (elementos[i].type == "text" || elementos[i].type == "password") {
      elementos[i].addEventListener("focus", focusInput);
      elementos[i].addEventListener("blur", blurInput);
    }
  }
}())