import { useRoute } from "vue-router";
import dayjs from "dayjs";
import weekday from "dayjs/plugin/weekday";
import weekOfYear from "dayjs/plugin/weekOfYear";
import relativeTime from "dayjs/plugin/relativeTime";
import localizedFormat from "dayjs/plugin/localizedFormat";
import isSameOrBefore from "dayjs/plugin/isSameOrBefore";
import isSameOrAfter from "dayjs/plugin/isSameOrAfter";
import "dayjs/locale/vi";
dayjs.extend(weekday);
dayjs.extend(weekOfYear);
dayjs.extend(relativeTime);
dayjs.extend(localizedFormat);
dayjs.extend(isSameOrBefore);
dayjs.extend(isSameOrAfter);
dayjs.locale("vi");

export default defineNuxtPlugin((nuxtApp) => {
  const route = useRoute();
  const { $id, $empty, $store } = nuxtApp;
  const dialog = function (content, title, type, duration, width, height, vbind) {
    content = typeof content === "string" ? content : JSON.stringify(content);
    const vtitle =
      type === "Success"
        ? `<span class="has-text-primary">${title}</span>`
        : type === "Error"
          ? `<span class="has-text-danger">${title}</span>`
          : title;

    let data = {
      id: $id(),
      component: `dialog/${type || "Info"}`,
      vbind: { content, duration, vbind },
      title: vtitle,
      width: width || "600px",
      height: height || "100px",
    };
    $store.commit("showmodal", data);
  };

  const snackbar = function (content, title, type, width, height) {
    content = typeof content == "string" ? content : JSON.stringify(content);
    let vtitle = type === "Success" ? `<span class="has-text-primary">${title}</span>` : title;
    if (type === "Error") vtitle = `<span class="has-text-danger">${title}</span>`;
    let data = {
      id: $id(),
      component: `snackbar/${type || "Info"}`,
      vbind: { content: content },
      title: vtitle,
      width: width || "600px",
      height: height || "100px",
    };
    $store.commit("snackbar", data);
  };

  const getLink = function (val) {
    if (val === undefined || val === null || val === "" || val === "") return "";
    let json = val.indexOf("{") >= 0 ? JSON.parse(val) : { path: val };
    return json;
  };

  const errPhone = function (phone) {
    var text = undefined;
    if ($empty(phone)) {
      text = "Số điện thoại di động không được bỏ trống.";
    } else if (isNaN(phone)) {
      text = "Số điện thoại di động không hợp lệ.";
    } else if (phone.length < 9 || phone.length > 11) {
      text = "Số điện thoại di động phải từ 9-11 số.";
    }
    return text;
  };

  const errEmail = function (email) {
    const re =
      /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    var text = undefined;
    if ($empty(email)) {
      text = "Email không được bỏ trống.";
    } else if (!re.test(String(email).toLowerCase())) {
      text = "Email không hợp lệ.";
    }
    return text;
  };

  const errPhoneEmail = function (contact) {
    const re =
      /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    var text = undefined;

    if ($empty(contact)) {
      text = "Số điện thoại di động hoặc Email không được bỏ trống.";
    } else if (!(re.test(String(contact).toLowerCase()) || !isNaN(contact))) {
      text = "Số điện thoại di động hoặc Email không hợp lệ.";
    } else if (!isNaN(contact) && (contact.length < 9 || contact.length > 11)) {
      text = "Số điện thoại di động không hợp lệ.";
    }
    return text;
  };

  const dummy = function (data, count) {
    let list = this.$copy(data);
    for (let index = 0; index < count; index++) {
      if (data.length < index + 1) list.push({ dummy: true });
    }
    return list;
  };

  const upload = function (file, type, user, convert, quality) {
    var fileFormat = [
      {
        type: "image",
        format: [".png", ".jpg", "jpeg", ".bmp", ".gif", ".svg", ".webp"],
      },
      {
        type: "video",
        format: [".wmv", ".avi", ".mp4", ".flv", ".mov", ".mpg", ".amv", ".rm"],
      },
    ];
    var valid = undefined;
    if (type === "image" || type === "video") {
      valid = false;
      let found = fileFormat.find((v) => v.type === type);
      found.format.map((x) => {
        if (file.name.toLowerCase().indexOf(x) >= 0) valid = true;
      });
    }
    if (valid === false)
      return {
        name: file.name,
        error: true,
        text: "Định dạng file không hợp lệ",
      };
    if ((type === "image" || type === "file") && file.size > 500 * 1024 * 1024) {
      return {
        name: file.name,
        error: true,
        text: "Kích thước " + (type === "image" ? "hình ảnh" : "tài liệu") + " phải dưới 500MB",
      };
    } else if (type === "video" && file.size > 1073741274) {
      return {
        name: file.name,
        error: true,
        text: "Kích thước video phải dưới 1GB",
      };
    }
    let data = new FormData();
    let fileName = dayjs(new Date()).format("YYYYMMDDhhmmss") + "-" + file.name;
    data.append("name", file.name);
    data.append("filename", fileName);
    data.append("file", file);
    data.append("type", type);
    data.append("size", file.size);
    data.append("user", user);
    data.append("convert", convert);
    // Thêm quality nếu convert được bật và quality được cung cấp
    if (convert && quality !== null && quality !== undefined) {
      data.append("quality", quality);
    }
    return {
      form: data,
      type: type,
      size: file.size,
      file: file,
      name: file.name,
      filename: fileName,
    };
  };

  const change = function (obj1, obj2, list) {
    var change = false;
    if (list) {
      list.map((v) => {
        if (obj1[v] !== obj2[v]) change = true;
      });
    } else {
      for (var k in obj1) {
        if (obj1[k] !== obj2[k]) change = true;
      }
    }
    return change;
  };

  const resetNull = function (obj) {
    for (const [key, value] of Object.entries(obj)) {
      if (typeof value === "string") {
        let val = value.trim();
        if (val === "" || val === "") val = null;
        obj[key] = val;
      }
    }
    return obj;
  };

  const copyToClipboard = function (text) {
    snackbar("Copied to clipboard");
    if (window.clipboardData && window.clipboardData.setData) {
      // IE specific code path to prevent textarea being shown while dialog is visible.
      return clipboardData.setData("Text", text);
    } else if (document.queryCommandSupported && document.queryCommandSupported("copy")) {
      var textarea = document.createElement("textarea");
      textarea.textContent = text;
      textarea.style.position = "fixed"; // Prevent scrolling to bottom of page in MS Edge.
      document.body.appendChild(textarea);
      textarea.select();
      try {
        return document.execCommand("copy"); // Security exception may be thrown by some browsers.
      } catch (ex) {
        console.warn("Copy to clipboard failed.", ex);
        return false;
      } finally {
        document.body.removeChild(textarea);
      }
    }
  };

  const nonAccent = function (str) {
    if ($empty(str)) return null;
    str = str.replaceAll("/", "-").replaceAll("%", "-").replaceAll("?", "-");
    str = str.toLowerCase();
    str = str.replace(/à|á|ạ|ả|ã|â|ầ|ấ|ậ|ẩ|ẫ|ă|ằ|ắ|ặ|ẳ|ẵ/g, "a");
    str = str.replace(/è|é|ẹ|ẻ|ẽ|ê|ề|ế|ệ|ể|ễ/g, "e");
    str = str.replace(/ì|í|ị|ỉ|ĩ/g, "i");
    str = str.replace(/ò|ó|ọ|ỏ|õ|ô|ồ|ố|ộ|ổ|ỗ|ơ|ờ|ớ|ợ|ở|ỡ/g, "o");
    str = str.replace(/ù|ú|ụ|ủ|ũ|ư|ừ|ứ|ự|ử|ữ/g, "u");
    str = str.replace(/ỳ|ý|ỵ|ỷ|ỹ/g, "y");
    str = str.replace(/đ/g, "d");
    // Some system encode vietnamese combining accent as individual utf-8 characters
    str = str.replace(/\u0300|\u0301|\u0303|\u0309|\u0323/g, ""); // Huyền sắc hỏi ngã nặng
    str = str.replace(/\u02C6|\u0306|\u031B/g, ""); // Â, Ê, Ă, Ơ, Ư
    str = str
      .split(" ")
      .filter((s) => s)
      .join("-");
    return str;
  };

  const linkID = function (link) {
    link = link ? link : route.params.slug;
    if ($empty(link)) return;
    let idx = link.lastIndexOf("-");
    let id = idx > -1 && idx < link.length - 1 ? link.substring(idx + 1, link.length) : undefined;
    return id;
  };

  const exportpdf = function (docid, name, size, orientation = "portrait") {
    var element = document.getElementById(docid);
    let elms = element.querySelectorAll("[id='ignore']");
    for (var i = 0; i < elms.length; i++) {
      elms[i].style.setProperty("display", "none", "important");
    }
    // Xóa cache ảnh để lần export sau không bị lỗi
    element.querySelectorAll("img").forEach((img) => {
      img.src = `${img.src}`;
    });
    var opt = {
      margin: 0.4,
      filename: `${name || "file"}-${dayjs().format("YYYYMMDDHHmmss")}.pdf`,
      image: { type: "jpeg", quality: 1 },
      html2canvas: { scale: 3, useCORS: true },
      jsPDF: { unit: "in", format: size || "a4", orientation },

      pagebreak: {
        mode: ["avoid-all", "css", "legacy"],
        before: ".page-break-before",
        after: ".page-break-after",
        avoid: ".avoid-page-break",
      },
    };
    setTimeout(() => html2pdf().set(opt).from(element).save(), 300);
    setTimeout(() => {
      for (var i = 0; i < elms.length; i++) {
        elms[i].style.removeProperty("display");
      }
    }, 1000);
    return opt.filename;
  };

  const exportImage = function (docid, name) {
    var element = document.getElementById(docid);
    let elms = element.querySelectorAll("[id='ignore']");
    for (var i = 0; i < elms.length; i++) {
      elms[i].style.display = "none";
    }
    let filename = `${name}-${dayjs().format("YYYYMMDDHHmmss")}.png`;
    html2canvas(element).then((canvas) => {
      const link = document.createElement("a");
      link.href = canvas.toDataURL("image/png");
      link.download = filename;
      link.click();
      link.remove();
    });
    setTimeout(() => {
      for (var i = 0; i < elms.length; i++) {
        elms[i].style.display = "block";
      }
    }, 1000);
    return filename;
  };

  const download = async function (url, fileName) {
    let name = dayjs(new Date()).format("YYYYMMDDhhmmss") + "-" + fileName;
    const response = await fetch(url, { method: "GET" });
    const blob = await response.blob();
    const urlDownload = window.URL.createObjectURL(blob);
    const link = document.createElement("a");
    link.href = urlDownload;
    link.setAttribute("download", name);
    link.click();
    link.remove();
  };

  const vnmoney = function (amount) {
    var readGroup = function (group) {
      let readDigit = [" Không", " Một", " Hai", " Ba", " Bốn", " Năm", " Sáu", " Bảy", " Tám", " Chín"];
      var temp = "";
      if (group == "000") return "";
      temp = readDigit[parseInt(group.substring(0, 1))] + " Trăm";
      if (group.substring(1, 2) == "0")
        if (group.substring(2, 3) == "0") return temp;
        else {
          temp += " Lẻ" + readDigit[parseInt(group.substring(2, 3))];
          return temp;
        }
      else temp += readDigit[parseInt(group.substring(1, 2))] + " Mươi";
      if (group.substring(2, 3) == "5") temp += " Lăm";
      else if (group.substring(2, 3) != "0") temp += readDigit[parseInt(group.substring(2, 3))];
      return temp;
    };
    var readMoney = function (num) {
      if (num == null || num == "") return "";
      let temp = "";
      while (num.length < 18) {
        num = "0" + num;
      }
      let g1 = num.substring(0, 3);
      let g2 = num.substring(3, 6);
      let g3 = num.substring(6, 9);
      let g4 = num.substring(9, 12);
      let g5 = num.substring(12, 15);
      let g6 = num.substring(15, 18);
      if (g1 != "000") {
        temp = readGroup(g1);
        temp += " Triệu";
      }
      if (g2 != "000") {
        temp += readGroup(g2);
        temp += " Nghìn";
      }
      if (g3 != "000") {
        temp += readGroup(g3);
        temp += " Tỷ";
      } else if ("" != temp) {
        temp += " Tỷ";
      }
      if (g4 != "000") {
        temp += readGroup(g4);
        temp += " Triệu";
      }
      if (g5 != "000") {
        temp += readGroup(g5);
        temp += " Nghìn";
      }
      temp = temp + readGroup(g6);
      temp = temp.replaceAll("Một Mươi", "Mười");
      temp = temp.trim();
      temp = temp.replaceAll("Không Trăm", "");
      temp = temp.trim();
      temp = temp.replaceAll("Mười Không", "Mười");
      temp = temp.trim();
      temp = temp.replaceAll("Mươi Không", "Mươi");
      temp = temp.trim();
      if (temp.indexOf("Lẻ") == 0) temp = temp.substring(2);
      temp = temp.trim();
      temp = temp.replaceAll("Mươi Một", "Mươi Mốt");
      temp = temp.trim();
      let result = temp.substring(0, 1).toUpperCase() + temp.substring(1).toLowerCase();
      return (result == "" ? "Không" : result) + " đồng chẵn";
    };
    return readMoney(amount.toString());
  };

  const lang = function (code) {
    let field = $store.common.find((v) => v.code === code);
    return field ? field[$store.lang] : "";
  };

  const createMeta = function (metainfo) {
    return {
      title: metainfo.title,
      link: [
        {
          hid: "canonical",
          rel: "canonical",
          href: `https://bigdatatech.vn${route.path}`,
        },
      ],
      meta: [
        {
          hid: "description",
          name: "description",
          content: metainfo.description || "",
        },
        {
          hid: "og:title",
          property: "og:title",
          content: metainfo.title,
        },
        {
          hid: "og:description",
          property: "og:description",
          content: metainfo.description || "",
        },
        {
          hid: "og:type",
          property: "og:type",
          content: metainfo.type || "",
        },
        {
          hid: "og:image",
          property: "og:image",
          content: metainfo.image || "",
        },
        {
          hid: "og:url",
          property: "og:url",
          content: `https://bigdatatech.vn${route.path}`,
        },
        {
          property: "og:locale",
          content: "vi_VN",
        },
        {
          hid: "fb:app_id",
          property: "fb:app_id",
          content: metainfo.app_id || "549555567061256",
        },
        {
          hid: "keywords",
          name: "keywords",
          content: metainfo.keywords || "",
        },
      ],
    };
  };

  const formatFileSize = (bytes) => {
    if (bytes === 0) return "0 Bytes";
    const k = 1024;
    const sizes = ["Bytes", "KB", "MB", "GB"];
    const i = Math.floor(Math.log(bytes) / Math.log(k));
    return Math.round((bytes / Math.pow(k, i)) * 100) / 100 + " " + sizes[i];
  };

  const numberToVietnamese = (input) => {
    if (input === null || input === undefined || input === "") return "";

    var number = Number(input);
    if (isNaN(number) || number < 0 || number % 1 !== 0) return "";

    if (number === 0) return "Không";

    var units = ["không", "một", "hai", "ba", "bốn", "năm", "sáu", "bảy", "tám", "chín"];

    var scales = ["", "nghìn", "triệu", "tỷ", "nghìn tỷ", "triệu tỷ"];

    function readThreeDigits(num, isFull) {
      var result = "";
      var hundred = Math.floor(num / 100);
      var ten = Math.floor((num % 100) / 10);
      var unit = num % 10;

      if (hundred > 0 || isFull) {
        result += units[hundred] + " trăm";
        if (ten === 0 && unit > 0) result += " lẻ";
      }

      if (ten > 1) {
        result += " " + units[ten] + " mươi";
        if (unit === 1) result += " mốt";
        else if (unit === 5) result += " lăm";
        else if (unit > 0) result += " " + units[unit];
      } else if (ten === 1) {
        result += " mười";
        if (unit === 5) result += " lăm";
        else if (unit > 0) result += " " + units[unit];
      } else if (ten === 0 && unit > 0 && hundred === 0 && !isFull) {
        result += units[unit];
      }

      return result.trim();
    }

    var result = "";
    var scaleIndex = 0;

    while (number > 0) {
      var chunk = number % 1000;

      if (chunk > 0) {
        var isFull = result !== "";
        result =
          readThreeDigits(chunk, isFull) +
          (scales[scaleIndex] ? " " + scales[scaleIndex] : "") +
          (result ? " " + result : "");
      }

      number = Math.floor(number / 1000);
      scaleIndex++;
    }

    result = result.trim();
    return result.charAt(0).toUpperCase() + result.slice(1);
  };

  const formatDateVN = (input, { withTime = false, withSeconds = false } = {}) => {
    if (!input) return "";

    const date = new Date(input);
    if (isNaN(date.getTime())) return "";

    const pad = (n) => String(n).padStart(2, "0");

    const day = pad(date.getDate());
    const month = pad(date.getMonth() + 1);
    const year = date.getFullYear();

    let result = `${day}/${month}/${year}`;

    if (withTime) {
      const hours = pad(date.getHours());
      const minutes = pad(date.getMinutes());
      result += ` ${hours}:${minutes}`;

      if (withSeconds) {
        const seconds = pad(date.getSeconds());
        result += `:${seconds}`;
      }
    }

    return result;
  };

  const numberToVietnameseCurrency = (amount) => {
    if (amount === null || amount === undefined || amount === "") return "";

    amount = Number(amount);
    if (isNaN(amount)) return "";

    const units = ["", "một", "hai", "ba", "bốn", "năm", "sáu", "bảy", "tám", "chín"];
    const scales = ["", "nghìn", "triệu", "tỷ"];

    function readThreeDigits(num) {
      let result = "";
      const hundred = Math.floor(num / 100);
      const ten = Math.floor((num % 100) / 10);
      const unit = num % 10;

      if (hundred > 0) {
        result += units[hundred] + " trăm";
        if (ten === 0 && unit > 0) result += " lẻ";
      }

      if (ten > 1) {
        result += " " + units[ten] + " mươi";
        if (unit === 1) result += " mốt";
        else if (unit === 5) result += " lăm";
        else if (unit > 0) result += " " + units[unit];
      } else if (ten === 1) {
        result += " mười";
        if (unit === 5) result += " lăm";
        else if (unit > 0) result += " " + units[unit];
      } else if (ten === 0 && unit > 0 && hundred === 0) {
        result += units[unit];
      }

      return result.trim();
    }

    let text = "";
    let scaleIndex = 0;

    while (amount > 0) {
      const chunk = amount % 1000;
      if (chunk > 0) {
        text = `${readThreeDigits(chunk)} ${scales[scaleIndex]} ${text}`;
      }
      amount = Math.floor(amount / 1000);
      scaleIndex++;
    }

    text = text.trim();
    text = text.charAt(0).toUpperCase() + text.slice(1);

    return text;
  };

  const getFirstAndLastName = (fullName, showDots) => {
    if (!fullName) return "";

    var parts = fullName.trim().replace(/\s+/g, " ").split(" ");

    if (parts.length === 1) return parts[0];

    var first = parts[0];
    var last = parts[parts.length - 1];

    return showDots ? first + "..." + last : first + " " + last;
  };

  const paymentQR = (content = "", bankCode = "MB", amount = 0) => {
    const listBanks = [
      {
        bank: {
          code: "MB",
          name: "MB Bank",
        },
        account: {
          number: "146768686868",
          name: "CONG TY CO PHAN BAT DONG SAN UTOPIA",
        },
        content: "Thanh toán hóa đơn",
      },
    ];

    let bankInfo = listBanks.find(
      (item) => item.bank.code && bankCode && item.bank.code.toLowerCase() === bankCode.toLowerCase(),
    );

    if (!bankInfo) return;

    const params = new URLSearchParams({
      addInfo: content || bankInfo.content,
      accountName: bankInfo.account.name || "",
      amount: amount || 0,
    });
    return `https://img.vietqr.io/image/${bankInfo.bank.code}-${bankInfo.account.number}-print.png?${params.toString()}`;
  };

  function shortenCurrency(amount) {
    return new Intl.NumberFormat("en", { notation: "compact" }).format(Number(amount));
  }

  return {
    provide: {
      dialog,
      snackbar,
      getLink,
      errPhone,
      errEmail,
      errPhoneEmail,
      dummy,
      upload,
      change,
      resetNull,
      copyToClipboard,
      nonAccent,
      linkID,
      exportpdf,
      exportImage,
      vnmoney,
      createMeta,
      dayjs,
      download,
      lang,
      formatFileSize,
      numberToVietnamese,
      numberToVietnameseCurrency,
      formatDateVN,
      getFirstAndLastName,
      paymentQR,
      shortenCurrency,
    },
  };
});