$(document).ready(function () {
  window.scrollTo({
    top: 0,
    behavior: 'smooth'
  })

  // Main modal
  open_main_login_popup();
  close_main_login_popup();
  main_form_handle();

  // Access key modal
  open_access_key_login_popup();
  close_access_key_login_popup();
  access_key_form_handle();

  // Token modal
  close_token_login_popup();
  token_login_form_handle();

  // Register modal
  open_register_modal();

  password_view();
  new_password();
  confirm_password();
});

function open_main_login_popup() {
  $(document).on("click", "#login-op", function (e) {
    e.preventDefault();

    $("body").addClass("modal-open");
    $(".login-overlay").addClass("show");
    $(".main-login-popup").addClass("show");

    $.getScript("https://www.google.com/recaptcha/api.js");
  });

  $(document).on("click", "#register", function (e) {
    e.preventDefault();

    $("body").removeClass("modal-open");
    $(".login-overlay").removeClass("show");
    $(".main-login-popup").removeClass("show");

    $("body").addClass("modal-open");
    $(".cadastro-overlay").addClass("show");
    $(".main-register-popup").addClass("show");

    $.getScript("https://www.google.com/recaptcha/api.js");
  });
}

function close_main_login_popup() {
  $(document).on("click", ".login-overlay", function () {
    $("body").removeClass("modal-open");
    $(".login-overlay").removeClass("show");
    $(".main-login-popup").removeClass("show");
  });

  $(document).on("click", ".main-login-popup", function (e) {
    var l = $(e.target).closest(".popup-dialog").length;
    if (l === 0) {
      $("body").removeClass("modal-open");
      $(".login-overlay").removeClass("show");
      $(".main-login-popup").removeClass("show");
    }
  });

  $(document).on("click", ".main-login-popup .modal-header svg, .main-login-popup .modal-header i", function () {
    $("body").removeClass("modal-open");
    $(".login-overlay").removeClass("show");
    $(".main-login-popup").removeClass("show");
  });
}

function main_form_handle() {
  $("form#main-login-form").on("submit", function (e) {
    e.preventDefault();

    var _this = $(this),
      email = $(_this).find("input#login-email").val(),
      password = $(_this).find("input#login-senha").val(),
      login_msg_el = $(_this).find("#login-msg");

    if (email && password) {
      $.ajax({
        url: SITE + "/ajax/login_check",
        type: "POST",
        dataType: "json",
        data: {
          email: email,
          password: password,
        },
        success: function (data) {
          var dataLayer = window.dataLayer || [];
          dataLayer.push({
            'event': "form_submit",
            'ecommerce': {
              'form_id': 4,
              'customer': {'mail': data.email},
            }
          });
          if (data.success == true) {
            window.location.reload(1);
          } else {
            $(login_msg_el).html(data.message).addClass("show error");
            setTimeout(function () {
              $(login_msg_el).removeClass("show");
            }, 2000);
          }
        },
      });
    } else {
      $(login_msg_el).html("Digite seus dados").addClass("show error");
      setTimeout(function () {
        $(login_msg_el).removeClass("show");
      }, 2000);
    }
  });
}

function open_access_key_login_popup() {
  $(".main-login-popup .modal-body .receive-access-key").on("click", function (e) {
    e.preventDefault();

    $(".main-login-popup").removeClass("show");
    $("body").addClass("modal-open");
    $(".login-overlay").addClass("show");
    $(".access-key-login-popup").addClass("show");
  });
}

function close_access_key_login_popup() {
  $(document).on("click", ".login-overlay", function () {
    $("body").removeClass("modal-open");
    $(".login-overlay").removeClass("show");
    $(".access-key-login-popup").removeClass("show");
  });

  $(document).on("click", ".access-key-login-popup", function (e) {
    var l = $(e.target).closest(".popup-dialog").length;
    if (l === 0) {
      $("body").removeClass("modal-open");
      $(".login-overlay").removeClass("show");
      $(".access-key-login-popup").removeClass("show");
    }
  });

  $(".access-key-login-popup .modal-body form .options button.access-key-back").on("click", function (e) {
    e.preventDefault();

    $("body").addClass("modal-open");
    $(".access-key-login-popup").removeClass("show");
    $(".main-login-popup").addClass("show");
  });
}

function access_key_form_handle() {
  $("form#access-key-login-form").on("submit", function (e) {
    e.preventDefault();

    var _this = $(this),
      email = $(_this).find("input#login-email").val(),
      type = $(_this).find("input[name=type]").val(),
      login_msg_el = $(_this).find("#login-msg");

    if (email) {
      $.ajax({
        url: SITE + "/ajax/generate_token",
        type: "POST",
        dataType: "json",
        data: {
          email: email,
          type: type,
        },
        beforeSend: function () {
          $(_this).find(".access-key-back").addClass("disabled");
          $(_this).find(".access-key-continue").addClass("loading");
          $(_this).find(".loader").addClass("show");
        },
        success: function (data) {
          if (data.success === true) {
            $(_this).find(".access-key-back").removeClass("disabled");
            $(_this).find(".access-key-continue").removeClass("loading");
            $(_this).find(".loader").removeClass("show");

            $("body").addClass("modal-open");
            $(".access-key-login-popup").removeClass("show");
            $(".token-login-popup").addClass("show");

            $(".token-login-popup").find("form input[name=email]").val(email);
          } else {
            $(_this).find(".access-key-back").removeClass("disabled");
            $(_this).find(".access-key-continue").removeClass("loading");
            $(_this).find(".loader").removeClass("show");

            $(login_msg_el).html(data.message).addClass("show error");
            setTimeout(function () {
              $(login_msg_el).removeClass("show");
            }, 3000);
          }
        },
      });
    }
  });
}

