import _pick from 'lodash-es/pick'

export const state = () => ({
  firebaseInitialized: false,
  idTokenResult: null,
  user: null,
  courses: {},
  selectedCourse: undefined
})

export const getters = {
  isAdmin (state) {
    return state.idTokenResult && state.idTokenResult.claims.admin
  },
  getCourseByID: (state) => (courseID) => {
    return state.courses[courseID]
  },
  getFavoriteCourses (state) {
    // Ref: https://lodash.com/docs/#pick
    return _pick(state.courses, state.user.courses)
  }
}

export const mutations = {
  initFirebase (state) {
    state.firebaseInitialized = true
  },
  setIdTokenResult (state, idTokenResult) {
    state.idTokenResult = idTokenResult
  },
  setUser (state, user) {
    state.user = user
  },
  setUserDisplayName (state, name) {
    this._vm.$set(state.user, 'displayName', name)
  },
  setCourses (state, courses) {
    state.courses = courses
  },
  initCourse (state, courseID) {
    state.user.setGames({ [courseID]: {} })
  },
  addFavoriteCourse (state, courseID) {
    state.user.courses.push(courseID)
  },
  removeFavoriteCourse (state, courseID) {
    const index = state.user.courses.findIndex(e => e === courseID)
    state.user.courses.splice(index, 1)
  },
  setCourse (state, { courseID, courseData }) {
    if (courseData) this._vm.$set(state.courses, courseID, courseData)
    else this._vm.$delete(state.courses, courseID)
  },
  setSelectedCourse (state, courseID) {
    state.selectedCourse = courseID
  },
  addGameInProgress (state, { courseID, gameID }) {
    const index = state.user.gamesStarted.findIndex(e => e.course === courseID)
    if (index !== -1) {
      state.user.gamesStarted[index].course = courseID
      state.user.gamesStarted[index].game = gameID
    } else {
      state.user.gamesStarted.push({ course: courseID, game: gameID })
    }
  },
  removeGameInProgress (state, courseID) {
    const index = state.user.gamesStarted.findIndex(e => e.course === courseID)
    state.user.gamesStarted.splice(index, 1)
  }
}

export const actions = {
}