import { defineStore } from "pinia";
import { ref } from "vue";

import { useCounterMixin } from "@/stores/mixin";

import type { QTableProps } from "quasar";
import type { DataList, DataListRes } from "@/modules/11_discipline/interface/response/order"

const mixin = useCounterMixin()
const { date2Thai } = mixin
export const useOrderStore = defineStore("DisciplineOrder", () => {
    const rows = ref<DataList[]>([])
    const columns = ref<QTableProps["columns"]>([]);
    const visibleColumns = ref<string[]>([]);
    async function fetchOrder(data: DataListRes[]) {
        let datalist: DataList[] = data.map((e: DataListRes) => ({
            subject: e.subject,
            ordernumber: e.ordernumber,
            dateOrder: date2Thai(e.dateOrder),
            orderby: e.orderby,
            signer: e.signer,
            statusorder: e.statusorder
        }))
        rows.value = datalist
    }

    return {
        rows,
        columns,
        visibleColumns,
        fetchOrder
    }
})