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

import type { QTableProps } from "quasar";

export const useEvaluateDetailStore = defineStore("evaluateDetailStore", () => {
  /** columns TableViewStep1*/
  const columnsLicense = ref<QTableProps["columns"]>([
    {
      name: "",
      align: "center",
      label: "ชื่อใบอนุณาต",
      sortable: false,
      field: "",
      headerStyle: "font-size: 14px",
      style: "font-size: 14px",
    },
    {
      name: "",
      align: "left",
      label: "หน่วยงานผู้ออกใบอนุญาต",
      sortable: true,
      field: "",
      headerStyle: "font-size: 14px",
      style: "font-size: 14px",
    },
    {
      name: "",
      align: "left",
      label: "เลขที่ใบอนุญาต",
      sortable: true,
      field: "",
      headerStyle: "font-size: 14px",
      style: "font-size: 14px",
    },
    {
      name: "",
      align: "left",
      label: "วันที่ออกใบอนุญาต",
      sortable: true,
      field: "",
      headerStyle: "font-size: 14px",
      style: "font-size: 14px",
      sort: (a: string, b: string) =>
        a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
    },
    {
      name: "",
      align: "left",
      label: "วันที่หมดอายุ",
      sortable: true,
      field: "",
      headerStyle: "font-size: 14px",
      style: "font-size: 14px",
      sort: (a: string, b: string) =>
        a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
    },
  ]);

  const columnPeriodhistory = ref<QTableProps["columns"]>([
    {
      name: "",
      align: "center",
      label: "วัน เดือน ปี",
      sortable: false,
      field: "",
      headerStyle: "font-size: 14px",
      style: "font-size: 14px",
      sort: (a: string, b: string) =>
        a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
    },
    {
      name: "",
      align: "left",
      label: "สังกัด",
      sortable: true,
      field: "",
      headerStyle: "font-size: 14px",
      style: "font-size: 14px",
    },
    {
      name: "",
      align: "left",
      label: "ตำแหน่ง",
      sortable: true,
      field: "",
      headerStyle: "font-size: 14px",
      style: "font-size: 14px",
    },
    {
      name: "",
      align: "left",
      label: "ตำแหน่งเลขที่",
      sortable: true,
      field: "",
      headerStyle: "font-size: 14px",
      style: "font-size: 14px",
      sort: (a: string, b: string) =>
        a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
    },
    {
      name: "",
      align: "left",
      label: "สายงาน",
      sortable: true,
      field: "",
      headerStyle: "font-size: 14px",
      style: "font-size: 14px",
    },
    {
      name: "",
      align: "left",
      label: "ด้าน/สาขา",
      sortable: true,
      field: "",
      headerStyle: "font-size: 14px",
      style: "font-size: 14px",
    },
    {
      name: "",
      align: "left",
      label: "ตำแหน่งประเภท",
      sortable: true,
      field: "",
      headerStyle: "font-size: 14px",
      style: "font-size: 14px",
    },
    {
      name: "",
      align: "left",
      label: "ระดับ",
      sortable: true,
      field: "",
      headerStyle: "font-size: 14px",
      style: "font-size: 14px",
    },
    {
      name: "",
      align: "left",
      label: "ตำแหน่งทางการบริหาร",
      sortable: true,
      field: "",
      headerStyle: "font-size: 14px",
      style: "font-size: 14px",
    },
    {
      name: "",
      align: "left",
      label: "ด้านทางการบริหาร",
      sortable: true,
      field: "",
      headerStyle: "font-size: 14px",
      style: "font-size: 14px",
    },
  ]);

  const columnTrainingHistory = ref<QTableProps["columns"]>([
    {
      name: "",
      align: "center",
      label: "ชื่อโครงการ/หลักสูตรการฝึกอบรม",
      sortable: false,
      field: "",
      headerStyle: "font-size: 14px",
      style: "font-size: 14px",
    },
    {
      name: "",
      align: "left",
      label: "หัวข้อการฝึกอบรม/ดูงาน",
      sortable: true,
      field: "",
      headerStyle: "font-size: 14px",
      style: "font-size: 14px",
    },
    {
      name: "",
      align: "left",
      label: "วันเริ่มต้นการฝึกอบรม/ดูงาน",
      sortable: true,
      field: "",
      headerStyle: "font-size: 14px",
      style: "font-size: 14px",
      sort: (a: string, b: string) =>
        a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
    },
    {
      name: "",
      align: "left",
      label: "วันสิ้นสุดการฝึกอบรม/ดูงาน",
      sortable: true,
      field: "",
      headerStyle: "font-size: 14px",
      style: "font-size: 14px",
      sort: (a: string, b: string) =>
        a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
    },
    {
      name: "",
      align: "left",
      label: "ปีที่อบรม/ดูงาน",
      sortable: true,
      field: "",
      headerStyle: "font-size: 14px",
      style: "font-size: 14px",
    },
    {
      name: "",
      align: "left",
      label: "รวมระยะเวลาในการฝึกอบรม/ดูงาน",
      sortable: true,
      field: "",
      headerStyle: "font-size: 14px",
      style: "font-size: 14px",
    },
    {
      name: "",
      align: "left",
      label: "หน่วยงานที่รับผิดชอบจัดการฝึกอบรม/ดูงาน",
      sortable: true,
      field: "",
      headerStyle: "font-size: 14px",
      style: "font-size: 14px",
    },
  ]);

  const columnProjectsProposed = ref<QTableProps["columns"]>([
    {
      name: "",
      align: "center",
      label: "วันที่ได้รับ",
      sortable: false,
      field: "",
      headerStyle: "font-size: 14px",
      style: "font-size: 14px",
      sort: (a: string, b: string) =>
        a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
    },
    {
      name: "",
      align: "left",
      label: "ผู้มีอำนาจลงนาม",
      sortable: true,
      field: "",
      headerStyle: "font-size: 14px",
      style: "font-size: 14px",
    },
    {
      name: "",
      align: "left",
      label: "รายละเอียด",
      sortable: true,
      field: "",
      headerStyle: "font-size: 14px",
      style: "font-size: 14px",
    },
    {
      name: "",
      align: "left",
      label: "เลขที่คำสั่ง",
      sortable: true,
      field: "",
      headerStyle: "font-size: 14px",
      style: "font-size: 14px",
      sort: (a: string, b: string) =>
        a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
    },
    {
      name: "",
      align: "left",
      label: "เอกสารอ้างอิง",
      sortable: true,
      field: "",
      headerStyle: "font-size: 14px",
      style: "font-size: 14px",
    },
  ]);

  return {
    columnsLicense,
    columnPeriodhistory,
    columnTrainingHistory,
    columnProjectsProposed,
  };
});