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

import http from "@/plugins/http";
import config from "@/app.config";
import { useCounterMixin } from "@/stores/mixin";

import type { DataStructureTree } from "@/interface/main";

const $q = useQuasar();
const { showLoader, hideLoader, messageError } = useCounterMixin();

export const useStructureTree = defineStore("structureTree", () => {
  const activeId = ref<string>("");
  const dataStore = ref<{ [key: string]: DataStructureTree[] }>({});
  const dataStrategy = ref<any[]>([]);

  /**
   * fetch ข้อมูลโครงสร้างตามคีย์ของระบบ
   * @param sysKey คีย์ของระบบ
   * @param isLoad สถานะที่ใช้ในการแสดงตัวโหลด true = แสดง, false = ไม่แสดง
   * @returns ข้อมูลโครงสร้าง
   */
  async function fetchStructureTree(sysKey: string, isLoad: boolean = false) {
    if (dataStore.value[sysKey]) {
      return dataStore.value[sysKey] || [];
    } else {
      activeId.value === "" && (await fetchActive());
      const data = await fetchData(sysKey, isLoad);
      return data || [];
    }
  }

  /**
   * fetch ข้อมูลโครงสร้างองค์กรปัจจุบัน
   *
   * เช็ต activeId.value เป็นค่า data.activeId ที่ได้จากข้อมูลที่ดึงมา
   */
  async function fetchActive() {
    try {
      const res = await http.get(config.API.activeOrganization);
      const data = res.data.result;
      activeId.value = data.activeId;
    } catch (err) {
      messageError($q, err);
    }
  }

  /**
   * fetch ข้อมูลโครงสร้างจาก API
   * @param sysKey คีย์ของระบบ
   * @param isLoad  สถานะที่ใช้ในการแสดงตัวโหลด true = แสดง, false = ไม่แสดง
   * @returns ข้อมูลโครงสร้าง
   *
   * เมื่อ isLoad เป็น true จะทำการแสดงตัวโหลด showLoader
   * และเก็บค่าใน dataStore.value ตามคีย์ของระบบที่รับมา
   */
  async function fetchData(sysKey: string, isLoad: boolean) {
    isLoad && showLoader();
    try {
      const res = await http.get(
        config.API.orgByIdSystem(activeId.value, sysKey)
      );
      const data = res.data.result;
      dataStore.value[sysKey] = data;
      return data;
    } catch (err) {
      messageError($q, err);
    } finally {
      hideLoader();
    }
  }

  /** function fetchTree ยุทธศาสตร์ / แผน*/
  async function fetchTreeStrategy() {
    dataStrategy.value;
    if (dataStrategy.value.length > 0) {
      return dataStrategy.value;
    } else {
      try {
        const res = await http.get(config.API.devStrategy + `/edit/indicator`);
        const data = res.data.result;
        dataStrategy.value = data;
        return data;
      } catch (err) {
        messageError($q, err);
      } finally {
        hideLoader();
      }
    }
  }

  return {
    activeId,
    fetchStructureTree,
    fetchTreeStrategy,
  };
});