import { defineStore } from "pinia";
import { ref } from "vue";
import type { QTableProps } from "quasar";
import type { investigatefactsDataRowType, DataOption, DataNumberOption } from '@/modules/11_discipline/interface/index/Main'

/*** store ของข้อมูลสืบสวนข้อเท็จจริง */
export const useInvestigateFactStore = defineStore("DisciplineInvestigateFact", () => {
    const rows = ref<investigatefactsDataRowType[]>([])

    const daysExtendOps = ref<DataNumberOption[]>([
        { id: 15, name: "15 วัน" },
        { id: 30, name: "30 วัน" },
        { id: 45, name: "45 วัน" },
        { id: 60, name: "60 วัน" },
    ]);
    const investigationOps = ref<DataOption[]>([
        { id: "001", name: "เเต่งตั้งการสืบสวน" },
        { id: "002", name: "สืบสวนทางลับ" },
        { id: "003", name: "อื่นๆ" },
    ]);
    const faultOps = ref<DataOption[]>([
        { id: "001", name: "ยังไม่ระบุ" },
        { id: "002", name: "ไม่ร้ายเเรง" },
        { id: "003", name: "ร้ายเเรง" },
    ]);
    const statusResultOptions = ref<DataOption[]>([
        { id: "not_specified", name: "ยังไม่ระบุ" },
        { id: "have_cause", name: "มีมูล" },
        { id: "no_cause", name: "ไม่มีมูล" },
    ]);
    const causeTextOptions = ref<DataOption[]>([
        { id: "ร้ายแรง", name: "ร้ายแรง" },
        { id: "ไม่ร้ายแรง", name: "ไม่ร้ายแรง" },
    ]);

    const daysExtendOp = ref<DataNumberOption[]>(daysExtendOps.value);
    const investigationOp = ref<DataOption[]>(investigationOps.value);
    const faultOp = ref<DataOption[]>(faultOps.value);
    const visibleColumns = ref<string[]>([
        "no",
        "subject",
        "interrogated",
        "fault",
        "status",
    ]);

    // หัวตาราง
    const columns = ref<QTableProps["columns"]>([
        {
            name: "no",
            align: "center",
            label: "ลำดับ",
            sortable: false,
            field: "no",
            headerStyle: "font-size: 14px",
            style: "font-size: 14px",
        },
        {
            name: "subject",
            align: "left",
            label: "เรื่อง",
            sortable: true,
            field: "subject",
            headerStyle: "font-size: 14px",
            style: "font-size: 14px",
        },
        {
            name: "interrogated",
            align: "left",
            label: "ผู้ถูกสอบสวน",
            sortable: true,
            field: "interrogated",
            headerStyle: "font-size: 14px",
            style: "font-size: 14px",
            sort: (a: string, b: string) =>
                a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
        },
        {
            name: "fault",
            align: "left",
            label: "ลักษณะความผิด",
            sortable: true,
            field: "fault",
            headerStyle: "font-size: 14px",
            style: "font-size: 14px",
            sort: (a: string, b: string) =>
                a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
        },
        {
            name: "status",
            align: "left",
            label: "สถานะ",
            sortable: false,
            field: "status",
            headerStyle: "font-size: 14px",
            style: "font-size: 14px",
        },
    ]);
    function filterFnOptionsType(val: string | number, update: any, type: string) {
        update(() => {
            if (type === "faultOp") {
                faultOp.value = faultOps.value.filter(
                    (v: any) => v.name.toLowerCase().indexOf(val) > -1
                );

            } else if (type === "investigationOp") {
                investigationOp.value = investigationOps.value.filter(
                    (v: any) => v.name.toLowerCase().indexOf(val) > -1
                );
            } else if (type === "daysExtendOp") {
                daysExtendOp.value = daysExtendOps.value.filter(
                    (v: any) => v.id.indexOf(val) > -1
                );
            }

        });
    }
    function fecthList(data: investigatefactsDataRowType[]) {
        let datalist: investigatefactsDataRowType[] = data.map((e: investigatefactsDataRowType) => {
            return {
                id: e.id,
                subject: e.subject,
                interrogated: e.interrogated,
                fault: e.fault ? convertFault(e.fault) : '-',
                status: e.status ? convertSatatus(e.status) : '-',
                active: e.active ? activeStatus(e.active) : '-'
            };
        });
        rows.value = datalist;
    }
    function convertFault(val: string) {
        switch (val) {
            case "0":
                return "ความผิดวินัยไม่ร้ายแรง"
            case "1":
                return "ความผิดวินัยร้ายแรง"
        }
    }
    function convertSatatus(val: string) {
        switch (val) {
            case "0":
                return "ยุติเรื่อง"
            case "1":
                return "เสร็จสิ้นเเล้ว"
        }
    }
    function activeStatus(val: string) {
        switch (val) {
            case "0":
                return "ยังไม่ได้ยืนยันผล"
            case "1":
                return "ยืนยันผลเเล้ว"
        }
    }
    return {
        fecthList,
        rows,
        daysExtendOps,
        investigationOps,
        faultOps,
        filterFnOptionsType,
        faultOp,
        daysExtendOp,
        investigationOp,
        visibleColumns,
        columns,
        statusResultOptions,
        causeTextOptions
    };
})