/* Google Analytics*/
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-818029308');

/* Helpers */
function validateEmail(email) {
    var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    return re.test(String(email).toLowerCase());
}

$(document).ready(function(){

  console.log('funciona');
  window.scrollTo(0, 0);
  /* Oculto elementos del form */
  $('.btn-submit').hide(); //Chau botón Enviar
  $("#exampleCustom_1").siblings().each(function(){ //Chau lavel voto
     $(this).hide();
  });
  $("#exampleCustom_1").hide(); //Chau input custom voto

  /* Creo un botón falso de "Continuar". Va encodeado en base64 para que no falle al mostrar en el backend */
  $( atob('PGlucHV0IGlkPSIiIGNsYXNzPSJidG4tY29udGludWFyIGJ0biIgbmFtZT0iY29udGludWFyIiB0eXBlPSJzdWJtaXQiIHZhbHVlPSJDb250aW51YXIiPg==') ).insertBefore( ".btn-submit" );

  $('.btn-continuar').on('click', function(e){
    if($("#exampleInputName1").val().length <= 2) {
      showErrorMsj("Por favor, ingresa tu nombre.");
      return false;
    }
    if($("#exampleInputlastname").val().length <= 2) {
      showErrorMsj("Por favor, ingresa tu apellido.");
      return false;
    }
    if(!validateEmail($("#exampleEmail").val())) {
      showErrorMsj("Para continuar debes ingresar una dirección de correo válida.");
      return false;
    }
    if($("#exampleid_card_number").val().length < 7) {
      showErrorMsj("Por favor, ingresa tu número de cédula.");
      return false;
    }
    if($('.regular-checkbox:checkbox:checked').length <= 0) {
      showErrorMsj("Para continuar debes aceptar las bases y condiciones.");
      return false;
    }
    window.scrollTo(0, 0);
    $('#popup_look').next().hide();
    $('.form-look').show();
    e.preventDefault(); // prevents default
    return false;
  });

  $('.votar').on('click', function(){
    $('#popup_look,#canvas_look').css('display','none');
    $('#popup_look,#canvas_look').removeClass('show');
    showLoading("Por favor, espere...");
    $("#exampleCustom_1").val($(this).attr("data-voto"));
    $('.btn-submit').click();
    window.scrollTo(0, 0);
  });

  $('#vote_btn_lnk').on('click', function(){
    $('#popup_look,#canvas_look').css('display','none');
    $('#popup_look,#canvas_look').removeClass('show');
    showLoading("Por favor, espere...");
    $("#exampleCustom_1").val($(this).attr("data-voto"));
    $('.btn-submit').click();
    window.scrollTo(0, 0);
  });

  $('.avatar,.golook').on('click',function() {
    var vote_id = $(this).attr("data-voto");
    $("#vote_btn_lnk").attr("data-voto", vote_id);
    $("#exampleCustom_1").attr("data-voto", vote_id);
    var image_src = $(this).attr("data-look");
    $("#look-image").attr("src", image_src);
    var scroll = $(window).scrollTop();
    var wW = $(window).width();
    var wH = $(window).height();
    if(wW > 1000){
      scroll+=20;
      $('#popup_look').css('top',scroll + 'px');
    }else{
      var posTop =(( wH - $('#popup_look').height())*0.5)+scroll;
      $('#popup_look').css('top', posTop + 'px');
    }

    $('#canvas_look,#popup_look').addClass('show');
    $('body').addClass('modal-open');
  });
  $('#popup_look .close,#canvas_look').on('click',function(){
    $('#canvas_look,#popup_look').removeClass('show');
    $('body').removeClass('modal-open');
  });

  $('#exampleid_card_number').parent().css('clear','both');
  $('fieldset#sexo').css('margin','15px 0');
  $('.form-group iframe').parent().css('width','50%');
});