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,
          studentsData: [],

          activeStudent: {},

      },
      getters: {
          GET_STUDENTS_DATA: state => {
              return state.studentsData
          },

          GET_ACTIVE_STUDENT: state => {
              return state.activeStudent
          },

          GET_TOKEN: state => {
              return state.token
          },

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

          RESET_STORE(state, defaultState) {
              state = defaultState
              // state.isUserLoggedIn = false
          },

          setToken(state, token) {

              state.token = token

              //state.isUserLoggedIn = !!(token)

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

                  state.isSchoolLoggedIn = 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
          },

          SET_STUDENTS_DATA(state, data) {
              state.studentsData = data
          },

          SET_ACTIVE_STUDENT(state, data) {
              state.activeStudent = data
          },

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

      },

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

          RESET_STORE({
              commit
          }, defaultState) {
              commit('RESET_STORE', defaultState)
          },

          setToken({
              commit
          }, token) {

              commit('setToken', token)
          },

          setSchoolToken({
              commit
          }, schoolToken) {

              commit('setSchoolToken', schoolToken)
          },

          setUser({
              commit
          }, data) {

              commit('setUser', data)
          },

          SET_STUDENTS_DATA({
              commit
          }, data) {
              commit('SET_STUDENTS_DATA', data)
          },

          SET_ACTIVE_STUDENT({
              commit
          }, data) {
              commit('SET_ACTIVE_STUDENT', 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)
          // }

  
      }

  })