$(document).ready(function() {
  
  var animating = false,
      submitPhase1 = 1100,
      submitPhase2 = 400,
      logoutPhase1 = 800,
      $login = $(".login"),
      $appf = $(".appf"),
      $app = $(".app");
      $apontador = "";
      $redirecionador = "/auth/index.php";
  
  function ripple(elem, e) {
    $(".ripple").remove();
    var elTop = elem.offset().top,
        elLeft = elem.offset().left,
        x = e.pageX - elLeft,
        y = e.pageY - elTop;
    var $ripple = $("<div class='ripple'></div>");
    $ripple.css({top: y, left: x});
    elem.append($ripple);
  };

  $('.login__input').keypress(function (e) {
    if (e.which == 13) {
      $('button.login__submit').click();
      return false;
    }
  });
  
  $(document).on("click", ".login__submit", function(e) {

   
		 
		//   if(result) {
			  var loginstr = $('#login').val();
        var passstr = $('#pass').val();
        if(loginstr == "" || passstr == "") {
          alert("Os campos de Usuário(email) e Senha devem ser preenchidos!")
        } else {

          var flag = false;
          var botao = this;
          var lgpd = false;

          bootbox.confirm({
                        message: "<font size=\"4\">O portal usa cookies para melhorar a experiencia de navegação. Além disso, para entrar no portal é necessário aceitar as condições expressas em nossa <a href=\"/lgpd\" target=\"_blank\">política de privacidade</a> assim como todas as regras previstas em Convenção Coletiva e Regimento Interno e demais regulamentos do Condomínio Citta Residence. Você aceita?</font>. ",
                        buttons: {
                confirm: {
                    label: 'Sim aceito',
                    className: 'btn-success'
                },
                cancel: {
                    label: 'Não aceito',
                    className: 'btn-danger'
                }
            },
            callback: function (result) {
                console.log('This was logged in the callback: ' + result);
                lgpd = true;
                 // ===========================
          // Comeco POST
          // ===========================
          if(result) {
          $.when( $.post( "ajaxAuth.php", { login: loginstr, pass: passstr, authenticate: "yes" }) ).done(function ( v1 ) {
                  var data = v1;
                  //alert(data);
                 if(data.includes("<sucesso>")) {
                      if(data.includes("</admin>")){
                          $redirecionador = "/condadmin";
                      } 
                      if(data.includes("</morador>")){
                          $redirecionador = "/";
                      }
                      flag = true;
                  } else {
                      //alert('falha');
                      flag = false;
                  }
        
        if(flag) {
          if (animating) return;
          animating = true;
          var that = botao;
          ripple($(that), e);
          $(that).addClass("processing");
          setTimeout(function() {
            $(that).addClass("success");
            setTimeout(function() {
              $app.show();
              $app.css("top");
              $app.addClass("active");
            }, submitPhase2 - 70);
            setTimeout(function() {
              $login.hide();
              $login.addClass("inactive");
              animating = false;
              $(that).removeClass("success processing");
            }, submitPhase2);
          }, submitPhase1);
          
          // =====================
          // Conseguiu logar
          // =====================
          $apontador = "app";
          var secondsto = 15,
          display = $('#timer');
          startTimer(secondsto, display, $redirecionador);
          ObtemDadosMorador();
      } else {
         
           if (animating) return;
              animating = true;
              var that = botao;
              ripple($(that), e);
              $(that).addClass("processing");
              setTimeout(function() {
                $(that).addClass("success");
                setTimeout(function() {
                  $appf.show();
                  $appf.css("top");
                  $appf.addClass("active");
                }, submitPhase2 - 70);
                setTimeout(function() {
                  $login.hide();
                  $login.addClass("inactive");
                  animating = false;
                  $(that).removeClass("success processing");
                }, submitPhase2);
              }, submitPhase1);
              $apontador = "appf"; 

              location.reload();


          }
           });
          }
          // ===========================
          // Fim POST
          // ===========================
            }
        });

          if(lgpd) {

         

          }

        }



		//   } else {
		// 	  alert("Voce precisa aceitar a politica para continuar.");
		//   }
      
		// }); 
      





  });
  
  $(document).on("click", ".app__logout", function(e) {
    $('#login').val("");
    $('#pass').val("");
     if($apontador == "app") { 
        if (animating) return;
        $(".ripple").remove();
        animating = true;
        var that = this;
        $(that).addClass("clicked");
        setTimeout(function() {
          $app.removeClass("active");
          $login.show();
          $login.css("top");
          $login.removeClass("inactive");
        }, logoutPhase1 - 120);
        setTimeout(function() {
          $app.hide();
          animating = false;
          $(that).removeClass("clicked");
        }, logoutPhase1);
        
        $.ajax({
            url: "/auth/logoff.php",
            cache: false
          })
        
     } else {
         if (animating) return;
        $(".ripple").remove();
        animating = true;
        var that = this;
        $(that).addClass("clicked");
        setTimeout(function() {
          $appf.removeClass("active");
          $login.show();
          $login.css("top");
          $login.removeClass("inactive");
        }, logoutPhase1 - 120);
        setTimeout(function() {
          $appf.hide();
          animating = false;
          $(that).removeClass("clicked");
        }, logoutPhase1);   
         
     }
    
  });
  
  
  $(document).on("click", ".btn__logout", function(e) {
    $('#login').val("");
    $('#pass').val("");
     if($apontador == "app") {
      
        if (animating) return;
        $(".ripple").remove();
        animating = true;
        var that = $('.app__logout');
        $(that).addClass("clicked");
        setTimeout(function() {
          $app.removeClass("active");
          $login.show();
          $login.css("top");
          $login.removeClass("inactive");
        }, logoutPhase1 - 120);
        setTimeout(function() {
          $app.hide();
          animating = false;
          $(that).removeClass("clicked");
        }, logoutPhase1);
     } else {
         if (animating) return;
        $(".ripple").remove();
        animating = true;
        var that = this;
        $(that).addClass("clicked");
        setTimeout(function() {
          $appf.removeClass("active");
          $login.show();
          $login.css("top");
          $login.removeClass("inactive");
        }, logoutPhase1 - 120);
        setTimeout(function() {
          $appf.hide();
          animating = false;
          $(that).removeClass("clicked");
        }, logoutPhase1);
      
     }
    
  });
  
  
   

    function startTimer(duration, display, redirecionador) {
        var timer = duration, minutes, seconds;
        setInterval(function () {
            minutes = parseInt(timer / 60, 10);
            seconds = parseInt(timer % 60, 10);

            minutes = minutes < 10 ? "0" + minutes : minutes;
            seconds = seconds < 10 ? "0" + seconds : seconds;

            display.text(minutes + ":" + seconds);
            if(minutes == "00" && seconds == "00") {
                window.location = redirecionador;
            }
            if (--timer < 0) {
                timer = duration;
            }
        }, 1000);
    }
  
  function ObtemDadosMorador() {
        var div_mensagens = $('#div_mensagens');
        // Primeiro obtendo mensagens
        var request = $.ajax({
            url: "ajaxDadosMorador.php?mensagens=Y",
            method: "GET",
            dataType: "html"
          });

          request.done(function( msg ) {
            div_mensagens.html(msg);
          });

          request.fail(function( jqXHR, textStatus ) {
            div_mensagens.html("Falha ao carregar mensagens");
          });
          
         var div_foto = $('#div_foto_morador');

          var requestm = $.ajax({
            url: "ajaxDadosMorador.php?imagem_morador=Y",
            method: "GET",
            dataType: "html"
          });

          requestm.done(function( msg ) {
            div_foto.html(msg);
          });

          requestm.fail(function( jqXHR, textStatus ) {
            div_foto.html("Falha ao carregar foto morador");
          });
        
        var span_unidade = $('#span_unidade');

          var requests = $.ajax({
            url: "ajaxDadosMorador.php?unidade_morador=Y",
            method: "GET",
            dataType: "html"
          });

          requests.done(function( msg ) {
            span_unidade.text(msg);
          });

          requests.fail(function( jqXHR, textStatus ) {
            span_unidade.text("Falha ao carregar unidade");
          });
        
        var span_nome_morador = $('#span_nome_morador');

          var requestn = $.ajax({
            url: "ajaxDadosMorador.php?nome_morador=Y",
            method: "GET",
            dataType: "html"
          });

          requestn.done(function( msg ) {
            span_nome_morador.text(msg);
          });

          requestn.fail(function( jqXHR, textStatus ) {
            span_nome_morador.text("Falha ao carregar nome");
          });
        
        
  }
  
  
  
});