function close_token_login_popup() {
  $(document).on("click", ".login-overlay", function () {
    $("body").removeClass("modal-open");
    $(".login-overlay").removeClass("show");
    $(".token-login-popup").removeClass("show");
  });

  $(document).on("click", ".token-login-popup", function (e) {
    var l = $(e.target).closest(".popup-dialog").length;
    if (l === 0) {
      $("body").removeClass("modal-open");
      $(".login-overlay").removeClass("show");
      $(".token-login-popup").removeClass("show");
    }
  });

  $(".token-login-popup .modal-body form .options button.token-back").on("click", function (e) {
    e.preventDefault();

    $("body").addClass("modal-open");
    $(".token-login-popup").removeClass("show");
    $(".access-key-login-popup").addClass("show");

    $(".token-login-popup .inputs-wrapper input").val("");
  });
}

function token_login_form_handle() {
  String.prototype.isDigit = function () {
    return !isNaN(this) && !isNaN(parseFloat(this));
  };

  $("form#token-login-form").on("submit", function (e) {
    e.preventDefault();

    var _this = $(this),
      email = $(_this).find("input[name=email]").val(),
      type = "login",
      token = $(".token-login-popup .inputs-wrapper input").val(),
      login_msg_el = $(_this).find("#login-msg");

    if (email) {
      $.ajax({
        url: SITE + "/ajax/check_token",
        type: "POST",
        dataType: "json",
        data: {
          token: token,
          email: email,
          type: type,
        },
        success: function (data) {
          if (data.success === true && data.message == 'no_account_found') {
            // Se não encontrou conta, leva para a página de cadastro
            $("body").removeClass("modal-open");
            $(".login-overlay").removeClass("show");
            $(".main-login-popup").removeClass("show");

            $("body").addClass("modal-open");
            $(".token-login-popup").removeClass("show");
            $(".access-key-login-popup").addClass("show");

            $("body").addClass("modal-open");
            $(".cadastro-overlay").addClass("show");
            $(".main-register-popup").addClass("show");
            $(".access-key-login-popup").removeClass("show");

            $("#email").val(data.email);
          } else if (data.success === true) {
            // Logou o usuário, recarrega a página
            window.location.reload(1);
          } else {
            // Não validou o token, mostra erro
            $(login_msg_el).html(data.message).addClass("show error");
            setTimeout(function () {
              $(login_msg_el).removeClass("show");
            }, 2000);
          }
        },
      });
    }
  });
}

function open_register_modal() {
  $(".main-login-popup .create-account-link").on("click", function (e) {
    e.preventDefault();

    $("body").removeClass("modal-open");
    $(".login-overlay").removeClass("show");
    $(".main-login-popup").removeClass("show");

    $("body").addClass("modal-open");
    $(".cadastro-overlay").addClass("show");
    $(".main-register-popup").addClass("show");
  });
}

function password_view() {
  $("#eyes-password").on("click", function (e) {
    const passwordInput = document.getElementsByClassName('password-eye');

    const type = passwordInput[0].getAttribute('type') === 'password' ? 'text' : 'password';
    passwordInput[0].setAttribute('type', type);
    type === 'password' ? $("#eyes-password").removeClass("fas fa-eye-slash").addClass("fas fa-eye") : $("#eyes-password").removeClass("fas fa-eye").addClass("fas fa-eye-slash");
  })
}

function new_password() {
  $("#new-password").on("click", function (e) {
    const passwordInput = document.getElementsByClassName('new-password');

    const type = passwordInput[0].getAttribute('type') === 'password' ? 'text' : 'password';
    passwordInput[0].setAttribute('type', type);
    type === 'password' ? $("#new-password").removeClass("fas fa-eye-slash").addClass("fas fa-eye") : $("#new-password").removeClass("fas fa-eye").addClass("fas fa-eye-slash");
  })
}

function confirm_password() {
  $("#confirm-password").on("click", function (e) {
    const passwordInput = document.getElementsByClassName('confirm-password');

    const type = passwordInput[0].getAttribute('type') === 'password' ? 'text' : 'password';
    passwordInput[0].setAttribute('type', type);
    type === 'password' ? $("#confirm-password").removeClass("fas fa-eye-slash").addClass("fas fa-eye") : $("#confirm-password").removeClass("fas fa-eye").addClass("fas fa-eye-slash");
  })
}