import axios from 'axios'
import Vue from 'vue'
import {bus} from '../../main'
import VueRouter from 'vue-router';
import NotificationSounds from '@/utils/notificationSound';

const state = {
  token: localStorage.getItem('hauthid') || null,
  channelID: "",
  user: null,
}

const getters = {
  tokenExists(state) {
    return state.token !== null;
  },
  user(state){
    return state.user;
  },
  loggedIn(state){
    return state.user !== null
  }
}

const actions = {
  token(context, token) {
    context.commit('token', token);
  },
  user(context, user) {
    context.commit('user', user)
  },
  logout(context) {
    axios.defaults.headers.common['authorization'] = "";
    localStorage.clear()
    context.commit('logout');
  },
  changeStatus(context, status) {
    context.commit('changeStatus', status)
  },
  surveyCompleted(context) {
    context.commit('surveyCompleted')
  },
  updateUser(context, user) {
    const update = Object.assign({},context.state.user, user);
    context.commit('UPDATE_USER', update)

  }
}

const mutations = {
  UPDATE_USER(state, user){
    Vue.set(state, 'user', user);
  },
  surveyCompleted(state) {
    Vue.set(state.user, "survey_completed", true)
  },
  changeAvatar(state, avatar) {
    //changes my avatar
    Vue.set(state.user, "avatar", avatar)
  },
  changeStatus(state, status) {
    //changes my status
    Vue.set(state.user, "status", status)
  },
  token(state, token) {
    axios.defaults.headers.common['authorization'] = token;
    localStorage.setItem('hauthid', token);
    state.token = token
  },
  logout(state) {
    state.user = null,
    state.token = null;
  },
  user(state, user) {
    Vue.set(state, 'user', user)
  },
  addFriend(state, friend) {

    const friends = state.user.friends;
    friends[friend.uniqueID] = friend;

    state.user.friends = Object.assign({}, friends)

    if (friend.status == 1) {
      NotificationSounds.newFriend();
    }
  },
  removeFriend(state, uniqueID) {
    const friends = state.user.friends;
    delete friends[uniqueID];

    state.user.friends = Object.assign({}, friends)
  },
  acceptFriend(state, uniqueID) {
    const friends = state.user.friends;
    friends[uniqueID].status = 2;

    state.user.friends = Object.assign({}, friends)
  }
}

export default {
  namespace: true,
  state,
  getters,
  actions,
  mutations
}