import Vue from 'vue'
  import Vuex from 'vuex'
  import createPersistedState from 'vuex-persistedstate'
  
  Vue.use(Vuex)
  
  export default new Vuex.Store({

      strict: true,
      plugins: [
          createPersistedState()

      ],
      state: {
          token: null,
          data: null,
          isUserLoggedIn: false,

          id: null,

          role: null,

          // schoolId: null,
          schoolToken: null,
          schoolRole: null

      },
      // serve as the one and only way to change the state of the data in the state object
      mutations: {

          setToken(state, token) {

              state.token = token

                  //state.isUserLoggedIn = !!(token)
              if (token != null) {
                  state.isUserLoggedIn = true
              } else {
                  state.isUserLoggedIn = false
              }

          },

          setSchoolToken(state, schoolToken) {
              state.schoolToken = schoolToken
                  //state.isUserLoggedIn = !!(token)
              if (schoolToken != null) {
                  state.isSchoolLoggedIn = true
              } else {
                  state.isSchoolLoggedIn = false
              }
          },

          setUser(state, data) {

              state.data = data
          },

          Id(state, id) {
              state.id = id

          },

          Role(state, role) {
              state.role = role

          },

          setSchoolRole(state, schoolRole) {
              state.schoolRole = schoolRole
          },
          // SchoolId(state, schoolId) {
          //     state.schoolId = schoolId
          // }

      },

      //Action methods are referred to as being "dispatched"
      actions: {

          setToken({ commit }, token) {

              commit('setToken', token)
          },

          setSchoolToken({ commit }, schoolToken) {
              commit('setSchoolToken', schoolToken)
          },

          setUser({ commit }, data) {

              commit('setUser', data)
          },

          Id({ commit }, id) {

              commit('Id', id)

          },
          Role({ commit }, role) {
              commit('Role', role)

          },

          setSchoolRole({ commit }, schoolRole) {
              commit('setSchoolRole', schoolRole)
          },
          // SchoolId({ commit }, schoolId) {
          //     commit('SchoolId', schoolId)
          // }

  
      }

  })