import type {Material, MaterialsState} from "~/stores/materials/types.materials";
import { orderBy } from 'lodash-es'
import dayjs from "dayjs";

export const useMaterialsStore = defineStore('materials', {
  state: (): MaterialsState => ({
    isLoadingMaterials: false,
    errorMaterials: null,
    materials: [],
  }),

  getters: {
    getMaterialsSorted: (state) => orderBy(state.materials, (item) => dayjs(item.datetime).valueOf(), 'desc'),
    getById: (state) => (id:string): Material | undefined => state.materials.find(item => item.id === +id)
  },

  actions: {
    async fetchMaterials() {
      this.isLoadingMaterials = true
      this.errorMaterials = null
      try {
        const {data} = await useFetch<Material[]>('/api', {key: 'fetch-materials'})
        if (data.value) {
          this.materials = data.value
        }
      } catch (e) {
        console.log('Error:', e)
        this.errorMaterials = String(e)
      } finally {
        this.isLoadingMaterials = false
      }
    },

  }
})