(function (window) {
  "use strict";

  var $ = window.layui && window.layui.$ ? window.layui.$ : window.jQuery;

  function authToken() {
    return localStorage.getItem("token") || "";
  }

  function logout() {
    localStorage.removeItem("token");
    window.location.reload();
  }

  function checkLogin() {
    if (!$) return;

    var token = authToken();
    if (!token) {
      $("#notLoggedInBox").show();
      $("#loggedInBox").hide();
      return;
    }

    $("#notLoggedInBox").hide();
    $("#loggedInBox").css("display", "flex");

    if (!window.CommonUtil || !CommonUtil.getCurrentUserDetail) return;

    CommonUtil.getCurrentUserDetail(
      function (data) {
        $("#userName").text(data.nickName || data.nickname || data.username || "用户");
        $("#userAvatar").attr("src", data.avatar || "../public/img/userimg.png");
        $("#userLevel").text(CommonUtil.getUserLevelText(data));
      },
      function () {
        $("#notLoggedInBox").show();
        $("#loggedInBox").hide();
      },
    );
  }

  function renderNav() {
    if (window.CommonUtil && CommonUtil.loadTopNav) CommonUtil.loadTopNav();
  }

  function initBackTop() {
    if (!$) return;

    $(window).on("scroll", function () {
      $(window).scrollTop() > 320
        ? $("#backTop").addClass("is-visible")
        : $("#backTop").removeClass("is-visible");
    });
  }

  function init(options) {
    options = options || {};
    checkLogin();
    renderNav();
    initBackTop();

    if (options.pageConfig !== false && window.CommonUtil && CommonUtil.loadPageConfig) {
      CommonUtil.loadPageConfig(options.pageConfig || {});
    }
  }

  window.PageCommon = {
    init: init,
    logout: logout,
    checkLogin: checkLogin,
    renderNav: renderNav,
    initBackTop: initBackTop,
  };

  window.logout = window.logout || logout;
})(window);