import Vue from "vue";
import Vuex from "vuex";
import axios from "axios";

Vue.use(Vuex);

export default new Vuex.Store({
  state: {
    services: [],
  },
  mutations: {
    setServices(state, services) {
      state.services = services;
    },
    setCategoryExpanded(state, payload) {
      if (payload.category) {
        Vue.set(payload.category.attributes, "expanded", payload.value);
      } else {
        Vue.set(
          payload.service.attributes.categories.data[payload.index].attributes,
          "expanded",
          payload.value
        );
      }
    },
  },
  actions: {
    async getServices(state) {
      return new Promise((resolve) => {
        if (!state.getters.isServicesEmpty) {
          resolve();
          return;
        }
        axios
          .get(`/V1/services?populate=*`)
          .then((response) => {
            console.log(response.data);
            state.commit("setServices", response.data.data);
          })
          .finally(() => {
            resolve();
          });
      });
    },
  },
  getters: {
    isServicesEmpty(state) {
      return state.services.length <= 0;
    },
  },
});