import { defineStore } from 'pinia';
import { ref } from 'vue';
import { apiMarketplaceState, apiGetCartList, apiAddCartList } from "@/utils/marketplace"

export const useMarketplaceStore = defineStore('marketplace', () => {
  const overview = ref('')
  const sort = ref()
  const minPrice = ref()
  const maxPrice = ref()
  const hero = ref([])
  const rank = ref([])
  const gold = ref([])
  const status = ref([])
  const cartList = ref()
  const updateOverviewStatus = (_connected) => {
    overview.value = _connected;
  }
  const updateSortStatus = (_connected) => {
    sort.value = _connected;
  }
  const updateMinPriceStatus = (_connected) => {
    minPrice.value = _connected;
  }
  const updateMaxPriceStatus = (_connected) => {
    maxPrice.value = _connected;
  }
  const updateHeroStatus = (_connected) => {
    hero.value = _connected;
  }
  const updateRankStatus = (_connected) => {
    rank.value = _connected;
  }
  const updateGoldStatus = (_connected) => {
    gold.value = _connected;
  }
  const updateStatusStatus = (_connected) => {
    status.value = _connected;
  }

  async function getMarketplaceState(_connected) {
    return await apiMarketplaceState(_connected)
  }
  
  async function getCartListState() {
    cartList.value =  await apiGetCartList()
  }

  async function addCartListState(_connected) {
    return await apiAddCartList(_connected)
  }

  return {
    overview, updateOverviewStatus,
    sort, updateSortStatus,
    minPrice, updateMinPriceStatus,
    maxPrice, updateMaxPriceStatus,
    hero, updateHeroStatus,
    rank, updateRankStatus,
    gold, updateGoldStatus,
    status, updateStatusStatus,
    getMarketplaceState,
    cartList, getCartListState,
    addCartListState,
  }
},
{
  persist: true,
}
)