import { defineStore, storeToRefs } from "pinia";
import pinia from '@/utils/pinia';
import { ref } from "vue";
import { login as apiLogin, logout as apiLogout, getPermits } from '@/api/user';
import { getToken, removeToken, setToken, getUname, setUname, removeUname, getUrole, setUrole, removeUrole, getSessionId, setSessionId, removeSessionId } from '@/utils/auth';
import router, { resetRouter } from '@/router';
import { useTagsViewStore } from './tagsView';
import { usePermissionStore } from './permission';
console.log('pinia', pinia, '=============');

const tagsViewStore = useTagsViewStore(pinia);
const permissionStore = usePermissionStore(pinia);
const { delAllViews } = tagsViewStore;
const { generateRoutes } = permissionStore;

export const useUserStore = defineStore("user", () => {
  const uid = ref(localStorage.getItem("uid"));
  const uname = ref(localStorage.getItem("uname"));
  const token = ref(getToken());
  const urole = ref(getUrole());
  const sessionid = ref(getSessionId());
  const introduction = ref("");
  const roles = ref([]);
  const avatar = ref("");
  let _permits = localStorage.getItem("permits");
  const permits = ref(_permits ? JSON.parse(_permits) : []);

  function updateSessionId(_sessionid) {
    setSessionId(_sessionid);
    sessionid.value = _sessionid;
  }

  function setPermits(_data) {
    permits.value = Array.isArray(_data) ? _data : [];
    localStorage.setItem('permits', JSON.stringify(_data));
  }

  function updatePermits() {
    getPermits().then(res => {
      setPermits(res.data2);
    }).catch(error => {
        console.log(error);
    });
  }

  function login(userInfo) {
    const { username, password } = userInfo;
    return new Promise((resolve, reject) => {
      apiLogin(username.trim(), password).then((response) => {
        if (response.code === 1 && response.data) {
          let name = response.data2.uname;
          let role = response.data2.urole;
          uname.value = name;
          setUname(name);
          let _token = 'someone';
          debugger;
          if (response.data2.uid && response.data2.uid <= 10000) {
            _token = 'manager';
            if (response.data2.uid <= 100) {
              _token = 'admin';
            }
          }
          token.value = _token;
          setToken(_token);
          urole.value = role;
          setUrole(role);
          resolve(response);
          updatePermits();
        } else {
          // reject('用户名/密码错误');
          reject(response.msg);
        }
      }).catch(error => {
        reject(error);
      });
    });
  }

  function getInfo() {
    return new Promise((resolve) => {
      const data = {
        // roles: ['admin'],
        roles: [token.value],
        introduction: 'I am a super administrator',
        avatar: 'https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif',
        // name: 'Super Admin'
        name: uname.value
      };
      const { roles: _roles, name, avatar: _avatar, introduction: _introduction } = data;
      roles.value = _roles;
      // uname.value = name;
      avatar.value = _avatar;
      introduction.value = _introduction;
      
      resolve(data);
    });
  }

  function logout() {
    return new Promise((resolve, reject) => {
      apiLogout().then(() => {
        token.value = '';
        roles.value = [];
        removeToken();
        removeUname();
        removeUrole();
        resetRouter();

        // reset visited views and cached views
        // to fixed https://github.com/PanJiaChen/vue-element-admin/issues/2485
        delAllViews();

        resolve();
      }).catch(error => {
        reject(error);
      });
    });
  }

  function resetToken() {
    token.value = '';
    roles.value = [];
    removeToken();
  }

  async function changeRoles(role) {
    debugger;
    const _token = role + '-token';

    token.value = _token;
    setToken(_token);

    // eslint-disable-next-line @typescript-eslint/no-explicit-any
    const infoRes = await getInfo();
    let _roles = [];
    if (infoRes.roles) {
      _roles = infoRes.roles;
    }

    resetRouter();

    // generate accessible routes map based on roles
    console.log('debug', _roles, '=============');
    
    const accessRoutes = await generateRoutes(_roles);
    // dynamically add accessible routes
    // router.addRoutes(accessRoutes);
    accessRoutes.forEach(item => {
      router.addRoute(item);
    });

    // reset visited views and cached views
    delAllViews();
  }

  function setName(value) {
    uname.value = value;
    localStorage.setItem("uname", value);
  }

  function setId(value) {
    uid.value = value;
    localStorage.setItem("uid", value);
  }
  
  return {
    uid,
    uname,
    permits,
    token,
    urole,
    sessionid,
    introduction,
    roles,
    avatar,
    login,
    logout,
    getInfo,
    resetToken,
    changeRoles,
    setName,
    setId,
    updateSessionId
  }
});