import Cookies from 'js-cookie'
import userApi from '@/api/user'
// initial state
const state = {
  userName: Cookies.get('studentUserName'),
  userInfo: Cookies.get('studentUserInfo'),
  imagePath: Cookies.get('studentImagePath'),
  messageCount: 0,
  memberToken: Cookies.get('memberTocken'),
  langType: 'English',
  langFlag: true,
  memberId: null
}

// actions
const actions = {
  initUserInfo ({ commit }) {
    userApi.getCurrentUser().then(re => {
      commit('setUserInfo', re.response)
    })
  },
  getUserMessageInfo ({ commit }) {
    userApi.getMessageCount().then(re => {
      commit('setMessageCount', re.response)
    })
  }
}

// mutations
const mutations = {
  setUserName (state, userName) {
    state.userName = userName
    Cookies.set('studentUserName', userName, { expires: 30 })
  },
  setMemberTocken (state, paraMemberToken) {
    state.memberToken = paraMemberToken
    Cookies.set('memberTocken', paraMemberToken, { expires: 30 })
  },
  setMemberId (state, memberId) {
    state.memberId = memberId
  },
  setLangType (state, paraLangType) {
    state.langType = paraLangType
		if(paraLangType == 'Chinese'){
			Cookies.set('language', 'zh', { expires: 30 })
		} else {
			Cookies.set('language', 'en', { expires: 30 })
		}
  },
  getLangType () {
    let language = (navigator.language || navigator.browserLanguage).toLowerCase()
    if (language === 'zh-cn') {
      state.langType = 'Chinese'
      console.log(language)
    } else {
      state.langType = 'English'
      console.log(language)
    }
  },
  setLangFlag (state, paraLangFlag) {
    state.langFlag = paraLangFlag
  },
  setUserInfo: (state, userInfo) => {
    state.userInfo = userInfo
    Cookies.set('studentUserInfo', userInfo, { expires: 30 })
  },
  setImagePath: (state, imagePath) => {
    state.imagePath = imagePath
    Cookies.set('studentImagePath', imagePath, { expires: 30 })
  },
  setMessageCount: (state, messageCount) => {
    state.messageCount = messageCount
  },
  messageCountSubtract: (state, num) => {
    state.messageCount = state.messageCount - num
  },
  clearLogin (state) {
    Cookies.remove('studentUserName')
    Cookies.remove('studentUserInfo')
    Cookies.remove('studentImagePath')
  }
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}