import { handleError } from '@/scripts/customer/helpers/error-handling'
import { useUserStore } from './user'
const { defineStore } = window.pinia
import axios from 'axios'
export const useGlobalStore = defineStore({
  id: 'CustomerPortalGlobalStore',
  state: () => ({
    languages: [],
    currency: null,
    isAppLoaded: false,
    countries: [],
    getDashboardDataLoaded: false,
    currentUser: null,
    companySlug: '',
    mainMenu: null,
    enabledModules: [],
    isDarkModeOn: localStorage.getItem('theme') === 'dark' || document.documentElement.classList.contains('dark')
  }),

  actions: {
    bootstrap(data) {
      this.companySlug = data
      const userStore = useUserStore()
      return new Promise((resolve, reject) => {
        axios
          .get(`/api/v1/${data}/customer/bootstrap`)
          .then((response) => {
            this.currentUser = response.data.data
            this.mainMenu = response.data.meta.menu
            this.currency = response.data.data.currency
            this.enabledModules = response.data.meta.modules
            Object.assign(userStore.userForm, response.data.data)
            window.i18n.locale = response.data.default_language
            this.isAppLoaded = true
            resolve(response)
          })
          .catch((err) => {
            handleError(err)
            reject(err)
          })
      })
    },

    fetchCountries() {
      return new Promise((resolve, reject) => {
        if (this.countries.length) {
          resolve(this.countries)
        } else {
          axios
            .get(`/api/v1/${this.companySlug}/customer/countries`)
            .then((response) => {
              this.countries = response.data.data
              resolve(response)
            })
            .catch((err) => {
              handleError(err)
              reject(err)
            })
        }
      })
    },
  },
})