import { t as __exportAll } from "./assets/rolldown-runtime-rSIU-vHC.js";
import { n as M, t as B } from "./assets/index.esm-0G7eAEV5.js";
import "./assets/ActionMessage-DRAWBZho.js";
import { t as _plugin_vue_export_helper_default } from "./assets/_plugin-vue_export-helper-BjJHhBxR.js";
import { n as _sfc_main$62, t as _sfc_main$61 } from "./assets/TextInput-DZTdLzEa.js";
import { t as _sfc_main$63 } from "./assets/PrimaryButton-Dr7TBaPo.js";
import { t as _sfc_main$64 } from "./assets/SecondaryButton-ub85RH3e.js";
import { Head, Link, createInertiaApp, router, useForm, usePage } from "@inertiajs/vue3";
import createServer from "@inertiajs/vue3/server";
import { renderToString } from "@vue/server-renderer";
import Notifications, { notify } from "notiwind";
import { Fragment, computed, createBlock, createCommentVNode, createSSRApp, createTextVNode, createVNode, h, mergeProps, nextTick, onBeforeUnmount, onMounted, onUnmounted, openBlock, reactive, ref, renderList, renderSlot, resolveComponent, toDisplayString, unref, useSSRContext, useSlots, vModelRadio, vModelSelect, watch, watchEffect, withCtx, withDirectives, withKeys } from "vue";
import { createI18n, useI18n } from "vue-i18n";
import { ssrGetDirectiveProps, ssrGetDynamicModelProps, ssrIncludeBooleanAttr, ssrInterpolate, ssrLooseContain, ssrLooseEqual, ssrRenderAttr, ssrRenderAttrs, ssrRenderClass, ssrRenderComponent, ssrRenderList, ssrRenderSlot, ssrRenderStyle, ssrRenderTeleport } from "vue/server-renderer";
import dayjs from "dayjs";
import debounce from "lodash/debounce.js";
import axios$1 from "axios";
import { BrowserMultiFormatReader } from "@zxing/browser";
import { BarcodeFormat, DecodeHintType, NotFoundException } from "@zxing/library";
import { VueDatePicker } from "@vuepic/vue-datepicker";
import isEqual from "lodash/isEqual.js";
import JsBarcode from "jsbarcode";
import QRCode from "qrcode";
var languages_default = {
	instruction: "App dropdown uses the below available array. Set rtl: true for RTL languages.",
	available: [
		{
			"value": "ar",
			"label": "Arabic",
			"flag": "SA",
			"rtl": true
		},
		{
			"value": "zh",
			"label": "Chinese",
			"flag": "CN",
			"rtl": false
		},
		{
			"value": "en",
			"label": "English",
			"flag": "US",
			"rtl": false
		},
		{
			"value": "fr",
			"label": "French",
			"flag": "FR",
			"rtl": false
		},
		{
			"value": "de",
			"label": "German",
			"flag": "DE",
			"rtl": false
		},
		{
			"value": "id",
			"label": "Indonesian",
			"flag": "ID",
			"rtl": false
		},
		{
			"value": "it",
			"label": "Italian",
			"flag": "IT",
			"rtl": false
		},
		{
			"value": "ja",
			"label": "Japanese",
			"flag": "JP",
			"rtl": false
		},
		{
			"value": "ko",
			"label": "Korean",
			"flag": "KR",
			"rtl": false
		},
		{
			"value": "pt",
			"label": "Portuguese",
			"flag": "PT",
			"rtl": false
		},
		{
			"value": "ru",
			"label": "Russian",
			"flag": "RU",
			"rtl": false
		},
		{
			"value": "es",
			"label": "Spanish",
			"flag": "ES",
			"rtl": false
		},
		{
			"value": "th",
			"label": "Thai",
			"flag": "TH",
			"rtl": false
		},
		{
			"value": "tr",
			"label": "Turkish",
			"flag": "TR",
			"rtl": false
		}
	]
};
//#endregion
//#region resources/js/Core/i18n.js
var LANGUAGES = languages_default.available;
var SUPPORT_LOCALES = languages_default.available.map((l) => l.value);
var RTL_LOCALES = languages_default.available.filter((l) => l.rtl).map((l) => l.value);
var isRtlLocale = (locale) => RTL_LOCALES.includes(locale);
var getDocumentDirection = (locale) => isRtlLocale(locale) ? "rtl" : "ltr";
var i18n = createI18n({
	messages: {},
	legacy: false,
	missingWarn: true,
	mode: "composition",
	fallbackWarn: false,
	fallbackLocale: "en",
	warnHtmlMessage: false,
	locale: typeof window === "undefined" ? "en" : window.Locale || "en",
	missing: async (locale, key) => {}
});
var loadedLocales = /* @__PURE__ */ new Set();
/**
* Fetch a language file from the backend and register it with vue-i18n.
* Falls back silently if the request fails so the UI keeps rendering keys.
*
* @param {string} locale
* @param {{ force?: boolean }} [options]
* @returns {Promise<void>}
*/
async function loadLocaleMessages(locale, { force = false } = {}) {
	if (typeof window === "undefined" || !locale) return;
	if (!force && loadedLocales.has(locale)) return;
	if (!SUPPORT_LOCALES.includes(locale)) return;
	try {
		const response = await fetch(`/lang/${locale}`, {
			headers: { Accept: "application/json" },
			credentials: "same-origin",
			cache: "no-cache"
		});
		if (!response.ok) throw new Error(`HTTP ${response.status}`);
		const messages = await response.json();
		i18n.global.setLocaleMessage(locale, {
			...messages,
			default: "default"
		});
		loadedLocales.add(locale);
	} catch (error) {
		console.error(`Failed to load "${locale}" language file.`, error);
	}
}
//#endregion
//#region resources/js/Core/shortcuts.js
function shortcuts(e) {
	if (e.ctrlKey && e.shiftKey) switch (e.code) {
		case "KeyS":
			router.visit(B("sales.index"));
			break;
		case "KeyC":
			router.visit(B("customers.index"));
			break;
	}
	else if (e.ctrlKey && e.altKey) switch (e.code) {
		case "KeyX":
			router.visit(B("pos"));
			break;
		case "KeyS":
			router.visit(B("sales.create"));
			break;
		case "KeyC":
			router.visit(B("customers.index", { create: true }));
			break;
	}
}
//#endregion
//#region resources/js/Components/Jet/SectionTitle.vue
var _sfc_main$60 = {};
function _sfc_ssrRender$5(_ctx, _push, _parent, _attrs) {
	_push(`<div${ssrRenderAttrs(mergeProps({ class: "md:col-span-1 lg:flex lg:justify-between" }, _attrs))}><div class="px-4 sm:px-0"><h3 class="text-lg font-medium text-gray-900 dark:text-gray-100">`);
	ssrRenderSlot(_ctx.$slots, "title", {}, null, _push, _parent);
	_push(`</h3><p class="mt-1 text-sm text-gray-600 dark:text-gray-400">`);
	ssrRenderSlot(_ctx.$slots, "description", {}, null, _push, _parent);
	_push(`</p></div><div class="px-4 sm:px-0">`);
	ssrRenderSlot(_ctx.$slots, "aside", {}, null, _push, _parent);
	_push(`</div></div>`);
}
var _sfc_setup$60 = _sfc_main$60.setup;
_sfc_main$60.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Jet/SectionTitle.vue");
	return _sfc_setup$60 ? _sfc_setup$60(props, ctx) : void 0;
};
var SectionTitle_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main$60, [["ssrRender", _sfc_ssrRender$5]]);
//#endregion
//#region resources/js/Components/Jet/ActionSection.vue
var _sfc_main$59 = {
	__name: "ActionSection",
	__ssrInlineRender: true,
	setup(__props) {
		return (_ctx, _push, _parent, _attrs) => {
			_push(`<div${ssrRenderAttrs(mergeProps({ class: "md:grid md:grid-cols-3 md:gap-6" }, _attrs))}>`);
			_push(ssrRenderComponent(SectionTitle_default, null, {
				title: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) ssrRenderSlot(_ctx.$slots, "title", {}, null, _push, _parent, _scopeId);
					else return [renderSlot(_ctx.$slots, "title")];
				}),
				description: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) ssrRenderSlot(_ctx.$slots, "description", {}, null, _push, _parent, _scopeId);
					else return [renderSlot(_ctx.$slots, "description")];
				}),
				_: 3
			}, _parent));
			_push(`<div class="mt-5 md:col-span-2 md:mt-0"><div class="bg-white px-4 py-5 shadow-sm sm:rounded-lg sm:p-6 dark:bg-gray-900">`);
			ssrRenderSlot(_ctx.$slots, "content", {}, null, _push, _parent);
			_push(`</div></div></div>`);
		};
	}
};
var _sfc_setup$59 = _sfc_main$59.setup;
_sfc_main$59.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Jet/ActionSection.vue");
	return _sfc_setup$59 ? _sfc_setup$59(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Jet/ApplicationLogo.vue
var _sfc_main$58 = {};
function _sfc_ssrRender$4(_ctx, _push, _parent, _attrs) {
	_push(`<!--[--><img${ssrRenderAttr("alt", _ctx.$page.props.settings.name || "SMA")}${ssrRenderAttr("src", _ctx.$page.props.settings.logo || "/img/sma.svg")} class="h-full max-h-16 min-h-5 max-w-52 dark:hidden"><img${ssrRenderAttr("alt", _ctx.$page.props.settings.name || "SMA")}${ssrRenderAttr("src", _ctx.$page.props.settings.logo_dark || "/img/sma-light.svg")} class="hidden h-full max-h-16 min-h-5 max-w-52 dark:block"><!--]-->`);
}
var _sfc_setup$58 = _sfc_main$58.setup;
_sfc_main$58.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Jet/ApplicationLogo.vue");
	return _sfc_setup$58 ? _sfc_setup$58(props, ctx) : void 0;
};
var ApplicationLogo_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main$58, [["ssrRender", _sfc_ssrRender$4]]);
//#endregion
//#region resources/js/Components/Jet/ApplicationMark.vue
var _sfc_main$57 = {};
function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs) {
	_push(`<!--[--><img${ssrRenderAttr("alt", _ctx.$page.props.settings.short_name || "SMA")}${ssrRenderAttr("src", _ctx.$page.props.settings.icon || "/img/sma-icon.svg")} class="h-full max-h-16 min-h-5 dark:hidden"><img${ssrRenderAttr("alt", _ctx.$page.props.settings.short_name || "SMA")}${ssrRenderAttr("src", _ctx.$page.props.settings.icon_dark || "/img/sma-icon-light.svg")} class="hidden h-full max-h-16 min-h-5 dark:block"><!--]-->`);
}
var _sfc_setup$57 = _sfc_main$57.setup;
_sfc_main$57.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Jet/ApplicationMark.vue");
	return _sfc_setup$57 ? _sfc_setup$57(props, ctx) : void 0;
};
var ApplicationMark_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main$57, [["ssrRender", _sfc_ssrRender$3]]);
//#endregion
//#region resources/js/Components/Jet/AuthenticationCard.vue
var _sfc_main$56 = {};
function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs) {
	_push(`<div${ssrRenderAttrs(mergeProps({ class: "flex min-h-screen flex-col items-center bg-gray-100 pt-6 sm:justify-center sm:pt-0 dark:bg-gray-900" }, _attrs))}><div class="h-16">`);
	ssrRenderSlot(_ctx.$slots, "logo", {}, null, _push, _parent);
	_push(`</div><div class="mt-6 w-full overflow-hidden bg-white px-6 py-4 shadow-md sm:max-w-md sm:rounded-lg dark:bg-gray-800">`);
	ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
	_push(`</div></div>`);
}
var _sfc_setup$56 = _sfc_main$56.setup;
_sfc_main$56.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Jet/AuthenticationCard.vue");
	return _sfc_setup$56 ? _sfc_setup$56(props, ctx) : void 0;
};
var AuthenticationCard_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main$56, [["ssrRender", _sfc_ssrRender$2]]);
//#endregion
//#region resources/js/Components/Jet/AuthenticationCardLogo.vue
var _sfc_main$55 = {
	__name: "AuthenticationCardLogo",
	__ssrInlineRender: true,
	setup(__props) {
		return (_ctx, _push, _parent, _attrs) => {
			_push(ssrRenderComponent(unref(Link), mergeProps({ href: "/" }, _attrs), {
				default: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) _push(ssrRenderComponent(ApplicationLogo_default, null, null, _parent, _scopeId));
					else return [createVNode(ApplicationLogo_default)];
				}),
				_: 1
			}, _parent));
		};
	}
};
var _sfc_setup$55 = _sfc_main$55.setup;
_sfc_main$55.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Jet/AuthenticationCardLogo.vue");
	return _sfc_setup$55 ? _sfc_setup$55(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Jet/Banner.vue
var _sfc_main$54 = {
	__name: "Banner",
	__ssrInlineRender: true,
	setup(__props) {
		const page = usePage();
		const show = ref(true);
		const style = ref("success");
		const message = ref("");
		watchEffect(async () => {
			style.value = page.props.jetstream.flash?.bannerStyle || "success";
			message.value = page.props.jetstream.flash?.banner || "";
			show.value = true;
		});
		return (_ctx, _push, _parent, _attrs) => {
			_push(`<div${ssrRenderAttrs(_attrs)}>`);
			if (show.value && message.value) {
				_push(`<div class="${ssrRenderClass({
					"bg-primary-500": style.value == "success",
					"bg-red-700": style.value == "danger"
				})}"><div class="mx-auto max-w-(--breakpoint-xl) px-3 py-2 sm:px-6 lg:px-8"><div class="flex flex-wrap items-center justify-between"><div class="flex w-0 min-w-0 flex-1 items-center"><span class="${ssrRenderClass([{
					"bg-primary-600": style.value == "success",
					"bg-red-600": style.value == "danger"
				}, "flex rounded-lg p-2"])}">`);
				if (style.value == "success") _push(`<svg class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>`);
				else _push(`<!---->`);
				if (style.value == "danger") _push(`<svg class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"></path></svg>`);
				else _push(`<!---->`);
				_push(`</span><p class="ms-3 truncate text-sm font-medium text-white">${ssrInterpolate(message.value)}</p></div><div class="shrink-0 sm:ms-3"><button type="button" class="${ssrRenderClass([{
					"hover:bg-primary-600 focus:bg-primary-600": style.value == "success",
					"hover:bg-red-600 focus:bg-red-600": style.value == "danger"
				}, "-me-1 flex rounded-md p-2 transition focus:outline-hidden sm:-me-2"])}" aria-label="Dismiss"><svg class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path></svg></button></div></div></div></div>`);
			} else _push(`<!---->`);
			_push(`</div>`);
		};
	}
};
var _sfc_setup$54 = _sfc_main$54.setup;
_sfc_main$54.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Jet/Banner.vue");
	return _sfc_setup$54 ? _sfc_setup$54(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Jet/Checkbox.vue
var _sfc_main$53 = {
	__name: "Checkbox",
	__ssrInlineRender: true,
	props: {
		checked: {
			type: [Array, Boolean],
			default: false
		},
		value: {
			type: String,
			default: null
		}
	},
	emits: ["update:checked"],
	setup(__props, { emit: __emit }) {
		const emit = __emit;
		const props = __props;
		const proxyChecked = computed({
			get() {
				return props.checked;
			},
			set(val) {
				emit("update:checked", val);
			}
		});
		return (_ctx, _push, _parent, _attrs) => {
			let _temp0;
			_push(`<input${ssrRenderAttrs((_temp0 = mergeProps({
				value: __props.value,
				type: "checkbox",
				checked: Array.isArray(proxyChecked.value) ? ssrLooseContain(proxyChecked.value, __props.value) : proxyChecked.value,
				class: "rounded-sm border-gray-300 text-primary-600 shadow-xs focus:ring-primary-500 dark:border-gray-700 dark:bg-gray-900 dark:focus:ring-primary-600 dark:focus:ring-offset-gray-800"
			}, _attrs), mergeProps(_temp0, ssrGetDynamicModelProps(_temp0, proxyChecked.value))))}>`);
		};
	}
};
var _sfc_setup$53 = _sfc_main$53.setup;
_sfc_main$53.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Jet/Checkbox.vue");
	return _sfc_setup$53 ? _sfc_setup$53(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Jet/Modal.vue
var _sfc_main$52 = {
	__name: "Modal",
	__ssrInlineRender: true,
	props: {
		show: {
			type: Boolean,
			default: false
		},
		maxWidth: {
			type: String,
			default: "2xl"
		},
		closeable: {
			type: Boolean,
			default: true
		},
		backdrop: {
			type: Boolean,
			default: true
		},
		round: {
			type: Boolean,
			default: false
		},
		transparent: {
			type: Boolean,
			default: false
		},
		overflow: {
			type: Boolean,
			default: false
		}
	},
	emits: ["close"],
	setup(__props, { emit: __emit }) {
		const props = __props;
		const emit = __emit;
		ref(null);
		const showSlot = ref(props.show);
		watch(() => props.show, async () => {
			if (props.show) {
				document.body.classList.add("modal-open");
				document.body.style.overflow = "hidden";
				showSlot.value = true;
			} else {
				await nextTick();
				let rc = 0;
				document.querySelectorAll("body .modal").forEach((el) => {
					if (el.checkVisibility()) rc++;
				});
				if (rc <= 0) {
					document.body.style.overflow = null;
					document.body.classList.remove("modal-open");
				}
				setTimeout(() => {
					showSlot.value = false;
				}, 200);
			}
		});
		const close = (backdrop) => {
			if (backdrop && props.backdrop) emit("close");
			else if (!backdrop && props.closeable) emit("close");
		};
		const closeOnEscape = (e) => {
			if (e.key === "Escape") {
				e.preventDefault();
				if (props.show) close();
			}
		};
		onMounted(() => document.addEventListener("keydown", closeOnEscape));
		onUnmounted(() => {
			document.removeEventListener("keydown", closeOnEscape);
			document.body.style.overflow = null;
		});
		const maxWidthClass = computed(() => {
			return {
				sm: "sm:max-w-sm",
				md: "sm:max-w-md",
				lg: "sm:max-w-lg",
				xl: "sm:max-w-xl",
				"2xl": "sm:max-w-2xl",
				"3xl": "sm:max-w-3xl",
				"4xl": "sm:max-w-4xl"
			}[props.maxWidth];
		});
		return (_ctx, _push, _parent, _attrs) => {
			const _component_Icon = resolveComponent("Icon");
			ssrRenderTeleport(_push, (_push) => {
				_push(`<div class="modal m-0 min-h-full min-w-full overflow-y-auto bg-transparent backdrop:bg-transparent" style="${ssrRenderStyle(__props.show ? null : { display: "none" })}"><div class="fixed inset-0 z-50 overflow-y-auto px-4 py-6 sm:px-0 print:static" scroll-region><div class="fixed inset-0 transform backdrop-blur-xs transition-all print:hidden" style="${ssrRenderStyle(__props.show ? null : { display: "none" })}"><div class="absolute inset-0 bg-gray-100 opacity-75 dark:bg-gray-900"></div></div><div class="flex min-h-full items-center justify-center sm:px-4 lg:px-0 print:items-start sm:print:items-start" style="${ssrRenderStyle(__props.show ? null : { display: "none" })}"><div class="${ssrRenderClass([[
					{ "overflow-hidden": !__props.overflow },
					__props.round ? "rounded-2xl" : "rounded-lg",
					__props.transparent ? "max-w-fit bg-transparent" : "bg-white shadow-xl dark:bg-gray-800 " + maxWidthClass.value
				], "relative w-full transform transition-all sm:mx-auto print:shadow-none sm:print:w-full sm:print:max-w-full"])}" style="${ssrRenderStyle(__props.show ? null : { display: "none" })}">`);
				if (__props.closeable) {
					_push(`<div class="absolute end-0 top-0 pe-4 pt-4 print:hidden"><button type="button" class="text-mute rounded-md hover:text-gray-700 focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 focus:outline-hidden dark:hover:text-gray-300"><span class="sr-only">${ssrInterpolate(_ctx.$t("Close"))}</span>`);
					_push(ssrRenderComponent(_component_Icon, {
						name: "x",
						size: "size-6"
					}, null, _parent));
					_push(`</button></div>`);
				} else _push(`<!---->`);
				if (showSlot.value) ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
				else _push(`<!---->`);
				_push(`</div></div></div></div>`);
			}, "body", false, _parent);
		};
	}
};
var _sfc_setup$52 = _sfc_main$52.setup;
_sfc_main$52.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Jet/Modal.vue");
	return _sfc_setup$52 ? _sfc_setup$52(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Jet/ConfirmationModal.vue
var _sfc_main$51 = {
	__name: "ConfirmationModal",
	__ssrInlineRender: true,
	props: {
		show: {
			type: Boolean,
			default: false
		},
		maxWidth: {
			type: String,
			default: "2xl"
		},
		closeable: {
			type: Boolean,
			default: true
		}
	},
	emits: ["close"],
	setup(__props, { emit: __emit }) {
		const emit = __emit;
		const close = () => {
			emit("close");
		};
		return (_ctx, _push, _parent, _attrs) => {
			_push(ssrRenderComponent(_sfc_main$52, mergeProps({
				show: __props.show,
				"max-width": __props.maxWidth,
				closeable: __props.closeable,
				onClose: close
			}, _attrs), {
				default: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) {
						_push(`<div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4 dark:bg-gray-800"${_scopeId}><div class="sm:flex sm:items-start"${_scopeId}><div class="mx-auto flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10"${_scopeId}><svg class="h-6 w-6 text-red-600 dark:text-red-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"${_scopeId}><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"${_scopeId}></path></svg></div><div class="mt-3 text-center sm:ms-4 sm:mt-0 sm:text-start"${_scopeId}><h3 class="text-lg font-medium text-gray-900 dark:text-gray-100"${_scopeId}>`);
						ssrRenderSlot(_ctx.$slots, "title", {}, null, _push, _parent, _scopeId);
						_push(`</h3><div class="mt-4 text-sm text-gray-600 dark:text-gray-400"${_scopeId}>`);
						ssrRenderSlot(_ctx.$slots, "content", {}, null, _push, _parent, _scopeId);
						_push(`</div></div></div></div><div class="flex flex-row justify-end bg-gray-100 px-6 py-4 text-end dark:bg-gray-800"${_scopeId}>`);
						ssrRenderSlot(_ctx.$slots, "footer", {}, null, _push, _parent, _scopeId);
						_push(`</div>`);
					} else return [createVNode("div", { class: "bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4 dark:bg-gray-800" }, [createVNode("div", { class: "sm:flex sm:items-start" }, [createVNode("div", { class: "mx-auto flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10" }, [(openBlock(), createBlock("svg", {
						class: "h-6 w-6 text-red-600 dark:text-red-400",
						xmlns: "http://www.w3.org/2000/svg",
						fill: "none",
						viewBox: "0 0 24 24",
						"stroke-width": "1.5",
						stroke: "currentColor"
					}, [createVNode("path", {
						"stroke-linecap": "round",
						"stroke-linejoin": "round",
						d: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"
					})]))]), createVNode("div", { class: "mt-3 text-center sm:ms-4 sm:mt-0 sm:text-start" }, [createVNode("h3", { class: "text-lg font-medium text-gray-900 dark:text-gray-100" }, [renderSlot(_ctx.$slots, "title")]), createVNode("div", { class: "mt-4 text-sm text-gray-600 dark:text-gray-400" }, [renderSlot(_ctx.$slots, "content")])])])]), createVNode("div", { class: "flex flex-row justify-end bg-gray-100 px-6 py-4 text-end dark:bg-gray-800" }, [renderSlot(_ctx.$slots, "footer")])];
				}),
				_: 3
			}, _parent));
		};
	}
};
var _sfc_setup$51 = _sfc_main$51.setup;
_sfc_main$51.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Jet/ConfirmationModal.vue");
	return _sfc_setup$51 ? _sfc_setup$51(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Jet/DialogModal.vue
var _sfc_main$50 = {
	__name: "DialogModal",
	__ssrInlineRender: true,
	props: {
		show: {
			type: Boolean,
			default: false
		},
		maxWidth: {
			type: String,
			default: "lg"
		},
		closeable: {
			type: Boolean,
			default: true
		},
		round: {
			type: Boolean,
			default: false
		}
	},
	emits: ["close"],
	setup(__props, { emit: __emit }) {
		const emit = __emit;
		const close = () => {
			emit("close");
		};
		return (_ctx, _push, _parent, _attrs) => {
			_push(ssrRenderComponent(_sfc_main$52, mergeProps({
				show: __props.show,
				"max-width": __props.maxWidth,
				round: __props.round,
				closeable: __props.closeable,
				onClose: close
			}, _attrs), {
				default: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) {
						_push(`<div class="px-6 py-4"${_scopeId}><div class="text-focus text-lg font-medium"${_scopeId}>`);
						ssrRenderSlot(_ctx.$slots, "title", {}, null, _push, _parent, _scopeId);
						_push(`</div><div class="text-mute mt-4 text-sm"${_scopeId}>`);
						ssrRenderSlot(_ctx.$slots, "content", {}, null, _push, _parent, _scopeId);
						_push(`</div></div><div class="flex flex-row justify-end bg-gray-100 px-6 py-4 text-end dark:bg-gray-950"${_scopeId}>`);
						ssrRenderSlot(_ctx.$slots, "footer", {}, null, _push, _parent, _scopeId);
						_push(`</div>`);
					} else return [createVNode("div", { class: "px-6 py-4" }, [createVNode("div", { class: "text-focus text-lg font-medium" }, [renderSlot(_ctx.$slots, "title")]), createVNode("div", { class: "text-mute mt-4 text-sm" }, [renderSlot(_ctx.$slots, "content")])]), createVNode("div", { class: "flex flex-row justify-end bg-gray-100 px-6 py-4 text-end dark:bg-gray-950" }, [renderSlot(_ctx.$slots, "footer")])];
				}),
				_: 3
			}, _parent));
		};
	}
};
var _sfc_setup$50 = _sfc_main$50.setup;
_sfc_main$50.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Jet/DialogModal.vue");
	return _sfc_setup$50 ? _sfc_setup$50(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Jet/ConfirmsPassword.vue
var _sfc_main$49 = {
	__name: "ConfirmsPassword",
	__ssrInlineRender: true,
	props: {
		title: { type: String },
		content: { type: String },
		button: { type: String }
	},
	emits: ["confirmed"],
	setup(__props, { emit: __emit }) {
		const emit = __emit;
		const confirmingPassword = ref(false);
		const form = reactive({
			password: "",
			error: "",
			processing: false
		});
		const passwordInput = ref(null);
		const confirmPassword = () => {
			form.processing = true;
			axios.post(route("password.confirm"), { password: form.password }).then(() => {
				form.processing = false;
				closeModal();
				nextTick().then(() => emit("confirmed"));
			}).catch((error) => {
				form.processing = false;
				form.error = error.response.data.errors.password[0];
				passwordInput.value.focus();
			});
		};
		const closeModal = () => {
			confirmingPassword.value = false;
			form.password = "";
			form.error = "";
		};
		return (_ctx, _push, _parent, _attrs) => {
			_push(`<span${ssrRenderAttrs(_attrs)}><span>`);
			ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
			_push(`</span>`);
			_push(ssrRenderComponent(_sfc_main$50, {
				show: confirmingPassword.value,
				onClose: closeModal,
				maxWidth: "md"
			}, {
				title: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) _push(`${ssrInterpolate(__props.title || _ctx.$t("Confirm Password"))}`);
					else return [createTextVNode(toDisplayString(__props.title || _ctx.$t("Confirm Password")), 1)];
				}),
				content: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) {
						_push(`${ssrInterpolate(__props.content || _ctx.$t("For your security, please confirm your password to continue."))} <div class="mt-4"${_scopeId}>`);
						_push(ssrRenderComponent(_sfc_main$61, {
							type: "password",
							ref_key: "passwordInput",
							ref: passwordInput,
							placeholder: "Password",
							modelValue: form.password,
							"onUpdate:modelValue": ($event) => form.password = $event,
							class: "mt-1 block w-full",
							autocomplete: "current-password",
							onKeyup: confirmPassword
						}, null, _parent, _scopeId));
						_push(ssrRenderComponent(_sfc_main$62, {
							message: form.error,
							class: "mt-2"
						}, null, _parent, _scopeId));
						_push(`</div>`);
					} else return [createTextVNode(toDisplayString(__props.content || _ctx.$t("For your security, please confirm your password to continue.")) + " ", 1), createVNode("div", { class: "mt-4" }, [createVNode(_sfc_main$61, {
						type: "password",
						ref_key: "passwordInput",
						ref: passwordInput,
						placeholder: "Password",
						modelValue: form.password,
						"onUpdate:modelValue": ($event) => form.password = $event,
						class: "mt-1 block w-full",
						autocomplete: "current-password",
						onKeyup: withKeys(confirmPassword, ["enter"])
					}, null, 8, ["modelValue", "onUpdate:modelValue"]), createVNode(_sfc_main$62, {
						message: form.error,
						class: "mt-2"
					}, null, 8, ["message"])])];
				}),
				footer: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) {
						_push(ssrRenderComponent(_sfc_main$64, { onClick: closeModal }, {
							default: withCtx((_, _push, _parent, _scopeId) => {
								if (_push) _push(`${ssrInterpolate(_ctx.$t("Cancel"))}`);
								else return [createTextVNode(toDisplayString(_ctx.$t("Cancel")), 1)];
							}),
							_: 1
						}, _parent, _scopeId));
						_push(ssrRenderComponent(_sfc_main$63, {
							class: ["ms-3", { "opacity-25": form.processing }],
							disabled: form.processing,
							onClick: confirmPassword
						}, {
							default: withCtx((_, _push, _parent, _scopeId) => {
								if (_push) _push(`${ssrInterpolate(__props.button || _ctx.$t("Confirm"))}`);
								else return [createTextVNode(toDisplayString(__props.button || _ctx.$t("Confirm")), 1)];
							}),
							_: 1
						}, _parent, _scopeId));
					} else return [createVNode(_sfc_main$64, { onClick: closeModal }, {
						default: withCtx(() => [createTextVNode(toDisplayString(_ctx.$t("Cancel")), 1)]),
						_: 1
					}), createVNode(_sfc_main$63, {
						class: ["ms-3", { "opacity-25": form.processing }],
						disabled: form.processing,
						onClick: confirmPassword
					}, {
						default: withCtx(() => [createTextVNode(toDisplayString(__props.button || _ctx.$t("Confirm")), 1)]),
						_: 1
					}, 8, ["class", "disabled"])];
				}),
				_: 1
			}, _parent));
			_push(`</span>`);
		};
	}
};
var _sfc_setup$49 = _sfc_main$49.setup;
_sfc_main$49.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Jet/ConfirmsPassword.vue");
	return _sfc_setup$49 ? _sfc_setup$49(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Jet/DangerButton.vue
var _sfc_main$48 = {
	__name: "DangerButton",
	__ssrInlineRender: true,
	props: { type: {
		type: String,
		default: "button"
	} },
	setup(__props) {
		return (_ctx, _push, _parent, _attrs) => {
			_push(`<button${ssrRenderAttrs(mergeProps({
				type: __props.type,
				class: "btn-danger"
			}, _attrs))}>`);
			ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
			_push(`</button>`);
		};
	}
};
var _sfc_setup$48 = _sfc_main$48.setup;
_sfc_main$48.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Jet/DangerButton.vue");
	return _sfc_setup$48 ? _sfc_setup$48(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Jet/Dropdown.vue
var _sfc_main$47 = {
	__name: "Dropdown",
	__ssrInlineRender: true,
	props: {
		align: {
			type: String,
			default: "right"
		},
		valign: {
			type: String,
			default: "bottom"
		},
		width: {
			type: String,
			default: "48"
		},
		autoClose: {
			type: Boolean,
			default: true
		},
		contentClasses: {
			type: Array,
			default: () => ["py-1", "bg-white dark:bg-gray-700"]
		}
	},
	setup(__props) {
		const props = __props;
		const open = ref(false);
		const closeOnEscape = (e) => {
			if (open.value && e.key === "Escape") open.value = false;
		};
		onMounted(() => document.addEventListener("keydown", closeOnEscape));
		onUnmounted(() => document.removeEventListener("keydown", closeOnEscape));
		const widthClass = computed(() => {
			return {
				40: "w-40",
				48: "w-48",
				56: "w-56",
				64: "w-64"
			}[props.width.toString()];
		});
		const alignmentClasses = computed(() => {
			if (props.align === "left") return "ltr:origin-top-left rtl:origin-top-right start-0";
			if (props.align === "right") return "ltr:origin-top-right rtl:origin-top-left end-0";
			return "origin-top";
		});
		return (_ctx, _push, _parent, _attrs) => {
			_push(`<div${ssrRenderAttrs(mergeProps({ class: "relative z-20" }, _attrs))}><div>`);
			ssrRenderSlot(_ctx.$slots, "trigger", {}, null, _push, _parent);
			_push(`</div><div class="fixed inset-0 z-40" style="${ssrRenderStyle(open.value ? null : { display: "none" })}"></div><div style="${ssrRenderStyle([{ "display": "none" }, open.value ? null : { display: "none" }])}" class="${ssrRenderClass([[
				widthClass.value,
				alignmentClasses.value,
				__props.valign == "top" ? "bottom-full" : "top-full"
			], "absolute z-50 my-2 rounded-md shadow-lg"])}"><div class="${ssrRenderClass([__props.contentClasses, "rounded-md ring-1 ring-black/5"])}">`);
			ssrRenderSlot(_ctx.$slots, "content", {}, null, _push, _parent);
			_push(`</div></div></div>`);
		};
	}
};
var _sfc_setup$47 = _sfc_main$47.setup;
_sfc_main$47.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Jet/Dropdown.vue");
	return _sfc_setup$47 ? _sfc_setup$47(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Jet/DropdownLink.vue
var _sfc_main$46 = {
	__name: "DropdownLink",
	__ssrInlineRender: true,
	props: {
		href: String,
		as: String
	},
	setup(__props) {
		return (_ctx, _push, _parent, _attrs) => {
			_push(`<div${ssrRenderAttrs(_attrs)}>`);
			if (__props.as == "button") {
				_push(`<button type="submit" class="flex w-full px-4 py-2 text-start text-sm leading-5 text-gray-700 transition duration-150 ease-in-out hover:bg-gray-100 focus:bg-gray-100 focus:outline-hidden dark:text-gray-300 dark:hover:bg-gray-800 dark:focus:bg-gray-800">`);
				ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
				_push(`</button>`);
			} else if (__props.as == "a") {
				_push(`<a${ssrRenderAttr("href", __props.href)} class="flex px-4 py-2 text-sm leading-5 text-gray-700 transition duration-150 ease-in-out hover:bg-gray-100 focus:bg-gray-100 focus:outline-hidden dark:text-gray-300 dark:hover:bg-gray-800 dark:focus:bg-gray-800">`);
				ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
				_push(`</a>`);
			} else _push(ssrRenderComponent(unref(Link), {
				href: __props.href,
				class: "flex px-4 py-2 text-sm leading-5 text-gray-700 transition duration-150 ease-in-out hover:bg-gray-100 focus:bg-gray-100 focus:outline-hidden dark:text-gray-300 dark:hover:bg-gray-800 dark:focus:bg-gray-800"
			}, {
				default: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent, _scopeId);
					else return [renderSlot(_ctx.$slots, "default")];
				}),
				_: 3
			}, _parent));
			_push(`</div>`);
		};
	}
};
var _sfc_setup$46 = _sfc_main$46.setup;
_sfc_main$46.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Jet/DropdownLink.vue");
	return _sfc_setup$46 ? _sfc_setup$46(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Jet/FormSection.vue
var _sfc_main$45 = {
	__name: "FormSection",
	__ssrInlineRender: true,
	emits: ["submitted"],
	setup(__props) {
		const hasActions = computed(() => !!useSlots().actions);
		return (_ctx, _push, _parent, _attrs) => {
			_push(`<div${ssrRenderAttrs(mergeProps({ class: "lg:grid lg:grid-cols-3 lg:gap-6" }, _attrs))}>`);
			_push(ssrRenderComponent(SectionTitle_default, null, {
				title: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) ssrRenderSlot(_ctx.$slots, "title", {}, null, _push, _parent, _scopeId);
					else return [renderSlot(_ctx.$slots, "title")];
				}),
				description: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) ssrRenderSlot(_ctx.$slots, "description", {}, null, _push, _parent, _scopeId);
					else return [renderSlot(_ctx.$slots, "description")];
				}),
				_: 3
			}, _parent));
			_push(`<div class="mt-5 lg:col-span-2 lg:mt-0"><form><div class="${ssrRenderClass([hasActions.value ? "sm:rounded-tl-md sm:rounded-tr-md" : "sm:rounded-md", "bg-white px-4 py-5 shadow-sm sm:p-6 dark:bg-gray-900"])}"><div class="grid grid-cols-6 gap-6">`);
			ssrRenderSlot(_ctx.$slots, "form", {}, null, _push, _parent);
			_push(`</div></div>`);
			if (hasActions.value) {
				_push(`<div class="flex items-center justify-end bg-gray-100 px-4 py-3 text-end shadow-sm sm:rounded-br-md sm:rounded-bl-md sm:px-6 dark:bg-gray-950">`);
				ssrRenderSlot(_ctx.$slots, "actions", {}, null, _push, _parent);
				_push(`</div>`);
			} else _push(`<!---->`);
			_push(`</form></div></div>`);
		};
	}
};
var _sfc_setup$45 = _sfc_main$45.setup;
_sfc_main$45.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Jet/FormSection.vue");
	return _sfc_setup$45 ? _sfc_setup$45(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Jet/InputLabel.vue
var _sfc_main$44 = {
	__name: "InputLabel",
	__ssrInlineRender: true,
	props: { value: String },
	setup(__props) {
		return (_ctx, _push, _parent, _attrs) => {
			_push(`<label${ssrRenderAttrs(mergeProps({ class: "text-mute inline-block text-sm font-medium" }, _attrs))}>`);
			if (__props.value) _push(`<span>${ssrInterpolate(__props.value)}</span>`);
			else {
				_push(`<span>`);
				ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
				_push(`</span>`);
			}
			_push(`</label>`);
		};
	}
};
var _sfc_setup$44 = _sfc_main$44.setup;
_sfc_main$44.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Jet/InputLabel.vue");
	return _sfc_setup$44 ? _sfc_setup$44(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Jet/NavLink.vue
var _sfc_main$43 = {
	__name: "NavLink",
	__ssrInlineRender: true,
	props: {
		href: String,
		active: Boolean
	},
	setup(__props) {
		const props = __props;
		const classes = computed(() => {
			return props.active ? "inline-flex items-center px-1 pt-1 border-b-2 border-primary-400 dark:border-primary-600 text-sm font-medium leading-5 text-gray-900 dark:text-gray-100 focus:outline-hidden focus:border-primary-700 transition duration-150 ease-in-out" : "inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 hover:border-gray-300 dark:hover:border-gray-700 focus:outline-hidden focus:text-gray-700 dark:focus:text-gray-300 focus:border-gray-300 dark:focus:border-gray-700 transition duration-150 ease-in-out";
		});
		return (_ctx, _push, _parent, _attrs) => {
			_push(ssrRenderComponent(unref(Link), mergeProps({
				href: __props.href,
				class: classes.value
			}, _attrs), {
				default: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent, _scopeId);
					else return [renderSlot(_ctx.$slots, "default")];
				}),
				_: 3
			}, _parent));
		};
	}
};
var _sfc_setup$43 = _sfc_main$43.setup;
_sfc_main$43.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Jet/NavLink.vue");
	return _sfc_setup$43 ? _sfc_setup$43(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Jet/ResponsiveNavLink.vue
var _sfc_main$42 = {
	__name: "ResponsiveNavLink",
	__ssrInlineRender: true,
	props: {
		active: Boolean,
		href: String,
		as: String
	},
	setup(__props) {
		const props = __props;
		const classes = computed(() => {
			return props.active ? "block w-full ps-3 pe-4 py-2 border-l-4 border-primary-400 dark:border-primary-600 text-start text-base font-medium text-primary-700 dark:text-primary-300 bg-primary-50 dark:bg-primary-900/50 focus:outline-hidden focus:text-primary-800 dark:focus:text-primary-200 focus:bg-primary-100 dark:focus:bg-primary-900 focus:border-primary-700 dark:focus:border-primary-300 transition duration-150 ease-in-out" : "block w-full ps-3 pe-4 py-2 border-l-4 border-transparent text-start text-base font-medium text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700 hover:border-gray-300 dark:hover:border-gray-600 focus:outline-hidden focus:text-gray-800 dark:focus:text-gray-200 focus:bg-gray-50 dark:focus:bg-gray-700 focus:border-gray-300 dark:focus:border-gray-600 transition duration-150 ease-in-out";
		});
		return (_ctx, _push, _parent, _attrs) => {
			_push(`<div${ssrRenderAttrs(_attrs)}>`);
			if (__props.as == "button") {
				_push(`<button class="${ssrRenderClass([classes.value, "w-full text-start"])}">`);
				ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
				_push(`</button>`);
			} else _push(ssrRenderComponent(unref(Link), {
				href: __props.href,
				class: classes.value
			}, {
				default: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent, _scopeId);
					else return [renderSlot(_ctx.$slots, "default")];
				}),
				_: 3
			}, _parent));
			_push(`</div>`);
		};
	}
};
var _sfc_setup$42 = _sfc_main$42.setup;
_sfc_main$42.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Jet/ResponsiveNavLink.vue");
	return _sfc_setup$42 ? _sfc_setup$42(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Jet/SectionBorder.vue
var _sfc_main$41 = {};
function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs) {
	_push(`<div${ssrRenderAttrs(mergeProps({ class: "hidden sm:block" }, _attrs))}><div class="py-8"><div class="border-t border-gray-200 dark:border-gray-700"></div></div></div>`);
}
var _sfc_setup$41 = _sfc_main$41.setup;
_sfc_main$41.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Jet/SectionBorder.vue");
	return _sfc_setup$41 ? _sfc_setup$41(props, ctx) : void 0;
};
var SectionBorder_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main$41, [["ssrRender", _sfc_ssrRender$1]]);
//#endregion
//#region resources/js/Components/Jet/ThemeSwitch.vue
var _sfc_main$40 = {
	__name: "ThemeSwitch",
	__ssrInlineRender: true,
	setup(__props) {
		let currentTheme = localStorage.getItem("theme") || "system";
		const changeTheme = (theme) => {
			currentTheme = theme;
			localStorage.setItem("theme", currentTheme);
			if (theme === "light") {
				document.documentElement.classList.remove("dark");
				document.documentElement.style.colorScheme = "light";
			} else if (theme === "dark") {
				document.documentElement.classList.add("dark");
				document.documentElement.style.colorScheme = "dark";
			} else if (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) {
				document.documentElement.classList.add("dark");
				document.documentElement.style.colorScheme = "dark";
			} else {
				document.documentElement.classList.remove("dark");
				document.documentElement.style.colorScheme = "light";
			}
		};
		return (_ctx, _push, _parent, _attrs) => {
			_push(ssrRenderComponent(_sfc_main$47, mergeProps({
				align: "right",
				width: "40"
			}, _attrs), {
				trigger: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) _push(`<button type="button" class="-m-1.5 flex items-center p-1.5"${_scopeId}><span class="dark:hidden"${_scopeId}><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-5"${_scopeId}><path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z"${_scopeId}></path></svg></span><span class="hidden dark:inline"${_scopeId}><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-5"${_scopeId}><path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z"${_scopeId}></path></svg></span></button>`);
					else return [createVNode("button", {
						type: "button",
						class: "-m-1.5 flex items-center p-1.5"
					}, [createVNode("span", { class: "dark:hidden" }, [(openBlock(), createBlock("svg", {
						xmlns: "http://www.w3.org/2000/svg",
						fill: "none",
						viewBox: "0 0 24 24",
						"stroke-width": "1.5",
						stroke: "currentColor",
						class: "size-5"
					}, [createVNode("path", {
						"stroke-linecap": "round",
						"stroke-linejoin": "round",
						d: "M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z"
					})]))]), createVNode("span", { class: "hidden dark:inline" }, [(openBlock(), createBlock("svg", {
						xmlns: "http://www.w3.org/2000/svg",
						fill: "none",
						viewBox: "0 0 24 24",
						"stroke-width": "1.5",
						stroke: "currentColor",
						class: "size-5"
					}, [createVNode("path", {
						"stroke-linecap": "round",
						"stroke-linejoin": "round",
						d: "M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z"
					})]))])])];
				}),
				content: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) {
						_push(`<div class="py-1"${_scopeId}>`);
						_push(ssrRenderComponent(_sfc_main$46, {
							as: "button",
							onClick: () => changeTheme("light")
						}, {
							default: withCtx((_, _push, _parent, _scopeId) => {
								if (_push) _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="me-2 size-5"${_scopeId}><path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z"${_scopeId}></path></svg> ${ssrInterpolate(_ctx.$t("Light"))}`);
								else return [(openBlock(), createBlock("svg", {
									xmlns: "http://www.w3.org/2000/svg",
									fill: "none",
									viewBox: "0 0 24 24",
									"stroke-width": "1.5",
									stroke: "currentColor",
									class: "me-2 size-5"
								}, [createVNode("path", {
									"stroke-linecap": "round",
									"stroke-linejoin": "round",
									d: "M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z"
								})])), createTextVNode(" " + toDisplayString(_ctx.$t("Light")), 1)];
							}),
							_: 1
						}, _parent, _scopeId));
						_push(ssrRenderComponent(_sfc_main$46, {
							as: "button",
							onClick: () => changeTheme("dark")
						}, {
							default: withCtx((_, _push, _parent, _scopeId) => {
								if (_push) _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="me-2 size-5"${_scopeId}><path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z"${_scopeId}></path></svg> ${ssrInterpolate(_ctx.$t("Dark"))}`);
								else return [(openBlock(), createBlock("svg", {
									xmlns: "http://www.w3.org/2000/svg",
									fill: "none",
									viewBox: "0 0 24 24",
									"stroke-width": "1.5",
									stroke: "currentColor",
									class: "me-2 size-5"
								}, [createVNode("path", {
									"stroke-linecap": "round",
									"stroke-linejoin": "round",
									d: "M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z"
								})])), createTextVNode(" " + toDisplayString(_ctx.$t("Dark")), 1)];
							}),
							_: 1
						}, _parent, _scopeId));
						_push(ssrRenderComponent(_sfc_main$46, {
							as: "button",
							onClick: () => changeTheme("system")
						}, {
							default: withCtx((_, _push, _parent, _scopeId) => {
								if (_push) _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="me-2 size-5"${_scopeId}><path stroke-linecap="round" stroke-linejoin="round" d="M9 17.25v1.007a3 3 0 0 1-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0 1 15 18.257V17.25m6-12V15a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 15V5.25m18 0A2.25 2.25 0 0 0 18.75 3H5.25A2.25 2.25 0 0 0 3 5.25m18 0V12a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 12V5.25"${_scopeId}></path></svg> ${ssrInterpolate(_ctx.$t("System"))}`);
								else return [(openBlock(), createBlock("svg", {
									xmlns: "http://www.w3.org/2000/svg",
									fill: "none",
									viewBox: "0 0 24 24",
									"stroke-width": "1.5",
									stroke: "currentColor",
									class: "me-2 size-5"
								}, [createVNode("path", {
									"stroke-linecap": "round",
									"stroke-linejoin": "round",
									d: "M9 17.25v1.007a3 3 0 0 1-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0 1 15 18.257V17.25m6-12V15a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 15V5.25m18 0A2.25 2.25 0 0 0 18.75 3H5.25A2.25 2.25 0 0 0 3 5.25m18 0V12a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 12V5.25"
								})])), createTextVNode(" " + toDisplayString(_ctx.$t("System")), 1)];
							}),
							_: 1
						}, _parent, _scopeId));
						_push(`</div>`);
					} else return [createVNode("div", { class: "py-1" }, [
						createVNode(_sfc_main$46, {
							as: "button",
							onClick: () => changeTheme("light")
						}, {
							default: withCtx(() => [(openBlock(), createBlock("svg", {
								xmlns: "http://www.w3.org/2000/svg",
								fill: "none",
								viewBox: "0 0 24 24",
								"stroke-width": "1.5",
								stroke: "currentColor",
								class: "me-2 size-5"
							}, [createVNode("path", {
								"stroke-linecap": "round",
								"stroke-linejoin": "round",
								d: "M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z"
							})])), createTextVNode(" " + toDisplayString(_ctx.$t("Light")), 1)]),
							_: 1
						}, 8, ["onClick"]),
						createVNode(_sfc_main$46, {
							as: "button",
							onClick: () => changeTheme("dark")
						}, {
							default: withCtx(() => [(openBlock(), createBlock("svg", {
								xmlns: "http://www.w3.org/2000/svg",
								fill: "none",
								viewBox: "0 0 24 24",
								"stroke-width": "1.5",
								stroke: "currentColor",
								class: "me-2 size-5"
							}, [createVNode("path", {
								"stroke-linecap": "round",
								"stroke-linejoin": "round",
								d: "M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z"
							})])), createTextVNode(" " + toDisplayString(_ctx.$t("Dark")), 1)]),
							_: 1
						}, 8, ["onClick"]),
						createVNode(_sfc_main$46, {
							as: "button",
							onClick: () => changeTheme("system")
						}, {
							default: withCtx(() => [(openBlock(), createBlock("svg", {
								xmlns: "http://www.w3.org/2000/svg",
								fill: "none",
								viewBox: "0 0 24 24",
								"stroke-width": "1.5",
								stroke: "currentColor",
								class: "me-2 size-5"
							}, [createVNode("path", {
								"stroke-linecap": "round",
								"stroke-linejoin": "round",
								d: "M9 17.25v1.007a3 3 0 0 1-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0 1 15 18.257V17.25m6-12V15a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 15V5.25m18 0A2.25 2.25 0 0 0 18.75 3H5.25A2.25 2.25 0 0 0 3 5.25m18 0V12a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 12V5.25"
							})])), createTextVNode(" " + toDisplayString(_ctx.$t("System")), 1)]),
							_: 1
						}, 8, ["onClick"])
					])];
				}),
				_: 1
			}, _parent));
		};
	}
};
var _sfc_setup$40 = _sfc_main$40.setup;
_sfc_main$40.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Jet/ThemeSwitch.vue");
	return _sfc_setup$40 ? _sfc_setup$40(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Common/Actions.vue
var _sfc_main$39 = {
	__name: "Actions",
	__ssrInlineRender: true,
	props: {
		row: { type: Object },
		record: { type: String },
		editRow: { type: Function },
		deleting: { type: Boolean },
		permission: { type: String },
		deleteRow: { type: Function },
		restoreRow: { type: Function },
		deleted: { type: [Boolean, Number] },
		restored: { type: [Boolean, Number] }
	},
	setup(__props) {
		const props = __props;
		const confirm = ref(false);
		const confirm_restore = ref(false);
		watch(() => props.deleted, (value) => {
			if (value == props.row.id) confirm.value = false;
		});
		watch(() => props.restored, (value) => {
			console.log(value);
			if (value == props.row.id) confirm_restore.value = false;
		});
		function deleteRecord(row) {
			props.deleteRow(row);
		}
		function restoreRecord(row) {
			props.restoreRow(row);
		}
		return (_ctx, _push, _parent, _attrs) => {
			const _component_Icon = resolveComponent("Icon");
			_push(`<div${ssrRenderAttrs(mergeProps({ class: "text-mute flex items-center gap-4" }, _attrs))}>`);
			if (__props.editRow && _ctx.$can("update-" + __props.permission)) {
				_push(`<button type="button" class="link">`);
				_push(ssrRenderComponent(_component_Icon, { name: "edit-o" }, null, _parent));
				_push(`</button>`);
			} else _push(`<!---->`);
			if (__props.row.deleted_at && __props.restoreRow && _ctx.$can("delete-" + __props.permission)) {
				_push(`<button type="button">`);
				_push(ssrRenderComponent(_component_Icon, {
					name: "refresh",
					class: "link"
				}, null, _parent));
				_push(`</button>`);
			} else _push(`<!---->`);
			if (__props.deleteRow && _ctx.$can("delete-" + __props.permission)) {
				_push(`<button type="button">`);
				if (__props.row.deleted_at) _push(ssrRenderComponent(_component_Icon, {
					name: "trash",
					class: "link-red"
				}, null, _parent));
				else _push(ssrRenderComponent(_component_Icon, {
					name: "trash-o",
					class: "link-red"
				}, null, _parent));
				_push(`</button>`);
			} else _push(`<!---->`);
			_push(ssrRenderComponent(unref(_sfc_main$50), {
				show: confirm.value,
				onClose: ($event) => confirm.value = false,
				"max-width": "md",
				backdrop: !__props.deleting,
				closeable: !__props.deleting
			}, {
				title: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) _push(`<span class="text-red-500"${_scopeId}>${ssrInterpolate(_ctx.$t("Delete {x}", { x: __props.record || _ctx.$t("record") }))}? </span>`);
					else return [createVNode("span", { class: "text-red-500" }, toDisplayString(_ctx.$t("Delete {x}", { x: __props.record || _ctx.$t("record") })) + "? ", 1)];
				}),
				content: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) {
						_push(`<p${_scopeId}>${ssrInterpolate(_ctx.$t("Are you sure you want to delete the {record}?", { record: __props.record || _ctx.$t("record") }))}</p>`);
						if (__props.row.deleted_at) _push(`<div class="mt-4 font-extrabold text-red-500"${_scopeId}><p${_scopeId}>${ssrInterpolate(_ctx.$t("{x} will be deleted permanently from system.", { x: __props.record || _ctx.$t("Record") }))}</p><p class="mt-2"${_scopeId}>${ssrInterpolate(_ctx.$t("This action is not reversible!", { x: __props.record || _ctx.$t("Record") }))}</p></div>`);
						else _push(`<!---->`);
					} else return [createVNode("p", null, toDisplayString(_ctx.$t("Are you sure you want to delete the {record}?", { record: __props.record || _ctx.$t("record") })), 1), __props.row.deleted_at ? (openBlock(), createBlock("div", {
						key: 0,
						class: "mt-4 font-extrabold text-red-500"
					}, [createVNode("p", null, toDisplayString(_ctx.$t("{x} will be deleted permanently from system.", { x: __props.record || _ctx.$t("Record") })), 1), createVNode("p", { class: "mt-2" }, toDisplayString(_ctx.$t("This action is not reversible!", { x: __props.record || _ctx.$t("Record") })), 1)])) : createCommentVNode("", true)];
				}),
				footer: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) {
						_push(ssrRenderComponent(unref(_sfc_main$64), {
							onClick: ($event) => confirm.value = false,
							class: { "opacity-25": __props.deleting },
							disabled: __props.deleting
						}, {
							default: withCtx((_, _push, _parent, _scopeId) => {
								if (_push) _push(`${ssrInterpolate(_ctx.$t("Cancel"))}`);
								else return [createTextVNode(toDisplayString(_ctx.$t("Cancel")), 1)];
							}),
							_: 1
						}, _parent, _scopeId));
						_push(ssrRenderComponent(unref(_sfc_main$48), {
							class: ["ms-3", { "opacity-25": __props.deleting }],
							onClick: ($event) => deleteRecord(__props.row),
							disabled: __props.deleting
						}, {
							default: withCtx((_, _push, _parent, _scopeId) => {
								if (_push) _push(`${ssrInterpolate(_ctx.$t("Delete {x}", { x: __props.record || _ctx.$t("record") }))}`);
								else return [createTextVNode(toDisplayString(_ctx.$t("Delete {x}", { x: __props.record || _ctx.$t("record") })), 1)];
							}),
							_: 1
						}, _parent, _scopeId));
					} else return [createVNode(unref(_sfc_main$64), {
						onClick: ($event) => confirm.value = false,
						class: { "opacity-25": __props.deleting },
						disabled: __props.deleting
					}, {
						default: withCtx(() => [createTextVNode(toDisplayString(_ctx.$t("Cancel")), 1)]),
						_: 1
					}, 8, [
						"onClick",
						"class",
						"disabled"
					]), createVNode(unref(_sfc_main$48), {
						class: ["ms-3", { "opacity-25": __props.deleting }],
						onClick: ($event) => deleteRecord(__props.row),
						disabled: __props.deleting
					}, {
						default: withCtx(() => [createTextVNode(toDisplayString(_ctx.$t("Delete {x}", { x: __props.record || _ctx.$t("record") })), 1)]),
						_: 1
					}, 8, [
						"onClick",
						"class",
						"disabled"
					])];
				}),
				_: 1
			}, _parent));
			_push(ssrRenderComponent(unref(_sfc_main$50), {
				show: confirm_restore.value,
				onClose: ($event) => confirm_restore.value = false,
				"max-width": "sm",
				backdrop: !__props.deleting,
				closeable: !__props.deleting
			}, {
				title: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) _push(`<span class="text-red-500"${_scopeId}>${ssrInterpolate(_ctx.$t("Restore {x}", { x: __props.record || _ctx.$t("record") }))}? </span>`);
					else return [createVNode("span", { class: "text-red-500" }, toDisplayString(_ctx.$t("Restore {x}", { x: __props.record || _ctx.$t("record") })) + "? ", 1)];
				}),
				content: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) _push(`<p${_scopeId}>${ssrInterpolate(_ctx.$t("Are you sure you want to restore the {record}?", { record: __props.record || _ctx.$t("record") }))}</p>`);
					else return [createVNode("p", null, toDisplayString(_ctx.$t("Are you sure you want to restore the {record}?", { record: __props.record || _ctx.$t("record") })), 1)];
				}),
				footer: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) {
						_push(ssrRenderComponent(unref(_sfc_main$64), {
							onClick: ($event) => confirm_restore.value = false,
							class: { "opacity-25": __props.deleting },
							disabled: __props.deleting
						}, {
							default: withCtx((_, _push, _parent, _scopeId) => {
								if (_push) _push(`${ssrInterpolate(_ctx.$t("Cancel"))}`);
								else return [createTextVNode(toDisplayString(_ctx.$t("Cancel")), 1)];
							}),
							_: 1
						}, _parent, _scopeId));
						_push(ssrRenderComponent(unref(_sfc_main$32), {
							class: ["ms-3", { "opacity-25": __props.deleting }],
							onClick: ($event) => restoreRecord(__props.row),
							disabled: __props.deleting
						}, {
							default: withCtx((_, _push, _parent, _scopeId) => {
								if (_push) _push(`${ssrInterpolate(_ctx.$t("Restore {x}", { x: __props.record || _ctx.$t("record") }))}`);
								else return [createTextVNode(toDisplayString(_ctx.$t("Restore {x}", { x: __props.record || _ctx.$t("record") })), 1)];
							}),
							_: 1
						}, _parent, _scopeId));
					} else return [createVNode(unref(_sfc_main$64), {
						onClick: ($event) => confirm_restore.value = false,
						class: { "opacity-25": __props.deleting },
						disabled: __props.deleting
					}, {
						default: withCtx(() => [createTextVNode(toDisplayString(_ctx.$t("Cancel")), 1)]),
						_: 1
					}, 8, [
						"onClick",
						"class",
						"disabled"
					]), createVNode(unref(_sfc_main$32), {
						class: ["ms-3", { "opacity-25": __props.deleting }],
						onClick: ($event) => restoreRecord(__props.row),
						disabled: __props.deleting
					}, {
						default: withCtx(() => [createTextVNode(toDisplayString(_ctx.$t("Restore {x}", { x: __props.record || _ctx.$t("record") })), 1)]),
						_: 1
					}, 8, [
						"onClick",
						"class",
						"disabled"
					])];
				}),
				_: 1
			}, _parent));
			_push(`</div>`);
		};
	}
};
var _sfc_setup$39 = _sfc_main$39.setup;
_sfc_main$39.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Common/Actions.vue");
	return _sfc_setup$39 ? _sfc_setup$39(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Core/environment.js
var isClient = typeof window !== "undefined";
var isServer = typeof window === "undefined";
//#endregion
//#region resources/js/Core/helpers.js
var $capitalize = (string) => {
	const res = string.split(" ");
	for (let i = 0; i < res.length; i++) res[i] = res[i][0].toUpperCase() + res[i].substr(1);
	return res.join(" ");
};
var $address = (row) => {
	if (!row) return "";
	return `${row.lot_no || ""} ${row.street || ""} ${row.address_line_1 || ""} ${row.address_line_2 || ""} ${row.city || ""} ${row.postal_code || ""} ${row.state?.name || ""} ${row.country?.name || ""}`;
};
var $decimal = (amount, format = false) => {
	amount = number_format(amount, usePage().props.settings?.fraction || 0);
	if (format) return Number(amount);
	return amount;
};
var $decimal_qty = (amount, format = false) => {
	amount = number_format(amount, usePage().props.settings?.quantity_fraction || 0);
	if (format) return Number(amount);
	return amount;
};
var $meta = (meta) => {
	meta = Object.keys(meta).sort().reduce((r, k) => (r[k] = meta[k], r), {});
	return Object.keys(meta).map((key) => key + ": " + meta[key]).join(", ");
};
var $number = (amount, locale, options) => {
	if (!amount) amount = 0;
	let formatted = parseFloat(amount);
	if (!locale || locale.length != 2 && locale.length != 5) locale = usePage().props.settings.default_locale;
	if (!options) options = {
		minimumFractionDigits: usePage().props.settings.fraction || 0,
		maximumFractionDigits: usePage().props.settings.fraction || 0
	};
	try {
		return new Intl.NumberFormat(locale, options).format(formatted);
	} catch {
		return new Intl.NumberFormat("en-US", options).format(formatted);
	}
};
var $currency = (amount, locale, options) => {
	if (!amount) amount = 0;
	let formatted = parseFloat(amount);
	if (!locale || locale.length != 2 && locale.length != 5) locale = usePage().props.settings.default_locale;
	let currency_code = usePage().props?.default_currency?.code || "USD";
	if (options?.currency && options.currency.length != 3) options.currency = currency_code;
	if (!options) options = {
		style: "currency",
		currency: currency_code,
		currencyDisplay: "narrowSymbol",
		minimumFractionDigits: usePage().props.settings.fraction || 0,
		maximumFractionDigits: usePage().props.settings.fraction || 0
	};
	try {
		return new Intl.NumberFormat(locale, options).format(formatted);
	} catch {
		return new Intl.NumberFormat("en-US", options).format(formatted);
	}
};
var $unit = (amount, locale, options) => {
	if (!amount) amount = 0;
	let formatted = parseFloat(amount);
	if (!locale || locale.length != 2 && locale.length != 5) locale = usePage().props.settings.default_locale;
	if (!options) options = {
		style: "unit",
		unitDisplay: "narrow",
		minimumFractionDigits: usePage().props.settings.quantity_fraction || 0,
		maximumFractionDigits: usePage().props.settings.quantity_fraction || 0,
		unit: (usePage().props.settings.weight_unit || "kilogram").toLowerCase()
	};
	try {
		return new Intl.NumberFormat(locale, options).format(formatted);
	} catch {
		return new Intl.NumberFormat("en-US", options).format(formatted);
	}
};
var $number_qty = (amount, unit, locale, options) => {
	if (!options && unit) options = {
		style: "unit",
		unitDisplay: "narrow",
		minimumFractionDigits: usePage().props.settings.quantity_fraction || 0,
		maximumFractionDigits: usePage().props.settings.quantity_fraction || 0,
		unit: (unit || usePage().props.settings.weight_unit || "kilogram").toLowerCase()
	};
	else if (!options) options = {
		minimumFractionDigits: usePage().props.settings.quantity_fraction || 0,
		maximumFractionDigits: usePage().props.settings.quantity_fraction || 0
	};
	try {
		return $unit(amount, locale, options);
	} catch {
		options = {
			minimumFractionDigits: usePage().props.settings.quantity_fraction || 0,
			maximumFractionDigits: usePage().props.settings.quantity_fraction || 0
		};
		return $number(amount, locale, options);
	}
};
var $weight = (amount, locale, options) => {
	if (!options) options = {
		style: "unit",
		unitDisplay: "narrow",
		minimumFractionDigits: usePage().props.settings.quantity_fraction || 0,
		maximumFractionDigits: usePage().props.settings.quantity_fraction || 0,
		unit: (usePage().props.settings.weight_unit || "kilogram").toLowerCase()
	};
	return $unit(amount, locale, options);
};
var isValidDate = (dateString) => {
	if (!dateString) return false;
	if (!dateString.match(/^\d{4}-\d{2}-\d{2}$/)) return false;
	var d = new Date(dateString);
	var dNum = d.getTime();
	if (!dNum && dNum !== 0) return false;
	return d.toISOString().slice(0, 10) === dateString;
};
var $date = (date, locale, style, force = false) => {
	if (!date) return "";
	if (!force && usePage().props.settings?.date_format == "php") return date.split("T")[0];
	date = date.split(" ")[0];
	let formatted = new Date(Date.parse(date));
	try {
		let od = date.split("T")[0].split("-");
		formatted = new Date(od[0], od[1] - 1, od[2], 0, 0, 0, 0);
	} catch {}
	if (!locale || locale.length != 2 && locale.length != 5) locale = usePage().props.settings.default_locale;
	try {
		return formatted.toLocaleString(locale, { dateStyle: style ? style : "medium" });
	} catch {
		return formatted.toLocaleString("en-US", { dateStyle: style ? style : "medium" });
	}
};
var $datetime = (datetime, locale, style, force = false) => {
	if (!datetime) return "";
	if (!force && usePage().props.settings?.date_format == "php") return datetime;
	let formatted = new Date(Date.parse(datetime));
	try {
		if (datetime.includes("T")) {
			let od = datetime.split("T")[0].split("-");
			let ot = datetime.split("T")[1].split(":");
			formatted = new Date(Number(od[0]), Number(od[1]) - 1, Number(od[2]), Number(ot[0]), Number(ot[1]), 0, 0);
		} else if (datetime.includes(" ")) {
			let od = datetime.split(" ")[0].split("-");
			let ot = datetime.split(" ")[1].split(":");
			formatted = new Date(Number(od[0]), Number(od[1]) - 1, Number(od[2]), Number(ot[0]), Number(ot[1]), 0, 0);
		}
	} catch {
		console.error("Failed to parse date time.");
	}
	if (!locale || locale.length != 2 && locale.length != 5) locale = usePage().props.settings.default_locale;
	try {
		return formatted.toLocaleString(locale, {
			timeStyle: "short",
			dateStyle: style ? style : "medium",
			hour12: true
		});
	} catch {
		return formatted.toLocaleString("en-US", {
			timeStyle: "short",
			dateStyle: style ? style : "medium",
			hour12: true
		});
	}
};
var $boolean = (v, c = false) => {
	return v ? `<div class="w-full h-full max-w-6 max-h-6 ${c ? "flex items-center justify-center" : ""}"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-full h-full max-h-6 max-w-6 text-green-500">
        <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" />
      </svg></div>` : `<div class="w-full h-full max-w-6 max-h-6 ${c ? "flex items-center justify-center" : ""}"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-full h-full max-h-6 max-w-6 text-red-500">
      <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
    </svg></div>`;
};
var $extras = (fields, extra_attributes = {}) => {
	let extras = {};
	fields.map((f) => {
		if (extra_attributes[f.name]) extras[f.name] = extra_attributes[f.name] ? extra_attributes[f.name] : f.type == "checkbox" ? [] : "";
		else extras[f.name] = f.type == "checkbox" ? [] : "";
	});
	return extras;
};
var $can = (permissions) => {
	let user = usePage().props.is_impersonating ? usePage().props.acting_as_user : usePage().props.auth.user;
	if (user && user.roles.find((r) => r.name == "Super Admin")) return true;
	let allow = false;
	if (!Array.isArray(permissions)) permissions = [permissions];
	if (permissions && permissions.length > 0) if (permissions.includes("all")) allow = true;
	else permissions.map((p) => {
		if (user && (user.allPermissions && user.allPermissions.includes(p) || user.all_permissions && user.all_permissions.includes(p))) allow = true;
	});
	return allow;
};
var $random = (min = 0, max = 999) => {
	const minCeiled = Math.ceil(min);
	return Math.floor(Math.random() * (Math.floor(max) - minCeiled) + minCeiled);
};
var calculate_item = (item, calc_on = "price") => {
	if (item.variations && item.variations.length) {
		item.variations.map((v) => {
			v.discount_amount = calculate_discount(v[calc_on], v.discount || "");
			v.total_discount_amount = $decimal(Number(v.discount_amount) * Number(v.quantity), true);
			v = calculate_taxes(usePage().props.taxes, v, calc_on);
			v.total = $decimal(v["unit_" + calc_on] * $decimal_qty(v.quantity, true), true);
			v.subtotal = $decimal(v["net_" + calc_on] * $decimal_qty(v.quantity, true), true);
		});
		item.total = item.variations.reduce((a, v) => a + v.total, 0);
		item.subtotal = item.variations.reduce((a, v) => a + v.subtotal, 0);
		item.tax_amount = item.variations.reduce((a, v) => a + v.tax_amount, 0);
		item.discount_amount = item.variations.reduce((a, v) => a + v.discount_amount, 0);
		item.total_discount_amount = item.variations.reduce((a, v) => a + v.total_discount_amount, 0);
		item.total_tax_amount = item.variations.reduce((a, v) => a + v.total_tax_amount, 0);
	} else {
		item.discount_amount = calculate_discount(item[calc_on], item.discount || "");
		item.total_discount_amount = $decimal(Number(item.discount_amount) * Number(item.quantity), true);
		item = calculate_taxes(usePage().props.taxes, item, calc_on);
		item.subtotal = $decimal(item["net_" + calc_on] * $decimal_qty(item.quantity, true), true);
		item.total = $decimal(item["unit_" + calc_on] * $decimal_qty(item.quantity, true), true);
	}
	return item;
};
var calculate_discount = (price, discount) => {
	let discount_amount = 0;
	if (discount.indexOf("%") !== -1) {
		var pds = discount.split("%");
		if (!isNaN(pds[0])) discount_amount = Number(price * Number(pds[0]) / 100);
	} else discount_amount = Number(discount);
	return $decimal(discount_amount, true);
};
var calculate_inclusive_tax = (amount, tax) => {
	tax.amount = $decimal(Number(amount) * Number(tax.rate) / (100 + Number(tax.rate)), true);
	return tax;
};
var calculate_exclusive_tax = (amount, tax) => {
	tax.amount = $decimal(Number(amount) * Number(tax.rate) / 100, true);
	return tax;
};
var calculate_taxes = (taxes, item, calc_on = "price") => {
	item.tax_amount = 0;
	item.before_discount_tax_amount = 0;
	item[calc_on + "_before_discount"] = $decimal(item[calc_on], true);
	item.applied_taxes = taxes?.filter((t) => item.taxes?.includes(t.id)).map((t) => {
		let rt;
		if (item.tax_included) {
			rt = calculate_inclusive_tax(item[calc_on], t);
			t = calculate_inclusive_tax(item[calc_on] - $decimal(item.discount_amount, true), t);
		} else {
			rt = calculate_exclusive_tax(item[calc_on], t);
			t = calculate_exclusive_tax(item[calc_on] - $decimal(item.discount_amount, true), t);
		}
		item.tax_amount += t.amount;
		item.before_discount_tax_amount += rt.amount;
		return t;
	});
	item.total_tax_amount = $decimal(item.tax_amount, true) * $decimal_qty(item.quantity, true);
	item["unit_" + calc_on] = $decimal(item[calc_on], true) - $decimal(item.discount_amount, true) + $decimal(item.tax_included != 1 && item.tax_amount ? item.tax_amount : 0, true);
	item["net_" + calc_on] = $decimal(item[calc_on], true) - $decimal(item.discount_amount, true) - $decimal(item.tax_included == 1 && item.tax_amount ? item.tax_amount : 0, true);
	return item;
};
var convert_to_base_unit = (item, unit_id, value) => {
	if (unit_id && unit_id != item.product.unit_id && item.product.unit?.subunits?.length) {
		let res;
		let unit = item.product.unit.subunits.find((u) => u.id == unit_id);
		switch (unit.operator) {
			case "*":
				res = Number(value) * Number(unit.operation_value);
				break;
			case "/":
				res = Number(value) / Number(unit.operation_value);
				break;
			case "+":
				res = Number(value) + Number(unit.operation_value);
				break;
			case "-":
				res = Number(value) - Number(unit.operation_value);
				break;
			default: res = value;
		}
		return $decimal(res);
	}
	return $decimal(value);
};
var discount_keypress = async (event) => {
	if (event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 37) {} else if (event.keyCode < 48 || event.keyCode > 57) event.preventDefault();
};
var number_format = (number, decimals, decPoint = ".", thousandsSep = "") => {
	if (decimals === void 0) decimals = usePage().props.settings?.fraction || 0;
	number = (number + "").replace(/[^0-9+\-Ee.]/g, "");
	var n = !isFinite(+number) ? 0 : +number;
	var prec = !isFinite(+decimals) ? 0 : Math.abs(decimals);
	var sep = typeof thousandsSep === "undefined" ? "," : thousandsSep;
	var dec = typeof decPoint === "undefined" ? "." : decPoint;
	var s = "";
	var toFixedFix = function(n, prec) {
		if (("" + n).indexOf("e") === -1) return +(Math.round(n + "e+" + prec) + "e-" + prec);
		else {
			var arr = ("" + n).split("e");
			var sig = "";
			if (+arr[1] + prec > 0) sig = "+";
			return (+(Math.round(+arr[0] + "e" + sig + (+arr[1] + prec)) + "e-" + prec)).toFixed(prec);
		}
	};
	s = (prec ? toFixedFix(n, prec).toString() : "" + Math.round(n)).split(".");
	if (s[0].length > 3) s[0] = s[0].replace(/\B(?=(?:\d{3})+(?!\d))/g, sep);
	if ((s[1] || "").length < prec) {
		s[1] = s[1] || "";
		s[1] += new Array(prec - s[1].length + 1).join("0");
	}
	return s.join(dec);
};
var chunkArray = (array, size) => {
	if (size <= 0) return array;
	return array.reduce((a, _, i) => {
		if (i % size === 0) a.push(array.slice(i, i + size));
		return a;
	}, []);
};
var check_promotions = async (form) => {
	form.items = form.items.map((i) => !i.promotion_id ? i : {
		...i,
		promotion_id: null,
		discount: null
	});
	for await (let item of form.items) {
		if (item.product?.valid_promotions && item.product.valid_promotions.length) {
			for await (const promotion of item.product.valid_promotions) if (promotion.type == "simple") {
				item.promotion_id = promotion.id;
				item.discount = Number(promotion.discount) + "%";
			} else if (promotion.type == "advance") {
				if (item.quantity >= Number(promotion.quantity_to_buy)) {
					item.promotion_id = promotion.id;
					item.discount = Number(promotion.discount) + "%";
				}
			} else if (promotion.type == "BXGY") {
				if (item.quantity >= Number(promotion.quantity_to_buy)) {
					if (!form.items.find((i) => i.product_id == promotion.product_id_to_get && i.price == 0)) {
						let product = await http_default.get(route("products.show", promotion.product_id_to_get)).then((r) => r.data);
						let i = calculate_item({
							code: product.code,
							name: product.name,
							id: null,
							price: 0,
							quantity: Number(promotion.quantity_to_get),
							cost: Number(product.cost),
							taxes: product.taxes.map((t) => t.id),
							tax_included: product.tax_included == 1,
							product_id: product.id,
							promo_product_id: item.product_id,
							product
						}, form.calculate_on);
						item.promotion_id = promotion.id;
						form.items = [...form.items, { ...i }];
					}
				}
			} else if (promotion.type == "SXGD") {
				if (from.grand_total >= parseFloat(promotion.amount_to_spend)) form.items = form.items.map((i) => {
					if (!i.promo_product_id) {
						i.promotion_id = promotion.id;
						i.discount = Number(promotion.discount) + "%";
						i = calculate_item(i, form.calculate_on);
					}
					return i;
				});
			}
		}
		if (item.product?.category?.valid_promotions && item.product.category.valid_promotions.length) {
			for await (const promotion of item.product.category.valid_promotions) if (promotion.type == "simple") {
				item.promotion_id = promotion.id;
				item.discount = Number(promotion.discount) + "%";
			} else if (promotion.type == "advance") {
				if (item.quantity >= Number(promotion.quantity_to_buy)) {
					item.promotion_id = promotion.id;
					item.discount = Number(promotion.discount) + "%";
				}
			} else if (promotion.type == "BXGY") {
				if (item.quantity >= Number(promotion.quantity_to_buy)) {
					if (!form.items.find((i) => i.product_id == promotion.product_id_to_get && i.price == 0)) {
						let product = await http_default.get(route("products.show", promotion.product_id_to_get)).then((r) => r.data);
						let i = calculate_item({
							code: product.code,
							name: product.name,
							id: null,
							price: 0,
							quantity: Number(promotion.quantity_to_get),
							cost: Number(product.cost),
							taxes: product.taxes.map((t) => t.id),
							tax_included: product.tax_included == 1,
							product_id: product.id,
							promo_product_id: item.product_id,
							product
						}, form.calculate_on);
						item.promotion_id = promotion.id;
						form.items = [...form.items, { ...i }];
					}
				}
			} else if (promotion.type == "SXGD") {
				if (from.grand_total >= parseFloat(promotion.amount_to_spend)) form.items = form.items.map((i) => {
					if (!i.promo_product_id) {
						i.promotion_id = promotion.id;
						i.discount = Number(promotion.discount) + "%";
						i = calculate_item(i, form.calculate_on);
					}
					return i;
				});
			}
		}
		item = calculate_item(item, form.calculate_on);
	}
	return form.items;
};
//#endregion
//#region resources/js/Core/FormHelper.js
var FormHelper = (form) => {
	let t;
	const page = usePage();
	const selectedItem = ref(null);
	const openItemModal = ref(false);
	const formName = ref(B ? B().current() + ".form" : "");
	watch(() => form.customer_id, () => {
		if ([
			"pos.form",
			"sales.create.form",
			"quotations.create.form"
		].includes(formName.value)) customerChanged();
	});
	onMounted(async () => {
		try {
			formName.value = B().current() + ".form";
		} catch (error) {
			console.log(error);
		}
		({t} = useI18n({}));
		if (formName.value.includes(".create") || formName.value.includes("pos")) {
			let saved_form = localStorage.getItem(formName.value);
			if (saved_form && dayjs().isSame(dayjs(saved_form._last_saved), "day")) {
				saved_form = JSON.parse(saved_form);
				Object.keys(saved_form).map((k) => {
					form[k] = saved_form[k];
				});
			}
		}
		syncSerials();
	});
	function resetForm() {
		localStorage.removeItem(formName.value);
		form.reset();
	}
	function saveForm(date) {
		if (formName.value.includes(".create") || formName.value.includes("pos")) {
			form.date_changed = date ? true : false;
			form._last_saved = dayjs().format("YYYY-MM-DD HH:mm:ss");
			localStorage.setItem(formName.value, JSON.stringify({
				...form,
				errors: {}
			}));
		}
	}
	function removeItem(item, force = false) {
		selectedItem.value = item?.product_id || selectedItem.value;
		if (!force && formName.value.includes("pos")) {
			if (page.props.settings.pin_code && (!$can("delete-orders") || !page.props.auth.user.roles.find((r) => r.name == "Super Admin"))) {
				page.props.pin_action = () => removeItem(item, true);
				page.props.ask_pin_code = true;
				return false;
			}
			if (!$can("delete-orders")) {
				notify({
					group: "main",
					type: "error",
					title: "Error!",
					text: t("You do not have permission to delete order items.")
				});
				return false;
			}
		}
		deleteSelectedItem();
	}
	function deleteSelectedItem() {
		form.items = form.items.filter((i) => i.product_id != selectedItem.value);
		form.items = form.items.filter((i) => i.promo_product_id != selectedItem.value);
		selectedItem.value = null;
		openItemModal.value = false;
		saveForm();
	}
	function selectItem(item) {
		selectedItem.value = { ...item };
		openItemModal.value = true;
	}
	async function updateItem() {
		const index = form.items.findIndex((i) => i.product_id == selectedItem.value.product_id);
		form.items[index] = calculate_item({ ...selectedItem.value }, form.calculate_on);
		form.items = await check_promotions(form);
		selectedItem.value = null;
		openItemModal.value = false;
		saveForm();
	}
	async function customerChanged() {
		if (form.customer && (form.customer.customer_group || form.customer.price_group)) {
			if (form.customer.customer_group && form.customer.customer_group.discount) form.items.map((product) => {
				if (form.customer.customer_group.apply_as_discount == 1) product.discount = form.customer.customer_group.discount + "%";
				else product.price = Number(product.product.price) - Number(product.product.price * form.customer.customer_group.discount / 100);
				selectedItem.value = product;
				updateItem();
			});
		} else form.items.map((product) => {
			product.discount = 0;
			product.price = product.product.price;
			selectedItem.value = product;
			updateItem();
		});
	}
	function syncSerials() {
		form.items?.forEach((item) => {
			if (item.serials?.length && !item.available_serials?.length) http_default.post(B("search.serials"), { id: item.serials }).then((r) => {
				item.available_serials = r.data;
			});
		});
	}
	return {
		openItemModal,
		selectItem,
		selectedItem,
		saveForm,
		resetForm,
		removeItem,
		updateItem,
		customerChanged,
		syncSerials
	};
};
//#endregion
//#region resources/js/Core/PageSearch.js
var PageSearch = () => {
	const page = usePage();
	const search = useForm({});
	const filters = ref({});
	const searching = ref(false);
	onMounted(() => {
		const queryString = window.location.search;
		const urlParams = new URLSearchParams(queryString);
		filters.value = urlParams.has("filters") ? urlParams.get("filters") : page.props.filters;
	});
	watch(() => page.props.filters.search, debounce((search) => {
		filters.value.search = search;
		searchNow();
	}, 500));
	const searchNow = () => {
		let form = Object.entries(filters.value).reduce((a, [k, v]) => v ? (a[k] = v, a) : a, {});
		router.visit(B(B().current(), Object.keys(form).length ? { filters: form } : ""), {
			replace: true,
			preserveScroll: true,
			onStart: () => searching.value = true,
			onFinish: () => searching.value = false
		});
	};
	const sortBy = (sort) => {
		filters.value.sort = sort;
		searchNow();
	};
	const resetSearch = () => {
		search.reset();
		filters.value = {
			search: "",
			sort: "latest"
		};
		searchNow();
	};
	return {
		filters,
		resetSearch,
		search,
		searching,
		searchNow,
		sortBy
	};
};
//#endregion
//#region resources/js/Core/search.js
async function searchItems(search, type, exact) {
	return await http_default.post(route("search.products", {
		search,
		type,
		exact
	})).then((res) => res.data).catch();
}
//#endregion
//#region resources/js/Core/VariationSelection.js
var VariationSelection = () => {
	const currentItem = ref(null);
	const variantModal = ref(false);
	function deleteVariation(variation, item) {
		item.variations = item.variations.filter((v) => v.id != variation.id);
		item = item.variations && item.variations.length ? item : null;
		return item;
	}
	function emptyVariation(product) {
		return {
			id: null,
			meta: {},
			code: null,
			quantity: 1,
			price: 0,
			product_id: product?.id,
			unit_id: product?.unit_id
		};
	}
	return {
		currentItem,
		deleteVariation,
		emptyVariation,
		variantModal,
		SelectVariant: _sfc_main$17
	};
};
//#endregion
//#region resources/js/Core/http.js
var fetchClient = () => {
	let instance = axios$1.create({
		withCredentials: true,
		headers: {
			Accept: "application/json",
			"X-Requested-With": "XMLHttpRequest"
		}
	});
	instance.interceptors.request.use(function(config) {
		return config;
	});
	instance.interceptors.response.use((response) => response, (error) => {
		if (error.response?.data?.errors) notify({
			group: "main",
			type: "error",
			title: "Error!",
			text: Object.values(error.response.data.errors).join("<br />")
		}, 1e4);
		else if (error.response?.data?.message) notify({
			group: "main",
			type: "error",
			title: "Error!",
			text: error.response.data.message
		}, 1e4);
		if (error.response.status === 401) router.visit("/login");
		return Promise.reject(error);
	});
	if (typeof window !== "undefined") window.axios = instance;
	return instance;
};
var http_default = fetchClient();
//#endregion
//#region resources/js/Core/menus.js
var getMenus = (t) => {
	let menus = [{
		name: "main",
		heading: t("Main"),
		menus: [
			{
				name: "dashboard",
				route: "dashboard",
				icon: "home",
				permissions: ["all"],
				label: t("Dashboard")
			},
			{
				name: "pos",
				route: "pos",
				icon: "pos",
				route_prefix: "pos",
				module: "pos_module",
				label: t("Point of Sale"),
				permissions: ["read-pos", "read-orders"],
				sub_menu: [
					{
						name: "pos",
						route: "pos",
						icon: "pos-o",
						target: "pos",
						permissions: ["read-pos"],
						label: t("POS Sale")
					},
					{
						name: "settings.pos",
						route: "settings.pos",
						icon: "cog-o",
						target: "pos",
						permissions: ["settings"],
						label: t("POS Settings")
					},
					{
						name: "orders.index",
						route: "orders.index",
						icon: "orders-o",
						target: "pos",
						permissions: ["read-orders"],
						label: t("List POS Orders")
					}
				]
			},
			{
				name: "orders",
				route: null,
				icon: "squares",
				route_prefix: "orders",
				label: t("Sales & Purchases"),
				permissions: [
					"read-sales",
					"create-sales",
					"read-purchases",
					"create-purchases",
					"read-payments",
					"read-deliveries",
					"read-quotations",
					"read-expenses",
					"read-gift-cards",
					"read-return-orders",
					"read-orders"
				],
				sub_menu: [
					{
						name: "sales.list",
						route: "sales.index",
						icon: "bag",
						target: "orders",
						permissions: ["read-sales"],
						label: t("List All {x}", { x: t("Sales") })
					},
					{
						name: "sales.create",
						route: "sales.create",
						icon: "bag-o",
						target: "orders",
						permissions: ["create-sales"],
						label: t("Add New {x}", { x: t("Sale") })
					},
					{ name: "separator" },
					{
						name: "purchases.list",
						route: "purchases.index",
						icon: "cart",
						target: "orders",
						permissions: ["read-purchases"],
						label: t("List All {x}", { x: t("Purchases") })
					},
					{
						name: "purchases.create",
						route: "purchases.create",
						icon: "cart-o",
						target: "orders",
						permissions: ["create-purchases"],
						label: t("Add New {x}", { x: t("Purchase") })
					},
					{ name: "separator" },
					{
						name: "payments.list",
						route: "payments.index",
						icon: "dollar",
						target: "orders",
						permissions: ["read-payments"],
						label: t("Payments")
					},
					{
						name: "deliveries.list",
						route: "deliveries.index",
						icon: "truck",
						target: "orders",
						permissions: ["read-deliveries"],
						label: t("Deliveries")
					},
					{
						name: "quotations.list",
						route: "quotations.index",
						icon: "docs",
						target: "orders",
						permissions: ["read-quotations"],
						label: t("Quotations")
					},
					{
						hidden: true,
						name: "quotations.create",
						route: "quotations.create",
						icon: "docs",
						target: "orders",
						permissions: ["create-quotations"],
						label: t("Create {x}", { x: t("Quotation") })
					},
					{
						name: "expenses.list",
						route: "expenses.index",
						icon: "money",
						target: "orders",
						permissions: ["read-expenses"],
						label: t("Expenses")
					},
					{
						name: "incomes.list",
						route: "incomes.index",
						icon: "tipjar",
						target: "orders",
						permissions: ["read-incomes"],
						label: t("Incomes")
					},
					{
						name: "gift_cards.list",
						route: "gift_cards.index",
						icon: "gift",
						target: "orders",
						permissions: ["read-gift-cards"],
						label: t("Gift Cards")
					},
					{
						name: "return_orders.list",
						route: "return_orders.index",
						icon: "return",
						target: "orders",
						permissions: ["read-return-orders"],
						label: t("Return Orders")
					},
					{
						hidden: true,
						name: "return_orders.create",
						route: "return_orders.create",
						icon: "add",
						target: "orders",
						permissions: ["create-return_orders"],
						label: t("Add New {x}", { x: t("Return Order") })
					}
				]
			},
			{
				name: "products",
				route: null,
				icon: "barcode",
				route_prefix: "products",
				label: t("Products"),
				permissions: [
					"read-products",
					"create-products",
					"update-products",
					"import-products",
					"read-adjustments",
					"read-transfers",
					"read-stock-counts",
					"read-brands",
					"read-categories",
					"read-units",
					"read-labels",
					"read-promotions"
				],
				sub_menu: [
					{
						name: "products.list",
						route: "products.index",
						icon: "barcode",
						target: "products",
						permissions: ["read-products"],
						label: t("List All {x}", { x: t("Products") })
					},
					{
						name: "products.create",
						route: "products.create",
						icon: "barcode-o",
						target: "products",
						permissions: ["create-products"],
						label: t("Add New {x}", { x: t("Product") })
					},
					{
						name: "products.edit",
						route: "products.edit",
						icon: "add",
						hidden: true,
						target: "products",
						permissions: ["update-products"],
						label: t("Edit {x}", { x: t("Product") })
					},
					{
						name: "products.import",
						route: "products.import",
						icon: "import",
						target: "products",
						permissions: ["import-products"],
						label: t("Import {x}", { x: t("Products") })
					},
					{ name: "separator" },
					{
						name: "adjustments.index",
						route: "adjustments.index",
						icon: "adjust",
						target: "products",
						permissions: ["read-adjustments"],
						label: t("Adjustments")
					},
					{
						hidden: true,
						name: "adjustments.create",
						route: "adjustments.create",
						icon: "adjust",
						target: "products",
						permissions: ["create-adjustments"],
						label: t("Create {x}", { x: t("Adjustment") })
					},
					{
						name: "transfers.index",
						route: "transfers.index",
						icon: "transfer",
						target: "products",
						permissions: ["read-transfers"],
						label: t("Transfers")
					},
					{
						hidden: true,
						name: "transfers.create",
						route: "transfers.create",
						icon: "transfer",
						target: "products",
						permissions: ["create-transfers"],
						label: t("Create {x}", { x: t("Transfer") })
					},
					{
						name: "stock_counts.index",
						route: "stock_counts.index",
						icon: "check-badge",
						target: "products",
						permissions: ["read-stock-counts"],
						label: t("Stock Counts")
					},
					{
						hidden: true,
						name: "stock_counts.create",
						route: "stock_counts.create",
						icon: "check-badge",
						target: "products",
						permissions: ["create-stock-counts"],
						label: t("Create {x}", { x: t("Stock Count") })
					},
					{
						name: "brands.index",
						route: "brands.index",
						icon: "star",
						target: "products",
						permissions: ["read-brands"],
						label: t("Brands")
					},
					{
						name: "categories.index",
						route: "categories.index",
						icon: "folder",
						target: "products",
						permissions: ["read-categories"],
						label: t("Categories")
					},
					{
						name: "categories.import",
						route: "categories.import",
						icon: "folder",
						hidden: true,
						target: "products",
						permissions: ["import-categories"],
						label: t("Import {x}", { x: t("Categories") })
					},
					{
						name: "units.index",
						route: "units.index",
						icon: "funnel",
						target: "products",
						permissions: ["read-units"],
						label: t("Units")
					},
					{
						name: "labels.index",
						route: "labels.index",
						icon: "print",
						target: "products",
						permissions: ["read-labels"],
						label: t("Labels")
					},
					{
						name: "promotions.index",
						route: "promotions.index",
						icon: "sparkles",
						target: "products",
						permissions: ["read-promotions"],
						label: t("Promotions")
					}
				]
			},
			{
				name: "repairs",
				route: null,
				icon: "repair",
				route_prefix: "repair",
				label: t("Repair Services"),
				permissions: [
					"read-service-types",
					"read-repair-orders",
					"create-repair-orders"
				],
				sub_menu: [
					{
						name: "repair-orders.list",
						route: "repair-orders.index",
						icon: "repair",
						target: "repairs",
						permissions: ["read-repair-orders"],
						label: t("List All {x}", { x: t("Repair Orders") })
					},
					{
						name: "repair-orders.create",
						route: "repair-orders.create",
						icon: "repair-o",
						target: "repairs",
						permissions: ["create-repair-orders"],
						label: t("Add New {x}", { x: t("Repair Order") })
					},
					{
						name: "repair-orders.edit",
						route: "repair-orders.edit",
						icon: "edit",
						hidden: true,
						target: "repairs",
						permissions: ["update-repair-orders"],
						label: t("Edit {x}", { x: t("Repair Order") })
					},
					{ name: "separator" },
					{
						name: "technicians.index",
						route: "technicians.index",
						icon: "users",
						target: "repairs",
						permissions: ["read-technicians"],
						label: t("Technicians")
					},
					{
						name: "service-types.index",
						route: "service-types.index",
						icon: "cog",
						target: "repairs",
						permissions: ["read-service-types"],
						label: t("Service Types")
					}
				]
			},
			{
				name: "people",
				route: null,
				route_prefix: "people",
				icon: "people",
				label: t("People"),
				permissions: [
					"read-customers",
					"create-customers",
					"read-suppliers",
					"create-suppliers",
					"read-users",
					"create-users",
					"read-roles",
					"create-roles",
					"read-price-groups",
					"create-price-groups",
					"read-customer-groups",
					"create-customer-groups"
				],
				sub_menu: [
					{
						name: "customers.index",
						route: "customers.index",
						icon: "group",
						target: "people",
						permissions: ["read-customers"],
						label: t("Customers")
					},
					{
						name: "suppliers.index",
						route: "suppliers.index",
						icon: "suppliers",
						target: "people",
						permissions: ["read-suppliers"],
						label: t("Suppliers")
					},
					{ name: "separator" },
					{
						name: "price_groups.index",
						route: "price_groups.index",
						icon: "people",
						target: "people",
						permissions: ["read-price-groups"],
						label: t("Price Groups")
					},
					{
						name: "customer_groups.index",
						route: "customer_groups.index",
						icon: "people",
						target: "people",
						permissions: ["read-customer-groups"],
						label: t("Customer Groups")
					},
					{ name: "separator" },
					{
						name: "users.index",
						route: "users.index",
						icon: "users",
						target: "people",
						permissions: ["read-users"],
						label: t("Users")
					},
					{
						name: "roles.index",
						route: "roles.index",
						icon: "adjust-h",
						target: "people",
						permissions: ["read-roles"],
						label: t("Roles")
					}
				]
			},
			{
				name: "accounting",
				route: null,
				route_prefix: "/admin/accounting",
				icon: "book",
				label: t("Accounting"),
				permissions: [
					"read-accounts",
					"read-account-types",
					"read-account-transactions",
					"read-account-transfers",
					"read-assets",
					"read-asset-categories",
					"read-asset-allocations",
					"read-asset-maintenances"
				],
				sub_menu: [
					{
						name: "accounts.index",
						route: "accounts.index",
						icon: "book",
						target: "accounting",
						permissions: ["read-accounts"],
						label: t("Accounts")
					},
					{
						name: "account-types.index",
						route: "account-types.index",
						icon: "list",
						target: "accounting",
						permissions: ["read-account-types"],
						label: t("Account Types")
					},
					{
						name: "account-transfers.index",
						route: "account-transfers.index",
						icon: "money",
						target: "accounting",
						permissions: ["read-account-transfers"],
						label: t("Transfers")
					},
					{
						name: "account-transactions.index",
						route: "account-transactions.index",
						icon: "transaction",
						target: "accounting",
						permissions: ["read-account-transactions"],
						label: t("Transactions")
					},
					{ name: "separator" },
					{
						name: "assets.index",
						route: "assets.index",
						icon: "cube",
						target: "accounting",
						permissions: ["read-assets"],
						label: t("Assets")
					},
					{
						name: "asset-categories.index",
						route: "asset-categories.index",
						icon: "folder",
						target: "accounting",
						permissions: ["read-asset-categories"],
						label: t("Asset Categories")
					},
					{
						name: "asset-allocations.index",
						route: "asset-allocations.index",
						icon: "users",
						target: "accounting",
						permissions: ["read-asset-allocations"],
						label: t("Asset Allocations")
					},
					{
						name: "asset-maintenances.index",
						route: "asset-maintenances.index",
						icon: "wrench",
						target: "accounting",
						permissions: ["read-asset-maintenances"],
						label: t("Asset Maintenances")
					}
				]
			},
			{
				name: "hr",
				route: null,
				route_prefix: "/admin/hr",
				icon: "users",
				label: t("HR & Payroll"),
				permissions: [
					"read-employees",
					"read-leaves",
					"read-attendances",
					"read-payrolls",
					"read-claims",
					"settings"
				],
				sub_menu: [
					{
						name: "employees.index",
						route: "employees.index",
						icon: "people",
						target: "hr",
						permissions: ["read-employees"],
						label: t("Employees")
					},
					{ name: "separator" },
					{
						name: "attendances.index",
						route: "attendances.index",
						icon: "calendar-dots",
						target: "hr",
						permissions: ["read-attendances"],
						label: t("Attendance")
					},
					{
						name: "leaves.index",
						route: "leaves.index",
						icon: "calendar",
						target: "hr",
						permissions: ["read-leaves"],
						label: t("Leaves")
					},
					{
						name: "leave-types.index",
						route: "leave-types.index",
						icon: "sick",
						target: "hr",
						permissions: ["settings"],
						label: t("Leave Types")
					},
					{ name: "separator" },
					{
						name: "payrolls.index",
						route: "payrolls.index",
						icon: "dollar",
						target: "hr",
						permissions: ["read-payrolls"],
						label: t("Payroll")
					},
					{
						name: "claims.index",
						route: "claims.index",
						icon: "receipt",
						target: "hr",
						permissions: ["read-claims"],
						label: t("Claims & Benefits")
					}
				]
			},
			{
				name: "settings",
				route: null,
				route_prefix: "/admin/settings",
				icon: "cog",
				label: t("Settings"),
				permissions: [
					"settings",
					"read-accounts",
					"read-stores",
					"read-taxes",
					"read-custom-fields"
				],
				sub_menu: [
					{
						name: "settings.index",
						route: "settings.index",
						icon: "settings",
						target: "settings",
						permissions: ["settings"],
						label: t("{x} Settings", { x: t("General") })
					},
					{
						name: "settings.mail",
						route: "settings.mail",
						icon: "envelope",
						target: "settings",
						permissions: ["settings"],
						label: t("{x} Settings", { x: t("Mail") })
					},
					{
						name: "settings.payment",
						route: "settings.payment",
						icon: "dollar-o",
						target: "settings",
						permissions: ["settings"],
						label: t("{x} Settings", { x: t("Payment") })
					},
					{
						name: "settings.barcode",
						route: "settings.barcode",
						icon: "scale",
						target: "settings",
						permissions: ["settings"],
						label: t("{x} Settings", { x: t("Scale Barcode") })
					},
					{ name: "separator" },
					{
						name: "stores.index",
						route: "stores.index",
						icon: "store",
						target: "settings",
						permissions: ["read-stores"],
						label: t("Stores")
					},
					{
						name: "taxes.index",
						route: "taxes.index",
						icon: "receipt",
						target: "settings",
						permissions: ["read-taxes"],
						label: t("Taxes")
					},
					{
						name: "custom_fields.index",
						route: "custom_fields.index",
						icon: "textbox",
						target: "settings",
						permissions: ["read-custom-fields"],
						label: t("Custom Fields")
					}
				]
			},
			{
				name: "shop",
				route: "shop",
				icon: "shop",
				route_prefix: "shop",
				module: "shop_module",
				label: t("Shop Module"),
				permissions: ["read-settings"],
				sub_menu: [{
					name: "shop.home",
					link: route().has("shop.home") ? route("shop.home") : null,
					route: "shop.home",
					icon: "shop-o",
					target: "shop",
					permissions: [],
					label: t("Shop Home")
				}, {
					name: "shop.settings",
					link: route().has("shop.settings") ? route("shop.settings") : null,
					route: "shop.settings",
					icon: "cog-o",
					target: "shop",
					permissions: ["read-settings"],
					label: t("Shop Settings")
				}]
			},
			{
				name: "reports",
				route: null,
				route_prefix: "reports",
				icon: "bar-chart",
				label: t("Reports"),
				permissions: [
					"sales-report",
					"purchases-report",
					"payments-report",
					"expenses-report",
					"products-report",
					"categories-report",
					"adjustments-report",
					"transfers-report",
					"profit_loss-report",
					"inventory_accounting-report",
					"customers-report",
					"suppliers-report",
					"staff-report",
					"return-order-report",
					"activities-report"
				],
				sub_menu: [
					{
						name: "daily_sales.report",
						route: "daily_sales.report",
						icon: "calendar-dots",
						target: "reports",
						permissions: ["sales-report"],
						label: t("{x} Report", { x: t("Daily Sales") })
					},
					{
						name: "monthly_sales.report",
						route: "monthly_sales.report",
						icon: "calendar",
						target: "reports",
						permissions: ["sales-report"],
						label: t("{x} Report", { x: t("Monthly Sales") })
					},
					{
						name: "sales.report",
						route: "sales.report",
						icon: "bag",
						target: "reports",
						permissions: ["sales-report"],
						label: t("{x} Report", { x: t("Sales") })
					},
					{
						name: "registers.report",
						route: "registers.report",
						icon: "register",
						target: "reports",
						permissions: ["registers-report"],
						label: t("{x} Report", { x: t("Registers") })
					},
					{
						name: "purchases.report",
						route: "purchases.report",
						icon: "cart",
						target: "reports",
						permissions: ["purchases-report"],
						label: t("{x} Report", { x: t("Purchases") })
					},
					{
						name: "payments.report",
						route: "payments.report",
						icon: "dollar",
						target: "reports",
						permissions: ["payments-report"],
						label: t("{x} Report", { x: t("Payments") })
					},
					{
						name: "expenses.report",
						route: "expenses.report",
						icon: "money",
						target: "reports",
						permissions: ["expenses-report"],
						label: t("{x} Report", { x: t("Expenses") })
					},
					{
						name: "income.report",
						route: "income.report",
						icon: "tipjar",
						target: "reports",
						permissions: ["income-report"],
						label: t("{x} Report", { x: t("Income") })
					},
					{
						name: "products.report",
						route: "products.report",
						icon: "barcode",
						target: "reports",
						permissions: ["products-report"],
						label: t("{x} Report", { x: t("Products") })
					},
					{
						name: "brands.report",
						route: "brands.report",
						icon: "star",
						target: "reports",
						permissions: ["brands-report"],
						label: t("{x} Report", { x: t("Brands") })
					},
					{
						name: "categories.report",
						route: "categories.report",
						icon: "folder",
						target: "reports",
						permissions: ["categories-report"],
						label: t("{x} Report", { x: t("Categories") })
					},
					{
						name: "adjustments.report",
						route: "adjustments.report",
						icon: "adjust",
						target: "reports",
						permissions: ["adjustments-report"],
						label: t("{x} Report", { x: t("Adjustments") })
					},
					{
						name: "transfers.report",
						route: "transfers.report",
						icon: "transfer",
						target: "reports",
						permissions: ["transfers-report"],
						label: t("{x} Report", { x: t("Transfers") })
					},
					{
						name: "return_orders.report",
						route: "return_orders.report",
						icon: "return",
						target: "reports",
						permissions: ["return-orders-report"],
						label: t("{x} Report", { x: t("Return Order") })
					},
					{
						name: "profit_loss.report",
						route: "profit_loss.report",
						icon: "chart-xac",
						target: "reports",
						permissions: ["profit_loss-report"],
						label: t("{x} Report", { x: t("Profit & Loss") })
					},
					{
						name: "inventory_accounting.report",
						route: "inventory_accounting.report",
						icon: "list",
						target: "reports",
						permissions: ["inventory_accounting-report"],
						label: t("{x} Report", { x: t("Inventory Accounting") })
					},
					{
						name: "customers.report",
						route: "customers.report",
						icon: "group",
						target: "reports",
						permissions: ["customers-report"],
						label: t("{x} Report", { x: t("Customers") })
					},
					{
						name: "suppliers.report",
						route: "suppliers.report",
						icon: "suppliers",
						target: "reports",
						permissions: ["suppliers-report"],
						label: t("{x} Report", { x: t("Suppliers") })
					},
					{
						name: "staff.report",
						route: "staff.report",
						icon: "users",
						target: "reports",
						permissions: ["staff-report"],
						label: t("{x} Report", { x: t("Staff") })
					},
					{
						name: "activities.report",
						route: "activities.report",
						icon: "file-text",
						target: "reports",
						permissions: ["activities-report"],
						label: t("{x} Report", { x: t("Activities") })
					}
				]
			}
		]
	}, {
		name: "support",
		heading: "Support",
		menus: [
			{
				link: "https://tecdiary.github.io/sma-guide/",
				name: "docs",
				route: "docs",
				icon: "docs2",
				hidden: false,
				sub_menu: false,
				permissions: ["all"],
				label: t("Docs")
			},
			{
				link: "https://tecdiary.com/support",
				name: "support",
				route: "support",
				icon: "support",
				hidden: false,
				sub_menu: false,
				permissions: ["all"],
				label: t("Support")
			},
			{
				link: "https://tecdiary.com/changelogs/stock-manager-advance-with-all-modules",
				name: "changelog",
				route: "changelog",
				icon: "code",
				hidden: false,
				sub_menu: false,
				permissions: ["all"],
				label: t("Changelog")
			}
		]
	}];
	if (usePage().props.settings?.restaurant == 1) menus[0].menus = menus[0].menus.map((menu) => {
		if (menu.name == "pos") {
			menu.sub_menu.push({
				name: "halls.index",
				route: "pos.halls.index",
				icon: "building",
				target: "pos",
				permissions: ["read-halls"],
				label: t("Restaurant Halls")
			});
			menu.sub_menu.push({
				name: "tables.index",
				route: "pos.tables.index",
				icon: "grid",
				target: "pos",
				permissions: ["read-tables"],
				label: t("Restaurant Tables")
			});
			menu.sub_menu.push({
				name: "qr-codes.index",
				route: "pos.qr-codes.index",
				icon: "qrcode",
				target: "pos",
				permissions: ["read-tables"],
				label: t("Table QR Codes")
			});
		}
		return menu;
	});
	return menus;
};
//#endregion
//#region resources/js/Core/useClickOutside.js
function useClickOutside(component, callback, excludeComponent, excludeElement) {
	if (!component) throw new Error("A target component has to be provided.");
	if (!callback) throw new Error("A callback has to be provided.");
	if (excludeElement) var element = document.getElementById(excludeElement);
	const listener = (event) => {
		if (event.target === component.value || event.composedPath().includes(component.value) || event.target === excludeComponent.value || event.composedPath().includes(excludeComponent.value) || excludeElement && (event.target === element || event.composedPath().includes(element))) return;
		if (typeof callback === "function") callback();
	};
	onMounted(() => {
		window.addEventListener("click", listener);
	});
	onBeforeUnmount(() => {
		window.removeEventListener("click", listener);
	});
}
//#endregion
//#region resources/js/Components/Common/Alerts.vue
var _sfc_main$38 = {
	__name: "Alerts",
	__ssrInlineRender: true,
	emits: ["close"],
	setup(__props, { emit: __emit }) {
		const data = ref({});
		const loading = ref(true);
		onMounted(async () => {
			await http_default.get(B("alerts")).then((res) => data.value = res.data).finally(() => loading.value = false);
		});
		return (_ctx, _push, _parent, _attrs) => {
			const _component_Icon = resolveComponent("Icon");
			_push(`<div${ssrRenderAttrs(_attrs)}><span class="absolute end-12 top-4 inline-flex items-center gap-x-4 sm:end-14 print:hidden"><button type="button" class="link -m-2 p-2">`);
			_push(ssrRenderComponent(_component_Icon, {
				name: "print-o",
				class: "size-5"
			}, null, _parent));
			_push(`</button></span><div class="border-b border-gray-200 px-4 py-4 sm:px-6 dark:border-gray-700 print:hidden"><div class="sm:flex sm:items-baseline sm:justify-between"><div class="sm:w-0 sm:flex-1"><h1 class="text-focus text-base font-semibold">${ssrInterpolate(_ctx.$t("Application Alerts"))}</h1><p class="text-mute mt-1 truncate text-sm">${ssrInterpolate(_ctx.$t("Please view the app alerts below"))}</p></div></div></div>`);
			if (loading.value) {
				_push(`<div>`);
				_push(ssrRenderComponent(unref(_sfc_main$24), null, null, _parent));
				_push(`</div>`);
			} else {
				_push(`<div class="px-6">`);
				if (data.value?.customers > 0) {
					_push(`<dl class="my-6 grid grid-cols-1 gap-0.5 overflow-hidden rounded-md text-center sm:grid-cols-2 md:grid-cols-3">`);
					if (data.value?.customers > 0) _push(`<button type="button" class="flex flex-col items-center justify-center rounded-md bg-gray-100 p-4 hover:bg-yellow-100 dark:bg-gray-900 dark:hover:bg-yellow-900"><span class="text-sm/6 font-semibold">${ssrInterpolate(data.value.customers == 1 ? _ctx.$t("Customer") : _ctx.$t("Customers"))}</span><span class="-mt-1 text-sm/6 font-semibold">${ssrInterpolate(_ctx.$t("reached due limit"))}</span><span class="text-focused order-first text-3xl font-semibold tracking-tight">${ssrInterpolate(data.value.customers)}</span></button>`);
					else _push(`<!---->`);
					_push(`</dl>`);
				} else _push(`<!---->`);
				_push(`<!--[-->`);
				ssrRenderList(data.value.stores, (store) => {
					_push(`<!--[--><div class="${ssrRenderClass([data.value?.customers > 0 ? "" : "mt-6", "border-b border-gray-200 pb-2 dark:border-gray-700"])}"><h3 class="text-focus text-base font-bold">${ssrInterpolate(store.name)}</h3></div><div class="my-6 grid grid-cols-1 gap-0.5 overflow-hidden rounded-md text-center sm:grid-cols-2 md:grid-cols-3">`);
					if (store?.reorder_stock > 0) _push(`<button type="button" class="flex flex-col items-center justify-center rounded-md bg-gray-100 p-4 hover:bg-yellow-100 dark:bg-gray-900 dark:hover:bg-yellow-900"><span class="text-sm/6 font-semibold">${ssrInterpolate(_ctx.$t("Low Stock"))}</span><span class="text-focused order-first text-3xl font-semibold tracking-tight">${ssrInterpolate(store?.reorder_stock || 0)}</span></button>`);
					else _push(`<!---->`);
					if (store?.unpaid_sales > 0) _push(`<button type="button" class="flex flex-col items-center justify-center rounded-md bg-gray-100 p-4 hover:bg-yellow-100 dark:bg-gray-900 dark:hover:bg-yellow-900"><span class="text-sm/6 font-semibold">${ssrInterpolate(_ctx.$t("Unpaid {x}", { x: _ctx.$t("Sales") }))}</span><span class="text-focused order-first text-3xl font-semibold tracking-tight">${ssrInterpolate(store.unpaid_sales)}</span></button>`);
					else _push(`<!---->`);
					if (store?.due_sales > 0) _push(`<button type="button" class="flex flex-col items-center justify-center rounded-md bg-gray-100 p-4 hover:bg-yellow-100 dark:bg-gray-900 dark:hover:bg-yellow-900"><span class="text-sm/6 font-semibold">${ssrInterpolate(_ctx.$t("Overdue {x}", { x: _ctx.$t("Sales") }))}</span><span class="text-focused order-first text-3xl font-semibold tracking-tight">${ssrInterpolate(store.due_sales)}</span></button>`);
					else _push(`<!---->`);
					if (store?.unreceived_payments > 0) _push(`<button type="button" class="flex flex-col items-center justify-center rounded-md bg-gray-100 p-4 hover:bg-yellow-100 dark:bg-gray-900 dark:hover:bg-yellow-900"><span class="text-sm/6 font-semibold">${ssrInterpolate(_ctx.$t("Payment Requests"))}</span><span class="text-focused order-first text-3xl font-semibold tracking-tight">${ssrInterpolate(store.unreceived_payments)}</span></button>`);
					else _push(`<!---->`);
					if (store?.unpaid_purchases > 0) _push(`<button type="button" class="flex flex-col items-center justify-center rounded-md bg-gray-100 p-4 hover:bg-yellow-100 dark:bg-gray-900 dark:hover:bg-yellow-900"><span class="text-sm/6 font-semibold">${ssrInterpolate(_ctx.$t("Unpaid {x}", { x: _ctx.$t("Purchases") }))}</span><span class="text-focused order-first text-3xl font-semibold tracking-tight">${ssrInterpolate(store.unpaid_purchases)}</span></button>`);
					else _push(`<!---->`);
					_push(`</div><!--]-->`);
				});
				_push(`<!--]--></div>`);
			}
			_push(`</div>`);
		};
	}
};
var _sfc_setup$38 = _sfc_main$38.setup;
_sfc_main$38.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Common/Alerts.vue");
	return _sfc_setup$38 ? _sfc_setup$38(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Common/Attachments.vue
var _sfc_main$37 = {
	__name: "Attachments",
	__ssrInlineRender: true,
	props: { attachments: { type: Array } },
	setup(__props) {
		const modal = ref(false);
		const selected = ref(null);
		const destroy = () => {
			router.delete(route("attachments.destroy", selected.value.id), { onFinish: closeModal });
		};
		const closeModal = () => {
			modal.value = false;
			selected.value = null;
		};
		return (_ctx, _push, _parent, _attrs) => {
			if (__props.attachments.length) {
				_push(`<div${ssrRenderAttrs(_attrs)}><p class="mb-1">${ssrInterpolate(_ctx.$t("Attachments"))}</p><ul role="list" class="divide-y divide-gray-200 rounded-md border border-gray-200 dark:divide-gray-700 dark:border-gray-700"><!--[-->`);
				ssrRenderList(__props.attachments, (attachment) => {
					_push(`<li class="flex items-center justify-between py-4 ps-4 pe-5 text-sm leading-6"><div class="flex w-0 flex-1 items-center"><svg class="h-5 w-5 shrink-0 text-gray-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M15.621 4.379a3 3 0 00-4.242 0l-7 7a3 3 0 004.241 4.243h.001l.497-.5a.75.75 0 011.064 1.057l-.498.501-.002.002a4.5 4.5 0 01-6.364-6.364l7-7a4.5 4.5 0 016.368 6.36l-3.455 3.553A2.625 2.625 0 119.52 9.52l3.45-3.451a.75.75 0 111.061 1.06l-3.45 3.451a1.125 1.125 0 001.587 1.595l3.454-3.553a3 3 0 000-4.242z" clip-rule="evenodd"></path></svg><div class="ms-4 flex min-w-0 flex-1 gap-2"><span class="truncate font-medium">${ssrInterpolate(attachment.title)}</span></div></div><div class="ms-4 flex shrink-0 items-center gap-2"><a${ssrRenderAttr("href", _ctx.route("attachments.download", attachment.uuid))} class="link font-medium">${ssrInterpolate(_ctx.$t("Download"))}</a>`);
					if (_ctx.$can("delete-attachments")) _push(`<button type="button" class="font-medium text-red-600 hover:text-red-500">${ssrInterpolate(_ctx.$t("Delete"))}</button>`);
					else _push(`<!---->`);
					_push(`</div></li>`);
				});
				_push(`<!--]--></ul>`);
				_push(ssrRenderComponent(unref(_sfc_main$50), {
					show: modal.value,
					onClose: closeModal,
					maxWidth: "sm"
				}, {
					title: withCtx((_, _push, _parent, _scopeId) => {
						if (_push) _push(`${ssrInterpolate(_ctx.$t("Delete {x}", { x: _ctx.$t("attachment") }))}`);
						else return [createTextVNode(toDisplayString(_ctx.$t("Delete {x}", { x: _ctx.$t("attachment") })), 1)];
					}),
					content: withCtx((_, _push, _parent, _scopeId) => {
						if (_push) _push(`<p${_scopeId}>${ssrInterpolate(_ctx.$t("Please confirm that you would like to delete the record?"))}</p><p class="mt-2 text-red-500"${_scopeId}>${ssrInterpolate(_ctx.$t("This action will delete the data permanently."))}</p>`);
						else return [createVNode("p", null, toDisplayString(_ctx.$t("Please confirm that you would like to delete the record?")), 1), createVNode("p", { class: "mt-2 text-red-500" }, toDisplayString(_ctx.$t("This action will delete the data permanently.")), 1)];
					}),
					footer: withCtx((_, _push, _parent, _scopeId) => {
						if (_push) {
							_push(ssrRenderComponent(unref(_sfc_main$64), { onClick: closeModal }, {
								default: withCtx((_, _push, _parent, _scopeId) => {
									if (_push) _push(`${ssrInterpolate(_ctx.$t("Cancel"))}`);
									else return [createTextVNode(toDisplayString(_ctx.$t("Cancel")), 1)];
								}),
								_: 1
							}, _parent, _scopeId));
							_push(ssrRenderComponent(unref(_sfc_main$48), { onClick: destroy }, {
								default: withCtx((_, _push, _parent, _scopeId) => {
									if (_push) _push(`${ssrInterpolate(_ctx.$t("Yes, delete"))}`);
									else return [createTextVNode(toDisplayString(_ctx.$t("Yes, delete")), 1)];
								}),
								_: 1
							}, _parent, _scopeId));
						} else return [createVNode(unref(_sfc_main$64), { onClick: closeModal }, {
							default: withCtx(() => [createTextVNode(toDisplayString(_ctx.$t("Cancel")), 1)]),
							_: 1
						}), createVNode(unref(_sfc_main$48), { onClick: destroy }, {
							default: withCtx(() => [createTextVNode(toDisplayString(_ctx.$t("Yes, delete")), 1)]),
							_: 1
						})];
					}),
					_: 1
				}, _parent));
				_push(`</div>`);
			} else _push(`<!---->`);
		};
	}
};
var _sfc_setup$37 = _sfc_main$37.setup;
_sfc_main$37.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Common/Attachments.vue");
	return _sfc_setup$37 ? _sfc_setup$37(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Pages/Sma/Pos/Components/Keyboard/composable.js
var state$1 = reactive({
	show: false,
	element: null,
	modelValue: false
});
var useKeyboard = () => {
	const setState = (state) => {
		state.show = state.show;
		state.element = state.element;
		state.modelValue = state.modelValue;
	};
	return {
		state: state$1,
		setState
	};
};
//#endregion
//#region resources/js/Pages/Sma/Pos/Components/Keyboard/Keyboard.js
var { state } = useKeyboard();
var focusFn = (event) => {
	state.element = event.target;
	state.modelValue = event.target?.value;
	state.show = true;
};
var focusoutFn = () => {};
var vKeyboard = {
	mounted(el) {
		el.addEventListener("focus", focusFn);
		el.addEventListener("focusout", focusoutFn);
	},
	unmounted(el) {
		el.removeEventListener("focus", focusFn);
		el.removeEventListener("focusout", focusoutFn);
	}
};
//#endregion
//#region resources/js/Pages/Sma/Pos/Components/Keyboard/KeyBoard.vue
var KeyBoard_exports = /* @__PURE__ */ __exportAll({ default: () => KeyBoard_default });
var _sfc_main$36 = {
	__name: "KeyBoard",
	__ssrInlineRender: true,
	props: ["modelValue", "element"],
	emits: ["change"],
	setup(__props) {
		const { state } = useKeyboard();
		const shift = ref(false);
		const capslock = ref(false);
		const input = ref(state.modelValue || "");
		watch(() => state.element, (newValue) => {
			input.value = newValue.value || "";
		});
		onMounted(() => {
			let offsetX, offsetY;
			let isDragging = false;
			const draggableHandle = document.getElementById("drag-handle");
			const draggableDiv = document.getElementById("keyboard-container");
			draggableDiv.addEventListener("mousedown", (e) => {
				isDragging = true;
				offsetX = e.clientX - draggableDiv.getBoundingClientRect().left;
				offsetY = e.clientY - draggableDiv.getBoundingClientRect().top;
				draggableHandle.style.cursor = "grabbing";
			});
			document.addEventListener("mousemove", (e) => {
				if (!isDragging) return;
				draggableDiv.classList.remove("ltr:-translate-x-1/2 rtl:translate-x-1/2");
				draggableDiv.style.left = `${e.clientX - offsetX}px`;
				draggableDiv.style.top = `${e.clientY - offsetY}px`;
			});
			document.addEventListener("mouseup", () => {
				isDragging = false;
				draggableHandle.style.cursor = "grab";
			});
		});
		return (_ctx, _push, _parent, _attrs) => {
			ssrRenderTeleport(_push, (_push) => {
				_push(`<div id="keyboard-container" class="fixed start-1/2 bottom-2 z-50 hidden h-64 max-w-3xl cursor-default items-center justify-center rounded-lg border border-gray-200 bg-gray-100 p-2.5 text-gray-700 lg:inline-flex ltr:-translate-x-1/2 rtl:translate-x-1/2 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-300" style="${ssrRenderStyle(unref(state).show && _ctx.$page.props.settings.onscreen_keyboard == 1 ? null : { display: "none" })}" data-v-1484ac9f><div id="keyboard" class="relative max-w-screen min-w-screen md:min-w-auto" data-v-1484ac9f><div id="drag-handle" class="absolute -top-7 -left-7 flex size-8 cursor-grab items-center justify-center rounded-full border border-gray-200 bg-gray-100 dark:border-gray-700 dark:bg-gray-800" data-v-1484ac9f><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" data-v-1484ac9f><path d="M12 2v20" data-v-1484ac9f></path><path d="m15 19-3 3-3-3" data-v-1484ac9f></path><path d="m19 9 3 3-3 3" data-v-1484ac9f></path><path d="M2 12h20" data-v-1484ac9f></path><path d="m5 9-3 3 3 3" data-v-1484ac9f></path><path d="m9 5 3-3 3 3" data-v-1484ac9f></path></svg></div><ul class="flex items-center justify-center gap-1.5 pb-2 [&amp;_li]:flex [&amp;_li]:size-10 [&amp;_li]:items-center [&amp;_li]:justify-center [&amp;_li]:rounded-md [&amp;_li]:bg-white [&amp;_li]:shadow dark:[&amp;_li]:bg-gray-950 [&amp;_li:hover]:relative [&amp;_li:hover]:start-px [&amp;_li:hover]:top-px [&amp;_li:hover]:cursor-pointer" data-v-1484ac9f><li class="symbol" data-v-1484ac9f><span class="off" data-v-1484ac9f>\`</span><span class="on" data-v-1484ac9f>~</span></li><li class="symbol" data-v-1484ac9f><span class="off" data-v-1484ac9f>1</span><span class="on" data-v-1484ac9f>!</span></li><li class="symbol" data-v-1484ac9f><span class="off" data-v-1484ac9f>2</span><span class="on" data-v-1484ac9f>@</span></li><li class="symbol" data-v-1484ac9f><span class="off" data-v-1484ac9f>3</span><span class="on" data-v-1484ac9f>#</span></li><li class="symbol" data-v-1484ac9f><span class="off" data-v-1484ac9f>4</span><span class="on" data-v-1484ac9f>\$</span></li><li class="symbol" data-v-1484ac9f><span class="off" data-v-1484ac9f>5</span><span class="on" data-v-1484ac9f>%</span></li><li class="symbol" data-v-1484ac9f><span class="off" data-v-1484ac9f>6</span><span class="on" data-v-1484ac9f>^</span></li><li class="symbol" data-v-1484ac9f><span class="off" data-v-1484ac9f>7</span><span class="on" data-v-1484ac9f>&amp;</span></li><li class="symbol" data-v-1484ac9f><span class="off" data-v-1484ac9f>8</span><span class="on" data-v-1484ac9f>*</span></li><li class="symbol" data-v-1484ac9f><span class="off" data-v-1484ac9f>9</span><span class="on" data-v-1484ac9f>(</span></li><li class="symbol" data-v-1484ac9f><span class="off" data-v-1484ac9f>0</span><span class="on" data-v-1484ac9f>)</span></li><li class="symbol" data-v-1484ac9f><span class="off" data-v-1484ac9f>-</span><span class="on" data-v-1484ac9f>_</span></li><li class="symbol" data-v-1484ac9f><span class="off" data-v-1484ac9f>=</span><span class="on" data-v-1484ac9f>+</span></li><li class="delete" data-v-1484ac9f>delete</li></ul><ul class="flex items-center justify-center gap-1.5 pb-2 [&amp;_li]:flex [&amp;_li]:size-10 [&amp;_li]:items-center [&amp;_li]:justify-center [&amp;_li]:rounded-md [&amp;_li]:bg-white [&amp;_li]:shadow dark:[&amp;_li]:bg-gray-950 [&amp;_li:hover]:relative [&amp;_li:hover]:start-px [&amp;_li:hover]:top-px [&amp;_li:hover]:cursor-pointer" data-v-1484ac9f><li class="tab" data-v-1484ac9f>tab</li><li class="letter" data-v-1484ac9f>q</li><li class="letter" data-v-1484ac9f>w</li><li class="letter" data-v-1484ac9f>e</li><li class="letter" data-v-1484ac9f>r</li><li class="letter" data-v-1484ac9f>t</li><li class="letter" data-v-1484ac9f>y</li><li class="letter" data-v-1484ac9f>u</li><li class="letter" data-v-1484ac9f>i</li><li class="letter" data-v-1484ac9f>o</li><li class="letter" data-v-1484ac9f>p</li><li class="symbol" data-v-1484ac9f><span class="off" data-v-1484ac9f>[</span><span class="on" data-v-1484ac9f>{</span></li><li class="symbol" data-v-1484ac9f><span class="off" data-v-1484ac9f>]</span><span class="on" data-v-1484ac9f>}</span></li><li class="symbol" data-v-1484ac9f><span class="off" data-v-1484ac9f>\\</span><span class="on" data-v-1484ac9f>|</span></li></ul><ul class="flex items-center justify-center gap-1.5 pb-2 [&amp;_li]:flex [&amp;_li]:size-10 [&amp;_li]:items-center [&amp;_li]:justify-center [&amp;_li]:rounded-md [&amp;_li]:bg-white [&amp;_li]:shadow dark:[&amp;_li]:bg-gray-950 [&amp;_li:hover]:relative [&amp;_li:hover]:start-px [&amp;_li:hover]:top-px [&amp;_li:hover]:cursor-pointer" data-v-1484ac9f><li class="${ssrRenderClass([{ "bg-primary-500! text-white": capslock.value }, "capslock"])}" data-v-1484ac9f>caps lock</li><li class="letter" data-v-1484ac9f>a</li><li class="letter" data-v-1484ac9f>s</li><li class="letter" data-v-1484ac9f>d</li><li class="letter" data-v-1484ac9f>f</li><li class="letter" data-v-1484ac9f>g</li><li class="letter" data-v-1484ac9f>h</li><li class="letter" data-v-1484ac9f>j</li><li class="letter" data-v-1484ac9f>k</li><li class="letter" data-v-1484ac9f>l</li><li class="symbol" data-v-1484ac9f><span class="off" data-v-1484ac9f>;</span><span class="on" data-v-1484ac9f>:</span></li><li class="symbol" data-v-1484ac9f><span class="off" data-v-1484ac9f>&#39;</span><span class="on" data-v-1484ac9f>&quot;</span></li><li class="return" data-v-1484ac9f>return</li></ul><ul class="flex items-center justify-center gap-1.5 pb-2 [&amp;_li]:flex [&amp;_li]:size-10 [&amp;_li]:items-center [&amp;_li]:justify-center [&amp;_li]:rounded-md [&amp;_li]:bg-white [&amp;_li]:shadow dark:[&amp;_li]:bg-gray-950 [&amp;_li:hover]:relative [&amp;_li:hover]:start-px [&amp;_li:hover]:top-px [&amp;_li:hover]:cursor-pointer" data-v-1484ac9f><li class="${ssrRenderClass([{ "bg-primary-500! text-white": shift.value }, "left-shift"])}" data-v-1484ac9f>shift</li><li class="letter" data-v-1484ac9f>z</li><li class="letter" data-v-1484ac9f>x</li><li class="letter" data-v-1484ac9f>c</li><li class="letter" data-v-1484ac9f>v</li><li class="letter" data-v-1484ac9f>b</li><li class="letter" data-v-1484ac9f>n</li><li class="letter" data-v-1484ac9f>m</li><li class="symbol" data-v-1484ac9f><span class="off" data-v-1484ac9f>,</span><span class="on" data-v-1484ac9f>&lt;</span></li><li class="symbol" data-v-1484ac9f><span class="off" data-v-1484ac9f>.</span><span class="on" data-v-1484ac9f>&gt;</span></li><li class="symbol" data-v-1484ac9f><span class="off" data-v-1484ac9f>/</span><span class="on" data-v-1484ac9f>?</span></li><li class="${ssrRenderClass([{ "bg-primary-500! text-white": shift.value }, "right-shift"])}" data-v-1484ac9f>shift</li></ul><ul class="flex items-center justify-center gap-1.5 [&amp;_li]:flex [&amp;_li]:h-10 [&amp;_li]:items-center [&amp;_li]:justify-center [&amp;_li]:rounded-md [&amp;_li]:bg-white [&amp;_li]:shadow dark:[&amp;_li]:bg-gray-950 [&amp;_li:hover]:relative [&amp;_li:hover]:start-px [&amp;_li:hover]:top-px [&amp;_li:hover]:cursor-pointer" data-v-1484ac9f><li class="cancel size-10 bg-red-500! text-white!" data-v-1484ac9f><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-5" data-v-1484ac9f><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" data-v-1484ac9f></path></svg><span class="sr-only" data-v-1484ac9f>${ssrInterpolate("Cancel")}</span></li><li class="size-10" data-v-1484ac9f>@</li><li class="size-10" data-v-1484ac9f>.</li><li class="space flex-1" data-v-1484ac9f> </li><li class="size-10" data-v-1484ac9f><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" data-v-1484ac9f><path d="M13 9a1 1 0 0 1-1-1V5.061a1 1 0 0 0-1.811-.75l-6.835 6.836a1.207 1.207 0 0 0 0 1.707l6.835 6.835a1 1 0 0 0 1.811-.75V16a1 1 0 0 1 1-1h6a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1z" data-v-1484ac9f></path></svg><span class="sr-only" data-v-1484ac9f>${ssrInterpolate("LeftArrow")}</span></li><li class="size-10" data-v-1484ac9f><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" data-v-1484ac9f><path d="M9 13a1 1 0 0 0-1-1H5.061a1 1 0 0 1-.75-1.811l6.836-6.835a1.207 1.207 0 0 1 1.707 0l6.835 6.835a1 1 0 0 1-.75 1.811H16a1 1 0 0 0-1 1v6a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1z" data-v-1484ac9f></path></svg><span class="sr-only" data-v-1484ac9f>${ssrInterpolate("UpArrow")}</span></li><li class="size-10" data-v-1484ac9f><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" data-v-1484ac9f><path d="M15 11a1 1 0 0 0 1 1h2.939a1 1 0 0 1 .75 1.811l-6.835 6.836a1.207 1.207 0 0 1-1.707 0L4.31 13.81a1 1 0 0 1 .75-1.811H8a1 1 0 0 0 1-1V5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1z" data-v-1484ac9f></path></svg><span class="sr-only" data-v-1484ac9f>${ssrInterpolate("DownArrow")}</span></li><li class="size-10" data-v-1484ac9f><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" data-v-1484ac9f><path d="M11 9a1 1 0 0 0 1-1V5.061a1 1 0 0 1 1.811-.75l6.836 6.836a1.207 1.207 0 0 1 0 1.707l-6.836 6.835a1 1 0 0 1-1.811-.75V16a1 1 0 0 0-1-1H5a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1z" data-v-1484ac9f></path></svg><span class="sr-only" data-v-1484ac9f>${ssrInterpolate("RightArrow")}</span></li><li class="accept w-20 bg-green-500! text-white!" data-v-1484ac9f><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-5" data-v-1484ac9f><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" data-v-1484ac9f></path></svg><span class="sr-only" data-v-1484ac9f>${ssrInterpolate("Accept")}</span></li></ul></div></div>`);
			}, "body", false, _parent);
		};
	}
};
var _sfc_setup$36 = _sfc_main$36.setup;
_sfc_main$36.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Pages/Sma/Pos/Components/Keyboard/KeyBoard.vue");
	return _sfc_setup$36 ? _sfc_setup$36(props, ctx) : void 0;
};
var KeyBoard_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main$36, [["__scopeId", "data-v-1484ac9f"]]);
//#endregion
//#region resources/js/Components/Common/AutoComplete.vue
var _sfc_main$35 = {
	__name: "AutoComplete",
	__ssrInlineRender: true,
	props: {
		id: {
			type: String,
			default() {
				return Math.random().toString().replace("0.", "1");
			}
		},
		json: Boolean,
		size: String,
		label: String,
		error: String,
		action: Function,
		addResult: Array,
		position: String,
		disabled: Boolean,
		actionText: String,
		defaultText: String,
		placeholder: String,
		disable: [String, Number],
		suggestions: [String, Array],
		selectedValues: [String, Array],
		modelValue: [
			String,
			Number,
			Array
		],
		hideIcon: {
			type: Boolean,
			default: false
		},
		keyboard: {
			type: Boolean,
			default: false
		},
		multiple: {
			type: Boolean,
			default: false
		},
		clearable: {
			type: Boolean,
			default: false
		},
		keepFocus: {
			type: Boolean,
			default: false
		},
		labelKey: {
			type: String,
			default: "label"
		},
		searchable: {
			type: Boolean,
			default: true
		},
		valueKey: {
			type: String,
			default: "value"
		},
		placement: {
			type: String,
			default: "bottom"
		},
		resetSearch: {
			type: Boolean,
			default: false
		},
		inputClass: {
			type: String,
			default: ""
		},
		max: {
			type: Number,
			default: null
		}
	},
	emits: ["change", "update:modelValue"],
	setup(__props, { emit: __emit }) {
		const excludeRef = ref(null);
		const componentRef = ref(null);
		const emit = __emit;
		const by_id = ref(false);
		const auto_complete = ref(null);
		const props = __props;
		const search = ref("");
		const result = ref([]);
		const input = ref(null);
		const open = ref(false);
		const stop = ref(false);
		const search0 = ref("");
		const current = ref(null);
		const loading = ref(false);
		const selected = ref(null);
		const placeholder = ref("");
		const multi_current = ref([]);
		const multi_selected = ref([]);
		const previousResults = ref([]);
		watch(() => props.modelValue, async (v) => {
			if (!v) {
				reset();
				await hide();
			} else if (props.multiple) {
				const vl = multi_selected.value.map((s) => props.json ? s[props.valueKey] : s);
				if (v.toString() !== vl.toString()) await initializeValue();
			} else {
				by_id.value = true;
				await initializeValue();
			}
		});
		watch(() => props.suggestions, (v) => result.value = v);
		watch(() => props.addResult, async (v) => {
			if (v && v.value) {
				result.value.push(v.value);
				current.value = v.value;
				selected.value = v.value;
				suggestionClick(current.value);
				setTimeout(() => {
					search.value = props.json ? v.value[props.labelKey] : v.value;
					emit("update:modelValue", v.value);
				}, 100);
			}
		});
		watch(search, (s) => {
			if (props.searchable) {
				open.value = true;
				if (Array.isArray(props.suggestions)) if (props.multiple && Array.isArray(props.suggestions)) result.value = props.suggestions;
				else result.value = s ? props.suggestions.filter((r) => cLabel(r, s)) : props.suggestions;
				else if (s) {
					loading.value = true;
					getSuggestions(s);
				}
			}
		});
		const currentLabel = computed(() => cLabel(selected.value));
		const currentValue = computed(() => cValue(selected.value));
		useClickOutside(componentRef, () => hide(), excludeRef, props.keyboard ? "keyboard-container" : null);
		onBeforeUnmount(() => {
			if (props.multiple) window.removeEventListener("click", clickListener);
		});
		onMounted(async () => {
			if (props.multiple) window.addEventListener("click", clickListener);
			await initializeValue();
		});
		const initializeValue = async () => {
			if (Array.isArray(props.suggestions)) result.value = props.suggestions;
			if (props.modelValue) {
				multi_current.value = [];
				if (Array.isArray(props.suggestions)) {
					if (props.multiple) {
						if (props.selectedValues) {
							multi_selected.value = props.selectedValues;
							search.value = props.selectedValues.join(", ");
						} else multi_selected.value = props.suggestions.filter((s) => s == props.modelValue || s[props.valueKey] == props.modelValue || props.modelValue.filter((m) => m == s[props.valueKey])[0] || props.modelValue.filter((m) => m[props.valueKey] == s[props.valueKey])[0] || s.id == props.modelValue);
						if (props.json) props.suggestions.map((s, si) => {
							if (multi_selected.value.find((v) => v[props.valueKey] == s[props.valueKey])) multi_current.value = [...multi_current.value, si];
						});
						else props.suggestions.map((s, si) => {
							if (multi_selected.value.includes(s)) multi_current.value = [...multi_current.value, si];
						});
						search.value = "";
					} else if (props.json) {
						selected.value = props.suggestions.find((s) => s == props.modelValue || s[props.valueKey] == props.modelValue || s.value == props.modelValue || s.id == props.modelValue);
						current.value = props.suggestions.findIndex((s) => s == props.modelValue || s[props.valueKey] == props.modelValue || s.value == props.modelValue || s.id == props.modelValue);
						search.value = currentLabel.value;
					} else selected.value = props.modelValue;
					await nextTick();
					await hide(null, true);
				} else if (!stop.value) http_default.post(props.suggestions, { id: props.modelValue }).then((res) => {
					if (props.multiple) {
						current.value = 0;
						result.value = res.data;
						previousResults.value = [...res.data];
						res.data.map(async (s, si) => await suggestionClick(si));
						search.value = "";
						hide(null, true);
					} else {
						current.value = 0;
						result.value = res.data;
						selected.value = res.data[0];
						search.value = cLabel(selected.value);
					}
				}).finally(async () => {
					await hide();
					loading.value = false;
				});
			}
		};
		const clickListener = (e) => {
			if (e.target == auto_complete.value || e.composedPath().includes(auto_complete.value)) return false;
			hide(e, true);
		};
		const getSuggestionsNow = (s) => {
			if (!stop.value && s && s !== currentLabel.value) {
				search0.value = s;
				http_default.post(props.suggestions, { search: s }).then((res) => {
					result.value = res.data;
					if (result.value.length == 1) suggestionClick(0);
				}).finally(() => loading.value = false);
			} else loading.value = false;
			stop.value = false;
		};
		const getSuggestions = debounce(getSuggestionsNow, 300);
		const cLabel = (r, s) => {
			if (r === null) return null;
			else if (typeof r !== "object") return r;
			let key = "";
			if (props.labelKey) key = props.labelKey;
			else if (r.label !== void 0) key = "label";
			else if (r.name !== void 0) key = "name";
			if (s) return key ? r[key].toLowerCase().includes(s.toString().toLowerCase()) : r.toLowerCase().includes(s.toLowerCase());
			return key ? r[key] : r;
		};
		const cValue = (r) => {
			if (r === null) return null;
			else if (typeof r !== "object") return r;
			let key = "";
			if (props.valueKey) key = props.valueKey;
			else if (r.value !== void 0) key = "value";
			else if (r.id !== void 0) key = "id";
			return key ? r[key] : r;
		};
		const hide = async (e, force, wait = false) => {
			if (wait) {
				setTimeout(hide, 200);
				return false;
			}
			if (!props.multiple || force) {
				if (selected.value) search.value = currentLabel.value;
				await nextTick();
				setTimeout(() => open.value = false, 10);
			} else {
				search.value = "";
				if (!Array.isArray(props.suggestions) && previousResults.value.length > 0) result.value = [...previousResults.value];
			}
		};
		const isActive = (index) => {
			if (props.multiple) return multi_current.value.includes(index);
			return index == current.value;
		};
		const suggestionClick = async (index, reset = false) => {
			stop.value = true;
			if (index !== void 0) if (props.multiple) {
				if (props.json && multi_selected.value.find((v) => v[props.valueKey] == result.value[index][props.valueKey])) multi_selected.value = multi_selected.value.filter((v) => v[props.valueKey] != result.value[index][props.valueKey]);
				else if (multi_selected.value.find((v) => v == result.value[index][props.valueKey])) multi_selected.value = multi_selected.value.filter((v) => v != result.value[index][props.valueKey]);
				else if (!props.max || multi_selected.value.length < props.max) multi_selected.value = [...multi_selected.value, result.value[index]];
				else return;
				multi_current.value = [];
				if (props.multiple) result.value.map((s, si) => {
					if (props.json && multi_selected.value.find((v) => v[props.valueKey] == s[props.valueKey])) multi_current.value = [...multi_current.value, si];
					else if (multi_selected.value.includes(s)) multi_current.value = [...multi_current.value, si];
				});
				else props.suggestions.map((s, si) => {
					if (props.json && multi_selected.value.find((v) => v[props.valueKey] == s[props.valueKey])) multi_current.value = [...multi_current.value, si];
					else if (multi_selected.value.includes(s)) multi_current.value = [...multi_current.value, si];
				});
				emit("update:modelValue", props.json ? multi_selected.value.map((v) => v[props.valueKey]) : multi_selected.value);
				emit("change", multi_selected.value);
				search.value = "";
			} else {
				current.value = index;
				selected.value = result.value[index];
				emit("update:modelValue", props.json ? currentValue.value : selected.value);
				emit("change", selected.value);
				search.value = props.resetSearch ? null : currentLabel.value;
				await hide();
			}
			if (reset) result.value = [];
			if (props.resetSearch) selected.value = null;
			if (props.keepFocus) input.value.focus();
		};
		const reset = async () => {
			search.value = "";
			current.value = 0;
			selected.value = null;
			multi_current.value = [];
			multi_selected.value = [];
			previousResults.value = [];
			emit("change", null);
			emit("update:modelValue", "");
			await hide();
		};
		return (_ctx, _push, _parent, _attrs) => {
			const _component_Icon = resolveComponent("Icon");
			let _temp0;
			_push(`<div${ssrRenderAttrs(mergeProps({
				ref_key: "excludeRef",
				ref: excludeRef,
				class: "col-span-6 sm:col-span-3 xl:col-span-4"
			}, _attrs))}><div class="flex items-center justify-between">`);
			if (__props.label) _push(ssrRenderComponent(unref(_sfc_main$44), {
				for: __props.id,
				value: __props.label,
				class: "mb-1 inline-block"
			}, null, _parent));
			else _push(`<!---->`);
			if (__props.actionText && __props.action) _push(`<button type="button" class="link text-sm focus:ring-0">${ssrInterpolate(__props.actionText)}</button>`);
			else _push(`<!---->`);
			_push(`</div>`);
			if (__props.multiple && multi_selected.value.length) {
				_push(`<div class="mb-2 flex flex-wrap gap-2"><!--[-->`);
				ssrRenderList(multi_selected.value, (item, index) => {
					_push(`<span class="inline-flex items-center gap-1 rounded-md bg-primary-100 px-2 py-1 text-sm text-primary-800 dark:bg-primary-900 dark:text-primary-200"><span class="max-w-xs truncate">${ssrInterpolate(__props.json ? item[__props.labelKey] : item)}</span><button type="button" class="inline-flex items-center justify-center rounded-full hover:bg-primary-200 dark:hover:bg-primary-800">`);
					_push(ssrRenderComponent(_component_Icon, {
						name: "x",
						size: "size-3"
					}, null, _parent));
					_push(`</button></span>`);
				});
				_push(`<!--]--></div>`);
			} else _push(`<!---->`);
			_push(`<div class="relative flex items-center"><div class="absolute end-0 top-0 flex h-full items-center gap-1 print:hidden">`);
			if (__props.clearable && __props.modelValue) {
				_push(`<button type="button" tabindex="-1" class="cursor-pointer border border-transparent p-2 text-gray-500 hover:text-red-500 focus:outline-hidden">`);
				_push(ssrRenderComponent(_component_Icon, {
					name: "x",
					size: "size-4"
				}, null, _parent));
				_push(`</button>`);
			} else _push(`<!---->`);
			_push(`<label${ssrRenderAttr("for", __props.id)} class="inline-block cursor-pointer border border-transparent p-2 text-gray-500 dark:text-gray-400">`);
			if (!__props.hideIcon) _push(ssrRenderComponent(_component_Icon, {
				name: "c-down",
				size: "size-4"
			}, null, _parent));
			else _push(`<!---->`);
			_push(`</label></div>`);
			if (__props.keyboard && __props.searchable) _push(`<input${ssrRenderAttrs((_temp0 = mergeProps({
				id: __props.id,
				ref_key: "input",
				ref: input,
				value: search.value,
				autocomplete: "none",
				readonly: !__props.searchable || __props.disabled,
				placeholder: placeholder.value || __props.label,
				class: [[
					__props.clearable ? "pe-16" : "pe-8",
					__props.inputClass || "focus rounded-md border shadow-xs",
					__props.size == "small" ? "py-1.5 ps-2 text-sm" : "py-2 ps-4 text-base",
					__props.error ? "border-red-500" : "border-gray-300 dark:border-gray-700",
					__props.disabled ? "opacity-60 focus:border-gray-200 focus:ring-0 dark:focus:border-gray-700 dark:focus:ring-0" : "focus:border-primary-500 focus:ring-primary-500 dark:focus:border-primary-600 dark:focus:ring-primary-600"
				], "block w-full placeholder:text-gray-400 dark:bg-gray-900 dark:text-gray-300 dark:placeholder:text-gray-600"]
			}, ssrGetDirectiveProps(_ctx, unref(vKeyboard))), mergeProps(_temp0, ssrGetDynamicModelProps(_temp0, search.value))))}>`);
			else _push(`<input${ssrRenderAttr("id", __props.id)}${ssrRenderAttr("value", search.value)} autocomplete="none"${ssrIncludeBooleanAttr(!__props.searchable || __props.disabled) ? " readonly" : ""}${ssrRenderAttr("placeholder", placeholder.value || __props.label)} class="${ssrRenderClass([[
				__props.clearable ? "pe-16" : "pe-8",
				__props.inputClass || "focus rounded-md border shadow-xs",
				__props.size == "small" ? "py-1.5 ps-2 text-sm" : "py-2 ps-4 text-base",
				__props.error ? "border-red-500" : "border-gray-300 dark:border-gray-700",
				__props.disabled ? "opacity-60 focus:border-gray-200 focus:ring-0 dark:focus:border-gray-700 dark:focus:ring-0" : "focus:border-primary-500 focus:ring-primary-500 dark:focus:border-primary-600 dark:focus:ring-primary-600"
			], "block w-full placeholder:text-gray-400 dark:bg-gray-900 dark:text-gray-300 dark:placeholder:text-gray-600"])}">`);
			_push(`<div class="${ssrRenderClass([__props.placement == "top" ? "bottom-full mb-1 " + __props.position : "top-full mt-1 " + __props.position, "absolute z-20 w-full rounded-md"])}" style="${ssrRenderStyle(open.value ? null : { display: "none" })}"><ul${ssrRenderAttr("id", "ac-" + __props.id)} class="max-h-56 overflow-auto rounded-md border border-primary-300 bg-white text-base ring-2 ring-primary-200/50 focus:outline-hidden sm:text-sm dark:border-primary-500 dark:bg-gray-700 dark:ring-primary-400/50">`);
			if (result.value && result.value.length) {
				_push(`<!--[-->`);
				ssrRenderList(result.value, (r, ri) => {
					_push(`<!--[-->`);
					if (!(__props.disable && __props.disable == cValue())) _push(`<li${ssrRenderAttr("id", "s" + ri)}><button type="button"${ssrRenderAttr("id", __props.id + "-" + ri)}${ssrIncludeBooleanAttr(r.disabled) ? " disabled" : ""} class="${ssrRenderClass([[isActive(ri) ? "bg-primary-500 text-white" : "text-focus", r.disabled ? "cursor-default! opacity-50" : "hover:bg-primary-200 hover:text-primary-800 dark:hover:bg-primary-700 dark:hover:text-primary-100"], "relative flex w-full items-center py-2 text-start select-none focus:rounded-none focus:ring-0 focus:outline-hidden"])}"><span class="ms-3 block truncate font-normal">${ssrInterpolate(cLabel(r))}</span></button></li>`);
					else _push(`<!---->`);
					_push(`<!--]-->`);
				});
				_push(`<!--]-->`);
			} else {
				_push(`<li class="relative cursor-default bg-primary-600 py-2 text-white select-none"><div class="flex items-center"><span class="ms-3 block truncate font-normal">`);
				if (loading.value) _push(`<span>${ssrInterpolate(_ctx.$t("Searching for results"))}...</span>`);
				else if (result.value == null) _push(`<span>${ssrInterpolate(_ctx.$t("Scan barcode or search items for next"))}</span>`);
				else if (__props.json) _push(`<span>${ssrInterpolate(__props.defaultText || _ctx.$t("Please type to search"))}</span>`);
				else _push(`<span>${ssrInterpolate(_ctx.$t("No suggestions to list."))}</span>`);
				_push(`</span></div></li>`);
			}
			_push(`</ul></div></div>`);
			if (__props.error) _push(ssrRenderComponent(unref(_sfc_main$62), {
				message: __props.error.replace(" id", ""),
				class: "mt-0"
			}, null, _parent));
			else _push(`<!---->`);
			_push(`</div>`);
		};
	}
};
var _sfc_setup$35 = _sfc_main$35.setup;
_sfc_main$35.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Common/AutoComplete.vue");
	return _sfc_setup$35 ? _sfc_setup$35(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Common/BarcodeScanner.vue
var SCAN_TIMEOUT = 30;
var _sfc_main$34 = {
	__name: "BarcodeScanner",
	__ssrInlineRender: true,
	props: { show: {
		type: Boolean,
		default: false
	} },
	emits: ["scanned", "close"],
	setup(__props, { emit: __emit }) {
		const props = __props;
		const emit = __emit;
		const { t } = useI18n({});
		const video = ref(null);
		const error = ref(null);
		const timedOut = ref(false);
		const cameras = ref([]);
		const selectedCamera = ref(null);
		const scanning = ref(false);
		const timeLeft = ref(30);
		let reader = null;
		let controls = null;
		let timeoutHandle = null;
		let countdownInterval = null;
		let skipCameraWatch = false;
		const hints = /* @__PURE__ */ new Map();
		hints.set(DecodeHintType.POSSIBLE_FORMATS, [
			BarcodeFormat.CODE_128,
			BarcodeFormat.CODE_39,
			BarcodeFormat.EAN_8,
			BarcodeFormat.EAN_13,
			BarcodeFormat.UPC_A,
			BarcodeFormat.UPC_E
		]);
		hints.set(DecodeHintType.TRY_HARDER, true);
		const clearScanTimeout = () => {
			if (timeoutHandle !== null) {
				clearTimeout(timeoutHandle);
				timeoutHandle = null;
			}
			if (countdownInterval !== null) {
				clearInterval(countdownInterval);
				countdownInterval = null;
			}
		};
		const startScanTimeout = () => {
			clearScanTimeout();
			timedOut.value = false;
			timeLeft.value = SCAN_TIMEOUT;
			countdownInterval = setInterval(() => {
				if (timeLeft.value > 0) timeLeft.value -= 1;
			}, 1e3);
			timeoutHandle = setTimeout(() => {
				clearInterval(countdownInterval);
				countdownInterval = null;
				timedOut.value = true;
				stopScanning();
			}, SCAN_TIMEOUT * 1e3);
		};
		const stopScanning = () => {
			clearScanTimeout();
			if (controls) {
				try {
					controls.stop();
				} catch (_) {}
				controls = null;
			}
			if (video.value && video.value.srcObject) {
				video.value.srcObject.getTracks().forEach((track) => track.stop());
				video.value.srcObject = null;
			}
			scanning.value = false;
		};
		const startScanning = async (cameraId) => {
			stopScanning();
			error.value = null;
			timedOut.value = false;
			scanning.value = true;
			if (!video.value) {
				error.value = t("Camera could not be initialized. Please try again.");
				scanning.value = false;
				return;
			}
			const constraints = {
				audio: false,
				video: {
					...cameraId ? { deviceId: { exact: cameraId } } : { facingMode: "environment" },
					width: {
						ideal: 640,
						max: 640
					},
					height: {
						ideal: 480,
						max: 480
					},
					frameRate: {
						ideal: 15,
						max: 20
					}
				}
			};
			try {
				reader = new BrowserMultiFormatReader(hints);
				controls = await reader.decodeFromConstraints(constraints, video.value, (result, err) => {
					if (result) {
						const code = result.getText();
						stopScanning();
						emit("scanned", code);
						emit("close");
						return;
					}
					if (err && !(err instanceof NotFoundException)) {
						error.value = t("Scanner error. Please close and try again.");
						stopScanning();
					}
				});
				scanning.value = true;
				startScanTimeout();
			} catch (e) {
				scanning.value = false;
				if (e.name === "NotAllowedError" || e.name === "PermissionDeniedError") error.value = t("Camera permission denied. Please allow camera access and try again.");
				else if (e.name === "NotFoundError" || e.name === "DevicesNotFoundError") error.value = t("No camera found on this device.");
				else error.value = t("Could not start camera: :message", { message: e.message });
			}
		};
		const retry = () => {
			timedOut.value = false;
			error.value = null;
			startScanning(selectedCamera.value);
		};
		const loadCameras = async () => {
			try {
				(await navigator.mediaDevices.getUserMedia({ video: true })).getTracks().forEach((track) => track.stop());
				const devices = await BrowserMultiFormatReader.listVideoInputDevices();
				cameras.value = devices;
				skipCameraWatch = true;
				const rear = devices.find((d) => /back|rear|environment/i.test(d.label));
				selectedCamera.value = rear ? rear.deviceId : devices[0]?.deviceId ?? null;
				skipCameraWatch = false;
			} catch (e) {
				if (e.name === "NotAllowedError" || e.name === "PermissionDeniedError") error.value = t("Camera permission denied. Please allow camera access and try again.");
				else error.value = t("No camera found on this device.");
			}
		};
		watch(() => props.show, async (visible) => {
			if (visible) {
				error.value = null;
				timedOut.value = false;
				await loadCameras();
				if (!error.value) {
					await nextTick();
					startScanning(selectedCamera.value);
				}
			} else {
				stopScanning();
				cameras.value = [];
				selectedCamera.value = null;
				error.value = null;
				timedOut.value = false;
			}
		});
		watch(selectedCamera, (id) => {
			if (skipCameraWatch) return;
			if (id && props.show) startScanning(id);
		});
		onUnmounted(() => {
			stopScanning();
		});
		const close = () => {
			stopScanning();
			emit("close");
		};
		return (_ctx, _push, _parent, _attrs) => {
			_push(ssrRenderComponent(unref(_sfc_main$52), mergeProps({
				show: __props.show,
				"max-width": "md",
				onClose: close
			}, _attrs), {
				default: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) {
						_push(`<div class="p-4"${_scopeId}><div class="mb-3 flex items-center justify-between"${_scopeId}><h3 class="text-base font-semibold text-gray-900 dark:text-gray-100"${_scopeId}>${ssrInterpolate(unref(t)("Scan Barcode"))}</h3></div>`);
						if (cameras.value.length > 1) {
							_push(`<div class="mb-3"${_scopeId}><select class="w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm text-gray-700 focus:ring-2 focus:ring-blue-300 focus:outline-none dark:border-gray-600 dark:bg-gray-700 dark:text-gray-300"${_scopeId}><!--[-->`);
							ssrRenderList(cameras.value, (cam) => {
								_push(`<option${ssrRenderAttr("value", cam.deviceId)}${ssrIncludeBooleanAttr(Array.isArray(selectedCamera.value) ? ssrLooseContain(selectedCamera.value, cam.deviceId) : ssrLooseEqual(selectedCamera.value, cam.deviceId)) ? " selected" : ""}${_scopeId}>${ssrInterpolate(cam.label || unref(t)("Camera :n", { n: cameras.value.indexOf(cam) + 1 }))}</option>`);
							});
							_push(`<!--]--></select></div>`);
						} else _push(`<!---->`);
						if (error.value) _push(`<div class="rounded-md bg-red-50 p-4 text-sm text-red-700 dark:bg-red-900/30 dark:text-red-300"${_scopeId}>${ssrInterpolate(error.value)}</div>`);
						else if (timedOut.value) _push(`<div class="rounded-md bg-yellow-50 p-6 text-center dark:bg-yellow-900/30"${_scopeId}><svg xmlns="http://www.w3.org/2000/svg" class="mx-auto mb-3 h-10 w-10 text-yellow-500" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"${_scopeId}><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z"${_scopeId}></path></svg><p class="text-sm font-medium text-yellow-800 dark:text-yellow-200"${_scopeId}>${ssrInterpolate(unref(t)("No barcode detected"))}</p><p class="mt-1 text-xs text-yellow-700 dark:text-yellow-300"${_scopeId}>${ssrInterpolate(unref(t)("Make sure the barcode is well-lit and fully visible."))}</p><button type="button" class="mt-4 inline-flex items-center gap-1.5 rounded-md bg-yellow-500 px-4 py-2 text-sm font-medium text-white hover:bg-yellow-600 focus:ring-2 focus:ring-yellow-400 focus:outline-none"${_scopeId}><svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"${_scopeId}><path stroke-linecap="round" stroke-linejoin="round" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"${_scopeId}></path></svg> ${ssrInterpolate(unref(t)("Try Again"))}</button></div>`);
						else _push(`<div class="relative aspect-video overflow-hidden rounded-md bg-black"${_scopeId}><video class="h-full w-full object-cover" autoplay muted playsinline${_scopeId}></video><div class="pointer-events-none absolute inset-0 flex items-center justify-center"${_scopeId}><div class="relative h-1/3 w-2/3 rounded border-2 border-blue-400"${_scopeId}><span class="absolute -top-5 right-0 left-0 text-center text-xs text-blue-300"${_scopeId}>${ssrInterpolate(scanning.value ? unref(t)("Point camera at barcode") : unref(t)("Starting camera..."))}</span><div class="absolute -top-px -left-px h-4 w-4 rounded-tl border-t-4 border-l-4 border-blue-400"${_scopeId}></div><div class="absolute -top-px -right-px h-4 w-4 rounded-tr border-t-4 border-r-4 border-blue-400"${_scopeId}></div><div class="absolute -bottom-px -left-px h-4 w-4 rounded-bl border-b-4 border-l-4 border-blue-400"${_scopeId}></div><div class="absolute -right-px -bottom-px h-4 w-4 rounded-br border-r-4 border-b-4 border-blue-400"${_scopeId}></div></div></div><div class="absolute right-0 bottom-0 left-0 h-1 bg-white/20"${_scopeId}><div class="h-full bg-blue-400 transition-all duration-1000 ease-linear" style="${ssrRenderStyle({ width: timeLeft.value / 30 * 100 + "%" })}"${_scopeId}></div></div></div>`);
						_push(`<p class="mt-3 text-center text-xs text-gray-500 dark:text-gray-400"${_scopeId}>${ssrInterpolate(unref(t)("Barcode will be detected automatically"))}</p></div>`);
					} else return [createVNode("div", { class: "p-4" }, [
						createVNode("div", { class: "mb-3 flex items-center justify-between" }, [createVNode("h3", { class: "text-base font-semibold text-gray-900 dark:text-gray-100" }, toDisplayString(unref(t)("Scan Barcode")), 1)]),
						cameras.value.length > 1 ? (openBlock(), createBlock("div", {
							key: 0,
							class: "mb-3"
						}, [withDirectives(createVNode("select", {
							"onUpdate:modelValue": ($event) => selectedCamera.value = $event,
							class: "w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm text-gray-700 focus:ring-2 focus:ring-blue-300 focus:outline-none dark:border-gray-600 dark:bg-gray-700 dark:text-gray-300"
						}, [(openBlock(true), createBlock(Fragment, null, renderList(cameras.value, (cam) => {
							return openBlock(), createBlock("option", {
								key: cam.deviceId,
								value: cam.deviceId
							}, toDisplayString(cam.label || unref(t)("Camera :n", { n: cameras.value.indexOf(cam) + 1 })), 9, ["value"]);
						}), 128))], 8, ["onUpdate:modelValue"]), [[vModelSelect, selectedCamera.value]])])) : createCommentVNode("", true),
						error.value ? (openBlock(), createBlock("div", {
							key: 1,
							class: "rounded-md bg-red-50 p-4 text-sm text-red-700 dark:bg-red-900/30 dark:text-red-300"
						}, toDisplayString(error.value), 1)) : timedOut.value ? (openBlock(), createBlock("div", {
							key: 2,
							class: "rounded-md bg-yellow-50 p-6 text-center dark:bg-yellow-900/30"
						}, [
							(openBlock(), createBlock("svg", {
								xmlns: "http://www.w3.org/2000/svg",
								class: "mx-auto mb-3 h-10 w-10 text-yellow-500",
								fill: "none",
								viewBox: "0 0 24 24",
								stroke: "currentColor",
								"stroke-width": "1.5"
							}, [createVNode("path", {
								"stroke-linecap": "round",
								"stroke-linejoin": "round",
								d: "M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z"
							})])),
							createVNode("p", { class: "text-sm font-medium text-yellow-800 dark:text-yellow-200" }, toDisplayString(unref(t)("No barcode detected")), 1),
							createVNode("p", { class: "mt-1 text-xs text-yellow-700 dark:text-yellow-300" }, toDisplayString(unref(t)("Make sure the barcode is well-lit and fully visible.")), 1),
							createVNode("button", {
								type: "button",
								onClick: retry,
								class: "mt-4 inline-flex items-center gap-1.5 rounded-md bg-yellow-500 px-4 py-2 text-sm font-medium text-white hover:bg-yellow-600 focus:ring-2 focus:ring-yellow-400 focus:outline-none"
							}, [(openBlock(), createBlock("svg", {
								xmlns: "http://www.w3.org/2000/svg",
								class: "h-4 w-4",
								fill: "none",
								viewBox: "0 0 24 24",
								stroke: "currentColor",
								"stroke-width": "2"
							}, [createVNode("path", {
								"stroke-linecap": "round",
								"stroke-linejoin": "round",
								d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
							})])), createTextVNode(" " + toDisplayString(unref(t)("Try Again")), 1)])
						])) : (openBlock(), createBlock("div", {
							key: 3,
							class: "relative aspect-video overflow-hidden rounded-md bg-black"
						}, [
							createVNode("video", {
								ref_key: "video",
								ref: video,
								class: "h-full w-full object-cover",
								autoplay: "",
								muted: "",
								playsinline: ""
							}, null, 512),
							createVNode("div", { class: "pointer-events-none absolute inset-0 flex items-center justify-center" }, [createVNode("div", { class: "relative h-1/3 w-2/3 rounded border-2 border-blue-400" }, [
								createVNode("span", { class: "absolute -top-5 right-0 left-0 text-center text-xs text-blue-300" }, toDisplayString(scanning.value ? unref(t)("Point camera at barcode") : unref(t)("Starting camera...")), 1),
								createVNode("div", { class: "absolute -top-px -left-px h-4 w-4 rounded-tl border-t-4 border-l-4 border-blue-400" }),
								createVNode("div", { class: "absolute -top-px -right-px h-4 w-4 rounded-tr border-t-4 border-r-4 border-blue-400" }),
								createVNode("div", { class: "absolute -bottom-px -left-px h-4 w-4 rounded-bl border-b-4 border-l-4 border-blue-400" }),
								createVNode("div", { class: "absolute -right-px -bottom-px h-4 w-4 rounded-br border-r-4 border-b-4 border-blue-400" })
							])]),
							createVNode("div", { class: "absolute right-0 bottom-0 left-0 h-1 bg-white/20" }, [createVNode("div", {
								class: "h-full bg-blue-400 transition-all duration-1000 ease-linear",
								style: { width: timeLeft.value / 30 * 100 + "%" }
							}, null, 4)])
						])),
						createVNode("p", { class: "mt-3 text-center text-xs text-gray-500 dark:text-gray-400" }, toDisplayString(unref(t)("Barcode will be detected automatically")), 1)
					])];
				}),
				_: 1
			}, _parent));
		};
	}
};
var _sfc_setup$34 = _sfc_main$34.setup;
_sfc_main$34.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Common/BarcodeScanner.vue");
	return _sfc_setup$34 ? _sfc_setup$34(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Common/LoadingButton.vue
var _sfc_main$33 = {
	__name: "LoadingButton",
	__ssrInlineRender: true,
	props: {
		loading: Boolean,
		disabled: Boolean,
		loadingClass: String,
		type: {
			type: String,
			default: "submit"
		}
	},
	setup(__props) {
		return (_ctx, _push, _parent, _attrs) => {
			_push(`<button${ssrRenderAttrs(mergeProps({
				type: __props.type,
				disabled: __props.disabled || __props.loading,
				class: [{ "opacity-25": __props.loading }, "btn-primary"]
			}, _attrs))}>`);
			ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
			if (__props.loading) _push(`<svg viewBox="0 0 38 38" xmlns="http://www.w3.org/2000/svg" class="${ssrRenderClass([__props.loadingClass, "ms-2 h-4 w-4 stroke-current"])}"><g fill="none" fill-rule="evenodd"><g transform="translate(1 1)" stroke-width="2"><circle stroke-opacity=".5" cx="18" cy="18" r="18"></circle><path d="M36 18c0-9.94-8.06-18-18-18"><animateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="1s" repeatCount="indefinite"></animateTransform></path></g></g></svg>`);
			else _push(`<!---->`);
			_push(`</button>`);
		};
	}
};
var _sfc_setup$33 = _sfc_main$33.setup;
_sfc_main$33.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Common/LoadingButton.vue");
	return _sfc_setup$33 ? _sfc_setup$33(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Common/Button.vue
var _sfc_main$32 = {
	__name: "Button",
	__ssrInlineRender: true,
	props: {
		loading: Boolean,
		href: {
			type: String,
			default: ""
		},
		away: {
			type: Boolean,
			default: false
		},
		type: {
			type: String,
			default: "submit"
		}
	},
	setup(__props) {
		return (_ctx, _push, _parent, _attrs) => {
			const _component_Link = resolveComponent("Link");
			if (__props.away && __props.href) {
				_push(`<a${ssrRenderAttrs(mergeProps({
					href: __props.href,
					class: "btn-primary"
				}, _attrs))}>`);
				ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
				_push(`</a>`);
			} else if (__props.href) _push(ssrRenderComponent(_component_Link, mergeProps({
				href: __props.href,
				class: "btn-primary"
			}, _attrs), {
				default: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent, _scopeId);
					else return [renderSlot(_ctx.$slots, "default")];
				}),
				_: 3
			}, _parent));
			else _push(ssrRenderComponent(_sfc_main$33, mergeProps({
				type: __props.type,
				loading: __props.loading,
				class: "btn-primary"
			}, _attrs), {
				default: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent, _scopeId);
					else return [renderSlot(_ctx.$slots, "default")];
				}),
				_: 3
			}, _parent));
		};
	}
};
var _sfc_setup$32 = _sfc_main$32.setup;
_sfc_main$32.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Common/Button.vue");
	return _sfc_setup$32 ? _sfc_setup$32(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Common/CheckBox.vue
var _sfc_main$31 = {
	__name: "CheckBox",
	__ssrInlineRender: true,
	props: {
		id: {
			type: String,
			default() {
				return (Math.random() + "").replace("0.", "");
			}
		},
		checked: {
			type: [Array, Boolean],
			default: false
		},
		value: {
			type: String,
			default: null
		},
		disabled: {
			type: Boolean,
			default: false
		},
		label: String,
		error: String
	},
	emits: ["update:checked"],
	setup(__props, { emit: __emit }) {
		const emit = __emit;
		const props = __props;
		const proxyChecked = computed({
			get() {
				return props.checked;
			},
			set(val) {
				emit("update:checked", val);
			}
		});
		return (_ctx, _push, _parent, _attrs) => {
			_push(`<div${ssrRenderAttrs(_attrs)}><label${ssrRenderAttr("for", __props.id)} class="${ssrRenderClass([__props.disabled ? "opacity-50" : "", "inline-flex items-center font-medium"])}"><input${ssrRenderAttr("id", __props.id)}${ssrRenderAttr("value", __props.value)} type="checkbox"${ssrIncludeBooleanAttr(__props.disabled) ? " disabled" : ""}${ssrIncludeBooleanAttr(Array.isArray(proxyChecked.value) ? ssrLooseContain(proxyChecked.value, __props.value) : proxyChecked.value) ? " checked" : ""} class="${ssrRenderClass([{ "border-red-500": __props.error }, "h-5 w-5 rounded-sm border-gray-300 text-primary-600 shadow-xs focus:rounded-sm focus:ring-primary-200/50 focus:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-700 dark:bg-gray-600"])}">`);
			if (__props.label) _push(`<span class="ms-2">${__props.label ?? ""}</span>`);
			else _push(`<!---->`);
			_push(`</label>`);
			_push(ssrRenderComponent(unref(_sfc_main$62), { message: __props.error }, null, _parent));
			_push(`</div>`);
		};
	}
};
var _sfc_setup$31 = _sfc_main$31.setup;
_sfc_main$31.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Common/CheckBox.vue");
	return _sfc_setup$31 ? _sfc_setup$31(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Common/ClientOnly.vue
var _sfc_main$30 = {
	__name: "ClientOnly",
	__ssrInlineRender: true,
	setup(__props) {
		return (_ctx, _push, _parent, _attrs) => {
			if (unref(isClient)) ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
			else _push(`<!---->`);
		};
	}
};
var _sfc_setup$30 = _sfc_main$30.setup;
_sfc_main$30.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Common/ClientOnly.vue");
	return _sfc_setup$30 ? _sfc_setup$30(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Common/CopyTextButton.vue
var _sfc_main$29 = {
	__name: "CopyTextButton",
	__ssrInlineRender: true,
	props: { text: { type: String } },
	setup(__props) {
		const copied = ref(false);
		return (_ctx, _push, _parent, _attrs) => {
			const _component_Icon = resolveComponent("Icon");
			_push(`<button${ssrRenderAttrs(mergeProps({
				type: "button",
				class: "relative flex items-center"
			}, _attrs))}>`);
			ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
			if (copied.value) _push(ssrRenderComponent(_component_Icon, {
				name: "copied-o",
				class: "absolute start-full ms-1 h-full w-5 text-success-500"
			}, null, _parent));
			else _push(`<!---->`);
			_push(`</button>`);
		};
	}
};
var _sfc_setup$29 = _sfc_main$29.setup;
_sfc_main$29.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Common/CopyTextButton.vue");
	return _sfc_setup$29 ? _sfc_setup$29(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Common/CustomFields.vue
var _sfc_main$28 = {
	__name: "CustomFields",
	__ssrInlineRender: true,
	props: {
		errors: {
			type: Object,
			default: () => ({})
		},
		keyboard: {
			type: Boolean,
			default: false
		},
		custom_fields: {
			type: Array,
			default: () => []
		},
		extra_attributes: {
			type: Object,
			default: () => ({})
		}
	},
	emits: ["update"],
	setup(__props, { emit: __emit }) {
		const emits = __emit;
		const props = __props;
		function isChecked(field, opt) {
			return props.extra_attributes[field] && props.extra_attributes[field].includes(opt);
		}
		function updateValue(field, e, opt) {
			if (!props.extra_attributes[field]) props.extra_attributes[field] = [];
			if (e.target.checked) props.extra_attributes[field] = [...props.extra_attributes[field], opt];
			else props.extra_attributes[field] = props.extra_attributes[field].filter((v) => v != opt);
			emits("update", e);
		}
		return (_ctx, _push, _parent, _attrs) => {
			if (__props.custom_fields && __props.custom_fields.length) {
				_push(`<div${ssrRenderAttrs(mergeProps({ class: "col-span-full grid grid-cols-6 gap-6" }, _attrs))}><!--[-->`);
				ssrRenderList(__props.custom_fields, (field, fi) => {
					_push(`<!--[-->`);
					if (field.type == "text" || field.type == "number") {
						_push(`<div class="col-span-6 sm:col-span-3">`);
						_push(ssrRenderComponent(unref(_sfc_main$25), {
							type: field.type,
							keyboard: __props.keyboard,
							label: _ctx.$t(field.name),
							onChange: (e) => emits("update", e),
							modelValue: __props.extra_attributes[field.name],
							"onUpdate:modelValue": ($event) => __props.extra_attributes[field.name] = $event,
							error: __props.errors["extra_attributes." + field.name]
						}, null, _parent));
						_push(`</div>`);
					} else if (field.type == "select") {
						_push(`<div class="col-span-6 sm:col-span-3">`);
						_push(ssrRenderComponent(unref(_sfc_main$35), {
							keyboard: __props.keyboard,
							label: _ctx.$t(field.name),
							suggestions: field.options,
							onChange: (e) => emits("update", e),
							modelValue: __props.extra_attributes[field.name],
							"onUpdate:modelValue": ($event) => __props.extra_attributes[field.name] = $event,
							error: __props.errors["extra_attributes." + field.name] || null
						}, null, _parent));
						_push(`</div>`);
					} else if (field.type == "date") {
						_push(`<div class="col-span-6 sm:col-span-3">`);
						_push(ssrRenderComponent(unref(_sfc_main$25), {
							type: "date",
							label: _ctx.$t(field.name),
							onChange: (e) => emits("update", e),
							modelValue: __props.extra_attributes[field.name],
							"onUpdate:modelValue": ($event) => __props.extra_attributes[field.name] = $event,
							error: __props.errors["extra_attributes." + field.name] || null
						}, null, _parent));
						_push(`</div>`);
					} else if (field.type == "time") {
						_push(`<div class="col-span-6 sm:col-span-3">`);
						_push(ssrRenderComponent(unref(_sfc_main$25), {
							type: "time",
							label: _ctx.$t(field.name),
							onChange: (e) => emits("update", e),
							modelValue: __props.extra_attributes[field.name],
							"onUpdate:modelValue": ($event) => __props.extra_attributes[field.name] = $event,
							error: __props.errors["extra_attributes." + field.name] || null
						}, null, _parent));
						_push(`</div>`);
					} else if (field.type == "checkbox") {
						_push(`<div class="col-span-full">`);
						_push(ssrRenderComponent(unref(_sfc_main$44), { value: _ctx.$t(field.name) }, null, _parent));
						_push(`<div class="my-2 flex flex-wrap items-center gap-x-12 gap-y-3"><!--[-->`);
						ssrRenderList(field.options, (opt, index) => {
							_push(ssrRenderComponent(unref(_sfc_main$44), {
								class: "flex items-center",
								key: fi + "_ex_cb_" + index,
								"for-id": fi + "_ex_cb_" + index
							}, {
								default: withCtx((_, _push, _parent, _scopeId) => {
									if (_push) _push(`<input${ssrRenderAttr("value", opt)} type="checkbox"${ssrRenderAttr("name", field.name + "[]")}${ssrRenderAttr("id", fi + "_ex_cb_" + index)}${ssrIncludeBooleanAttr(isChecked(field.name, opt)) ? " checked" : ""} class="h-5 w-5 rounded-sm border border-gray-300 text-primary-600 shadow-xs dark:border-gray-700 dark:bg-gray-900"${_scopeId}><span class="ms-2 cursor-default"${_scopeId}>${opt ?? ""}</span>`);
									else return [createVNode("input", {
										value: opt,
										type: "checkbox",
										name: field.name + "[]",
										id: fi + "_ex_cb_" + index,
										checked: isChecked(field.name, opt),
										onChange: (e) => updateValue(field.name, e, opt),
										class: "h-5 w-5 rounded-sm border border-gray-300 text-primary-600 shadow-xs dark:border-gray-700 dark:bg-gray-900"
									}, null, 40, [
										"value",
										"name",
										"id",
										"checked",
										"onChange"
									]), createVNode("span", {
										innerHTML: opt,
										class: "ms-2 cursor-default"
									}, null, 8, ["innerHTML"])];
								}),
								_: 2
							}, _parent));
						});
						_push(`<!--]--></div>`);
						if (__props.errors["extra_attributes." + field.name] || null) _push(ssrRenderComponent(unref(_sfc_main$62), { message: __props.errors["extra_attributes." + field.name] || null }, null, _parent));
						else _push(`<!---->`);
						_push(`</div>`);
					} else if (field.type == "radio") {
						_push(`<div class="col-span-full">`);
						_push(ssrRenderComponent(unref(_sfc_main$44), { value: _ctx.$t(field.name) }, null, _parent));
						_push(`<div class="my-2 flex flex-wrap items-center gap-x-12 gap-y-3"><!--[-->`);
						ssrRenderList(field.options, (opt, index) => {
							_push(ssrRenderComponent(unref(_sfc_main$44), {
								class: "flex items-center",
								key: fi + "_ex_radio_" + index,
								"for-id": fi + "_ex_radio_" + index
							}, {
								default: withCtx((_, _push, _parent, _scopeId) => {
									if (_push) _push(`<input type="radio"${ssrRenderAttr("value", opt)}${ssrRenderAttr("name", field.name)}${ssrRenderAttr("id", fi + "_ex_radio_" + index)}${ssrIncludeBooleanAttr(ssrLooseEqual(__props.extra_attributes[field.name], opt)) ? " checked" : ""}${ssrIncludeBooleanAttr(__props.extra_attributes[field.name] == opt) ? " checked" : ""} class="h-5 w-5 rounded-full border border-gray-300 text-primary-600 shadow-xs dark:border-gray-700 dark:bg-gray-900"${_scopeId}><span class="ms-2 cursor-default"${_scopeId}>${opt ?? ""}</span>`);
									else return [withDirectives(createVNode("input", {
										type: "radio",
										value: opt,
										name: field.name,
										id: fi + "_ex_radio_" + index,
										onChange: (e) => emits("update", e),
										"onUpdate:modelValue": ($event) => __props.extra_attributes[field.name] = $event,
										checked: __props.extra_attributes[field.name] == opt,
										class: "h-5 w-5 rounded-full border border-gray-300 text-primary-600 shadow-xs dark:border-gray-700 dark:bg-gray-900"
									}, null, 40, [
										"value",
										"name",
										"id",
										"onChange",
										"onUpdate:modelValue",
										"checked"
									]), [[vModelRadio, __props.extra_attributes[field.name]]]), createVNode("span", {
										innerHTML: opt,
										class: "ms-2 cursor-default"
									}, null, 8, ["innerHTML"])];
								}),
								_: 2
							}, _parent));
						});
						_push(`<!--]--></div>`);
						if (__props.errors["extra_attributes." + field.name] || null) _push(ssrRenderComponent(unref(_sfc_main$62), { message: __props.errors["extra_attributes." + field.name] || null }, null, _parent));
						else _push(`<!---->`);
						_push(`</div>`);
					} else if (field.type == "textarea") {
						_push(`<div class="col-span-full">`);
						_push(ssrRenderComponent(unref(_sfc_main$13), {
							keyboard: __props.keyboard,
							label: _ctx.$t(field.name),
							onChange: (e) => emits("update", e),
							modelValue: __props.extra_attributes[field.name],
							"onUpdate:modelValue": ($event) => __props.extra_attributes[field.name] = $event,
							error: __props.errors["extra_attributes." + field.name] || null
						}, null, _parent));
						_push(`</div>`);
					} else _push(`<!---->`);
					_push(`<!--]-->`);
				});
				_push(`<!--]--></div>`);
			} else _push(`<!---->`);
		};
	}
};
var _sfc_setup$28 = _sfc_main$28.setup;
_sfc_main$28.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Common/CustomFields.vue");
	return _sfc_setup$28 ? _sfc_setup$28(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Common/DateInput.vue
var _sfc_main$27 = {
	__name: "DateInput",
	__ssrInlineRender: true,
	props: {
		id: {
			type: String,
			default() {
				return (Math.random() + "").replace("0.", "");
			}
		},
		type: {
			type: String,
			default: "text"
		},
		readonly: {
			type: Boolean,
			default: false
		},
		centered: {
			type: Boolean,
			default: false
		},
		monthPicker: {
			type: Boolean,
			default: false
		},
		clearable: {
			type: Boolean,
			default: true
		},
		time: {
			type: Boolean,
			default: false
		},
		showIcon: {
			type: Boolean,
			default: false
		},
		teleport: {
			type: Boolean,
			default: false
		},
		error: String,
		label: String,
		format: String,
		action: Function,
		actionText: String,
		modelValue: String,
		placeholder: String
	},
	emits: ["change", "update:modelValue"],
	setup(__props, { emit: __emit }) {
		const emit = __emit;
		function update(date) {
			emit("update:modelValue", date);
			emit("change", date);
		}
		return (_ctx, _push, _parent, _attrs) => {
			_push(`<!--[-->`);
			if (__props.label) {
				_push(`<div class="flex items-center justify-between">`);
				_push(ssrRenderComponent(unref(_sfc_main$44), {
					for: __props.id,
					value: __props.label,
					class: "mb-1 flex-1"
				}, null, _parent));
				if (__props.actionText && __props.action) _push(`<button type="button" class="link text-sm">${ssrInterpolate(__props.actionText)}</button>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else _push(`<!---->`);
			_push(ssrRenderComponent(unref(VueDatePicker), {
				teleport: true,
				"auto-apply": true,
				readonly: __props.readonly,
				"model-value": __props.modelValue,
				onCleared: (e) => update(e),
				"month-picker": __props.monthPicker,
				"onUpdate:modelValue": (e) => update(e),
				"time-config": { enableTimePicker: __props.time },
				"input-attrs": {
					id: __props.id,
					placeholder: __props.placeholder,
					clearable: __props.clearable,
					hideInputIcon: !__props.showIcon
				},
				formats: { input: __props.format || (__props.monthPicker ? "MMM yyyy" : __props.time ? "yyyy-MM-dd HH:mm" : "yyyy-MM-dd") }
			}, null, _parent));
			_push(ssrRenderComponent(unref(_sfc_main$62), {
				message: __props.error,
				class: "mt-2"
			}, null, _parent));
			_push(`<!--]-->`);
		};
	}
};
var _sfc_setup$27 = _sfc_main$27.setup;
_sfc_main$27.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Common/DateInput.vue");
	return _sfc_setup$27 ? _sfc_setup$27(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Common/FileInput.vue
var _sfc_main$26 = {
	__name: "FileInput",
	__ssrInlineRender: true,
	props: {
		id: {
			type: String,
			default() {
				return (Math.random() + "").replace("0.", "");
			}
		},
		type: {
			type: String,
			default: "text"
		},
		multiple: {
			type: Boolean,
			default: false
		},
		accept: {
			type: String,
			default: "image/*"
		},
		modelValue: String,
		label: String,
		error: String
	},
	emits: ["input", "update:modelValue"],
	setup(__props, { emit: __emit }) {
		const photo = ref(null);
		const { t } = useI18n({});
		return (_ctx, _push, _parent, _attrs) => {
			_push(`<div${ssrRenderAttrs(_attrs)}>`);
			if (__props.label) _push(ssrRenderComponent(unref(_sfc_main$44), {
				for: __props.id,
				value: __props.label,
				class: "mb-1"
			}, null, _parent));
			else _push(`<!---->`);
			_push(`<input${ssrRenderAttr("id", __props.id)}${ssrIncludeBooleanAttr(__props.multiple) ? " multiple" : ""} type="file" name="photo"${ssrRenderAttr("accept", __props.accept)} class="hidden"><label${ssrRenderAttr("for", __props.id)} class="${ssrRenderClass([{
				"border-red-500": __props.error,
				"text-gray-700 dark:text-gray-300": photo.value,
				"text-gray-400 dark:text-gray-600": !photo.value,
				"border-gray-300 dark:border-gray-700": !__props.error
			}, "inline-block w-full cursor-pointer rounded-md border px-4 py-2 text-start shadow-xs focus:border-primary-300 focus:ring-3 focus:ring-primary-200/50 dark:bg-gray-900"])}">${ssrInterpolate(__props.modelValue && photo.value ? photo.value : unref(t)("Select"))}</label>`);
			if (__props.error) _push(ssrRenderComponent(unref(_sfc_main$62), {
				message: __props.error,
				class: "mt-1"
			}, null, _parent));
			else _push(`<!---->`);
			_push(`</div>`);
		};
	}
};
var _sfc_setup$26 = _sfc_main$26.setup;
_sfc_main$26.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Common/FileInput.vue");
	return _sfc_setup$26 ? _sfc_setup$26(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Common/Input.vue
var _sfc_main$25 = {
	__name: "Input",
	__ssrInlineRender: true,
	props: {
		id: {
			type: String,
			default() {
				return (Math.random() + "").replace("0.", "");
			}
		},
		type: {
			type: String,
			default: "text"
		},
		readonly: {
			type: Boolean,
			default: false
		},
		keyboard: {
			type: Boolean,
			default: false
		},
		step: {
			type: String,
			default: "1"
		},
		rounded: {
			type: Boolean,
			default: false
		},
		min: [String, Number],
		max: [String, Number],
		size: [String, Number],
		error: String,
		label: String,
		title: String,
		pattern: String,
		action: Function,
		actionText: String,
		modelValue: String,
		placeholder: String,
		selectOnFocus: Boolean
	},
	emits: [
		"blur-sm",
		"input",
		"change",
		"focus",
		"keyup",
		"update:modelValue"
	],
	setup(__props, { emit: __emit }) {
		const input = ref(null);
		return (_ctx, _push, _parent, _attrs) => {
			_push(`<!--[-->`);
			if (__props.label) {
				_push(`<div class="mb-1 flex items-center justify-between">`);
				_push(ssrRenderComponent(unref(_sfc_main$44), {
					for: __props.id,
					value: __props.label
				}, null, _parent));
				if (__props.actionText && __props.action) _push(`<button type="button" class="link text-sm">${ssrInterpolate(__props.actionText)}</button>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else _push(`<!---->`);
			if (__props.keyboard) _push(`<input${ssrRenderAttrs(mergeProps({
				id: __props.id,
				min: __props.min,
				max: __props.max,
				ref_key: "input",
				ref: input,
				step: __props.step,
				type: __props.type,
				title: __props.title,
				pattern: __props.pattern,
				value: __props.modelValue,
				readonly: __props.readonly,
				placeholder: __props.placeholder || __props.label || "",
				class: [{
					error: __props.error,
					"rounded-md": !__props.rounded,
					"rounded-full": __props.rounded,
					"px-2 py-1 text-sm": __props.size == "sm",
					"border-gray-300 dark:border-gray-700": !__props.error,
					"border-gray-300 opacity-60 focus:border-gray-300 focus:ring-0 dark:focus:border-gray-700": __props.readonly,
					"focus:border-primary-500 focus:ring-primary-500 dark:focus:border-primary-600 dark:focus:ring-primary-600": !__props.readonly
				}, "block w-full shadow-xs placeholder:text-gray-400 dark:bg-gray-900 dark:text-gray-300 dark:placeholder:text-gray-600"]
			}, ssrGetDirectiveProps(_ctx, unref(vKeyboard))))}>`);
			else _push(`<input${ssrRenderAttr("id", __props.id)}${ssrRenderAttr("min", __props.min)}${ssrRenderAttr("max", __props.max)}${ssrRenderAttr("step", __props.step)}${ssrRenderAttr("type", __props.type)}${ssrRenderAttr("title", __props.title)}${ssrRenderAttr("pattern", __props.pattern)}${ssrRenderAttr("value", __props.modelValue)}${ssrIncludeBooleanAttr(__props.readonly) ? " readonly" : ""}${ssrRenderAttr("placeholder", __props.placeholder || __props.label || "")} class="${ssrRenderClass([{
				error: __props.error,
				"px-2 py-1 text-sm": __props.size == "sm",
				"border-gray-300 dark:border-gray-700": !__props.error,
				"border-gray-300 opacity-60 focus:border-gray-300 focus:ring-0 dark:focus:border-gray-700": __props.readonly,
				"focus:border-primary-500 focus:ring-primary-500 dark:focus:border-primary-600 dark:focus:ring-primary-600": !__props.readonly
			}, "block w-full rounded-md shadow-xs placeholder:text-gray-400 dark:bg-gray-900 dark:text-gray-300 dark:placeholder:text-gray-600"])}">`);
			_push(ssrRenderComponent(unref(_sfc_main$62), {
				message: __props.error?.replace(" id", ""),
				class: "mt-2"
			}, null, _parent));
			_push(`<!--]-->`);
		};
	}
};
var _sfc_setup$25 = _sfc_main$25.setup;
_sfc_main$25.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Common/Input.vue");
	return _sfc_setup$25 ? _sfc_setup$25(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Common/Loading.vue
var _sfc_main$24 = {
	__name: "Loading",
	__ssrInlineRender: true,
	props: {
		loadingClass: {
			type: String,
			default: ""
		},
		circleSize: {
			type: String,
			default: "h-10 w-10"
		},
		fullScreen: {
			type: Boolean,
			default: false
		}
	},
	setup(__props) {
		return (_ctx, _push, _parent, _attrs) => {
			_push(`<div${ssrRenderAttrs(mergeProps({ class: [__props.fullScreen ? "fixed inset-0 z-10" : "absolute inset-0 z-1", "flex h-full w-full items-center justify-center text-gray-950 dark:text-gray-100"] }, _attrs))}><div class="absolute inset-0 bg-gray-100 opacity-75 backdrop-blur-xs dark:bg-gray-900"></div><div class="${ssrRenderClass([__props.loadingClass, "z-10 flex items-center justify-center"])}"><svg viewBox="0 0 38 38" class="${ssrRenderClass([__props.circleSize, "inline stroke-current"])}" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g transform="translate(1 1)" stroke-width="1.5"><circle stroke-opacity=".3" cx="18" cy="18" r="18"></circle><path d="M36 18c0-9.94-8.06-18-18-18"><animateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="1s" repeatCount="indefinite"></animateTransform></path></g></g></svg></div></div>`);
		};
	}
};
var _sfc_setup$24 = _sfc_main$24.setup;
_sfc_main$24.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Common/Loading.vue");
	return _sfc_setup$24 ? _sfc_setup$24(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Common/NumberInput.vue
var _sfc_main$23 = {
	__name: "NumberInput",
	__ssrInlineRender: true,
	props: {
		modelValue: {
			type: [String, Number],
			default: null
		},
		name: {
			type: String,
			default: ""
		},
		min: { type: Number },
		max: { type: Number },
		delOn: { type: Number },
		id: {
			type: String,
			default() {
				return (Math.random() + "").replace("0.", "");
			}
		}
	},
	emits: [
		"change",
		"remove",
		"update:modelValue"
	],
	setup(__props, { emit: __emit }) {
		const emit = __emit;
		const props = __props;
		const value = computed({
			get: () => props.modelValue,
			set: (value) => {
				emit("update:modelValue", value);
				emit("change", value);
			}
		});
		return (_ctx, _push, _parent, _attrs) => {
			_push(`<div${ssrRenderAttrs(mergeProps({ class: "flex max-w-[7rem] items-center" }, _attrs))}>`);
			if (__props.delOn === 0 && __props.delOn == value.value) _push(`<button type="button" id="decrement-button" data-input-counter-decrement="quantity-input" class="h-8 rounded-s-lg border border-gray-300 bg-gray-100 p-2 hover:bg-gray-200 focus:ring-2 focus:ring-gray-100 focus:outline-hidden dark:border-gray-600 dark:bg-gray-800 dark:hover:bg-gray-600 dark:focus:ring-gray-700"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" class="-mx-1 -my-2 h-5 w-5 text-red-600"><path stroke-linecap="round" stroke-linejoin="round" d="m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0"></path></svg></button>`);
			else _push(`<button type="button" id="decrement-button" data-input-counter-decrement="quantity-input" class="h-8 rounded-s-lg border border-gray-300 bg-gray-100 p-2 hover:bg-gray-200 focus:ring-2 focus:ring-gray-100 focus:outline-hidden dark:border-gray-600 dark:bg-gray-800 dark:hover:bg-gray-600 dark:focus:ring-gray-700"><svg fill="none" aria-hidden="true" viewBox="0 0 18 2" xmlns="http://www.w3.org/2000/svg" class="h-3 w-3 text-gray-900 dark:text-white"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h16"></path></svg></button>`);
			_push(`<input${ssrRenderAttr("id", __props.id)} type="text" placeholder="1"${ssrRenderAttr("value", value.value)} class="block h-8 w-full border border-x-0 border-gray-200 border-gray-300 py-2.5 text-center text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:placeholder-gray-400"><button type="button" id="increment-button" data-input-counter-increment="quantity-input" class="h-8 rounded-e-lg border border-gray-300 bg-gray-100 p-2 hover:bg-gray-200 focus:ring-2 focus:ring-gray-100 focus:outline-hidden dark:border-gray-600 dark:bg-gray-800 dark:hover:bg-gray-600 dark:focus:ring-gray-700"><svg class="h-3 w-3 text-gray-900 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 1v16M1 9h16"></path></svg></button></div>`);
		};
	}
};
var _sfc_setup$23 = _sfc_main$23.setup;
_sfc_main$23.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Common/NumberInput.vue");
	return _sfc_setup$23 ? _sfc_setup$23(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Common/NumberInputRound.vue
var _sfc_main$22 = {
	__name: "NumberInputRound",
	__ssrInlineRender: true,
	props: {
		modelValue: {
			type: [String, Number],
			default: null
		},
		name: {
			type: String,
			default: ""
		},
		min: { type: Number },
		max: { type: Number },
		delOn: { type: Number },
		id: {
			type: String,
			default() {
				return (Math.random() + "").replace("0.", "");
			}
		}
	},
	emits: [
		"change",
		"remove",
		"update:modelValue"
	],
	setup(__props, { emit: __emit }) {
		const emit = __emit;
		const props = __props;
		const value = computed({
			get: () => props.modelValue,
			set: (value) => {
				emit("update:modelValue", value);
				emit("change", value);
			}
		});
		return (_ctx, _push, _parent, _attrs) => {
			_push(`<div${ssrRenderAttrs(mergeProps({ class: "flex max-w-[7rem] items-center" }, _attrs))}>`);
			if (__props.delOn === 0 && __props.delOn == value.value) _push(`<button type="button" id="decrement-button" data-input-counter-decrement="quantity-input" class="h-8 rounded-full border border-gray-300 bg-gray-100 p-2 hover:bg-gray-200 focus:ring-2 focus:ring-gray-100 focus:outline-hidden dark:border-gray-600 dark:bg-gray-800 dark:hover:bg-gray-600 dark:focus:ring-gray-700"><svg fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" class="-mx-1 -my-2 h-5 w-5 text-red-600"><path stroke-linecap="round" stroke-linejoin="round" d="m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0"></path></svg></button>`);
			else _push(`<button type="button" id="decrement-button" data-input-counter-decrement="quantity-input" class="h-8 flex-1 rounded-full border border-gray-300 bg-gray-100 p-2 hover:bg-gray-200 focus:ring-2 focus:ring-gray-100 focus:outline-hidden dark:border-gray-600 dark:bg-gray-800 dark:hover:bg-gray-600 dark:focus:ring-gray-700"><svg fill="none" aria-hidden="true" viewBox="0 0 18 2" xmlns="http://www.w3.org/2000/svg" class="h-3 w-3 text-gray-900 dark:text-white"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h16"></path></svg></button>`);
			_push(`<input${ssrRenderAttr("id", __props.id)} type="text" placeholder="1"${ssrRenderAttr("value", value.value)} class="block h-8 w-full border-0 py-2.5 text-center text-sm text-gray-900 dark:bg-gray-950 dark:text-white dark:placeholder-gray-400"><button type="button" id="increment-button" data-input-counter-increment="quantity-input" class="h-8 rounded-full border border-gray-300 bg-gray-100 p-2 hover:bg-gray-200 focus:ring-2 focus:ring-gray-100 focus:outline-hidden dark:border-gray-600 dark:bg-gray-800 dark:hover:bg-gray-600 dark:focus:ring-gray-700"><svg class="h-3 w-3 text-gray-900 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 1v16M1 9h16"></path></svg></button></div>`);
		};
	}
};
var _sfc_setup$22 = _sfc_main$22.setup;
_sfc_main$22.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Common/NumberInputRound.vue");
	return _sfc_setup$22 ? _sfc_setup$22(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Common/Pagination.vue
var _sfc_main$21 = {
	__name: "Pagination",
	__ssrInlineRender: true,
	props: [
		"meta",
		"links",
		"half"
	],
	setup(__props) {
		return (_ctx, _push, _parent, _attrs) => {
			const _component_Link = resolveComponent("Link");
			if (__props.meta && __props.meta.total > 0) {
				_push(`<div${ssrRenderAttrs(_attrs)}><div class="hidden items-center justify-between xl:flex"><div class="me-4 py-1.5">${ssrInterpolate(_ctx.$t("Showing from {from} to {to} of total {total} records", {
					from: Math.ceil(__props.meta.from / (__props.half ? 2 : 1)),
					to: Math.ceil(__props.meta.to / (__props.half ? 2 : 1)),
					total: Math.ceil(__props.meta.total / (__props.half ? 2 : 1))
				}))}</div>`);
				if (__props.meta.last_page > 1) {
					_push(`<div class="flex flex-wrap gap-1"><!--[-->`);
					ssrRenderList(__props.meta.links, (link, i) => {
						_push(`<!--[-->`);
						if (link.url === null) _push(`<div class="cursor-default rounded-md border border-gray-200 bg-white px-4 py-3 text-sm leading-4 text-gray-700 opacity-50 dark:border-gray-700 dark:bg-gray-950 dark:text-gray-300">${link.label.replace("Next", "").replace("Previous", "").replace("&laquo;", "⟨").replace("&raquo;", "⟩") ?? ""}</div>`);
						else _push(ssrRenderComponent(_component_Link, {
							href: link.url,
							class: [link.active ? "border-primary-700 bg-primary-600 text-white" : "bg-white text-gray-700 dark:bg-gray-950 dark:text-gray-300", "inline-block rounded-md border border-gray-200 px-4 py-3 text-sm leading-4 whitespace-nowrap hover:border-primary-700 hover:bg-primary-700 hover:text-white focus:border-primary-600 dark:border-gray-700"]
						}, {
							default: withCtx((_, _push, _parent, _scopeId) => {
								if (_push) _push(`<span${_scopeId}>${link.label.replace("Next", "").replace("Previous", "").replace("&laquo;", "⟨").replace("&raquo;", "⟩") ?? ""}</span>`);
								else return [createVNode("span", { innerHTML: link.label.replace("Next", "").replace("Previous", "").replace("&laquo;", "⟨").replace("&raquo;", "⟩") }, null, 8, ["innerHTML"])];
							}),
							_: 2
						}, _parent));
						_push(`<!--]-->`);
					});
					_push(`<!--]--></div>`);
				} else _push(`<!---->`);
				_push(`</div><div class="flex items-center justify-between xl:hidden">`);
				if (__props.links.prev) _push(ssrRenderComponent(_component_Link, {
					href: __props.links.prev,
					class: ["inline-block rounded-md border border-gray-200 px-4 py-3 text-sm leading-4 whitespace-nowrap dark:border-gray-700 print:hidden", __props.links.prev ? "bg-white text-gray-700 hover:border-primary-700 hover:bg-primary-700 hover:text-white focus:border-primary-600 dark:bg-gray-950 dark:text-gray-300" : "cursor-default bg-gray-100 dark:bg-gray-950"]
				}, {
					default: withCtx((_, _push, _parent, _scopeId) => {
						if (_push) _push(` ⟪ <span class="ms-1 hidden sm:inline-block"${_scopeId}>${ssrInterpolate(_ctx.$t("Previous"))}</span>`);
						else return [createTextVNode(" ⟪ "), createVNode("span", { class: "ms-1 hidden sm:inline-block" }, toDisplayString(_ctx.$t("Previous")), 1)];
					}),
					_: 1
				}, _parent));
				else _push(`<button type="button" class="inline-block cursor-default rounded-md border border-gray-200 bg-gray-100 px-4 py-3 text-sm leading-4 whitespace-nowrap opacity-25 dark:border-gray-700 dark:bg-gray-950 print:hidden"> ⟪ <span class="ms-1 hidden sm:inline-block">${ssrInterpolate(_ctx.$t("Previous"))}</span></button>`);
				_push(`<div class="mx-3">${ssrInterpolate(_ctx.$t("Showing from {from} to {to} of total {total} records", {
					from: Math.ceil(__props.meta.from / (__props.half ? 2 : 1)),
					to: Math.ceil(__props.meta.to / (__props.half ? 2 : 1)),
					total: Math.ceil(__props.meta.total / (__props.half ? 2 : 1))
				}))}</div>`);
				if (__props.links.next) _push(ssrRenderComponent(_component_Link, {
					href: __props.links.next,
					class: ["inline-block rounded-md border border-gray-200 px-4 py-3 text-sm leading-4 whitespace-nowrap dark:border-gray-700 print:hidden", __props.links.next ? "bg-white text-gray-700 hover:border-primary-700 hover:bg-primary-700 hover:text-white focus:border-primary-600 dark:bg-gray-950 dark:text-gray-300" : "cursor-default bg-gray-100"]
				}, {
					default: withCtx((_, _push, _parent, _scopeId) => {
						if (_push) _push(`<span class="me-1 hidden sm:inline-block"${_scopeId}>${ssrInterpolate(_ctx.$t("Next"))}</span> ⟫ `);
						else return [createVNode("span", { class: "me-1 hidden sm:inline-block" }, toDisplayString(_ctx.$t("Next")), 1), createTextVNode(" ⟫ ")];
					}),
					_: 1
				}, _parent));
				else _push(`<button type="button" class="inline-block cursor-default rounded-md border border-gray-200 bg-gray-100 px-4 py-3 text-sm leading-4 whitespace-nowrap opacity-25 dark:border-gray-700 dark:bg-gray-950 print:hidden"><span class="me-1 hidden sm:inline-block">${ssrInterpolate(_ctx.$t("Next"))}</span> ⟫ </button>`);
				_push(`</div></div>`);
			} else _push(`<!---->`);
		};
	}
};
var _sfc_setup$21 = _sfc_main$21.setup;
_sfc_main$21.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Common/Pagination.vue");
	return _sfc_setup$21 ? _sfc_setup$21(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Common/ProductSearch.vue
var _sfc_main$20 = {
	__name: "ProductSearch",
	__ssrInlineRender: true,
	props: {
		id: {
			type: String,
			default: "product-search"
		},
		model: {
			type: String,
			default: ""
		},
		type: {
			type: String,
			default: ""
		},
		rounded: {
			type: Boolean,
			default: false
		}
	},
	emits: [
		"update:modelValue",
		"add-item",
		"focus"
	],
	setup(__props, { emit: __emit }) {
		const props = __props;
		const emits = __emit;
		const value = ref("");
		const result = ref([]);
		const adding = ref(false);
		const excludeRef = ref(null);
		const openSearch = ref(false);
		useClickOutside(ref(null), () => openSearch.value = false, excludeRef, props.keyboard ? "keyboard-container" : null);
		watch(value, debounce(searchProducts, 500));
		onMounted(() => {
			value.value = props.modelValue;
		});
		async function searchProducts(query) {
			if (query) {
				result.value = await searchItems(query, props.model);
				if (result.value.length == 1) addItem(result.value[0]);
			}
		}
		const addItem = async (p) => {
			adding.value = true;
			openSearch.value = false;
			value.value = "";
			emits("add-item", p);
			await nextTick();
			document.getElementById(props.id)?.focus();
			adding.value = false;
		};
		return (_ctx, _push, _parent, _attrs) => {
			_push(`<div${ssrRenderAttrs(mergeProps({
				ref_key: "excludeRef",
				ref: excludeRef,
				class: "relative"
			}, _attrs))}><div class="relative">`);
			_push(ssrRenderComponent(_sfc_main$25, {
				label: "",
				id: __props.id,
				modelValue: value.value,
				"onUpdate:modelValue": ($event) => value.value = $event,
				rounded: __props.rounded,
				keyboard: __props.type == "pos",
				onFocus: ($event) => openSearch.value = true,
				placeholder: _ctx.$t("Scan barcode or type to search")
			}, null, _parent));
			if (__props.type != "pos") _push(ssrRenderComponent(unref(Link), {
				href: unref(B)("products.create"),
				class: "absolute end-0 top-1/2 -translate-y-1/2 rounded-r-md border-l border-gray-300 p-2 text-gray-500 hover:bg-gray-200 hover:text-gray-700 focus:ring-2 focus:ring-primary-500 focus:outline-none dark:border-gray-700 dark:hover:bg-gray-700 dark:hover:text-white"
			}, {
				default: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"${_scopeId}><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"${_scopeId}></path></svg>`);
					else return [(openBlock(), createBlock("svg", {
						xmlns: "http://www.w3.org/2000/svg",
						fill: "none",
						viewBox: "0 0 24 24",
						"stroke-width": "1.5",
						stroke: "currentColor",
						class: "size-6"
					}, [createVNode("path", {
						"stroke-linecap": "round",
						"stroke-linejoin": "round",
						d: "M12 4.5v15m7.5-7.5h-15"
					})]))];
				}),
				_: 1
			}, _parent));
			else _push(`<!---->`);
			_push(`</div>`);
			if (openSearch.value && value.value && result.value?.length) {
				_push(`<div class="absolute start-0 end-0 top-full z-10 mt-2 max-h-96 min-w-[200px] overflow-y-auto rounded-md bg-white py-1 ring-1 ring-gray-200 dark:bg-gray-700 dark:ring-gray-700"><!--[-->`);
				ssrRenderList(result.value, (p) => {
					_push(`<button type="button"${ssrIncludeBooleanAttr(adding.value || (__props.model == "purchase" ? false : __props.model == "adjustment" ? __props.type == "Subtraction" && _ctx.$page.props.settings.overselling != 1 && p.store_stock?.balance <= 0 : _ctx.$page.props.settings.overselling != 1 && p.store_stock?.balance <= 0)) ? " disabled" : ""} class="flex w-full flex-wrap items-center justify-between gap-x-8 gap-y-0 px-4 py-1.5 text-start hover:bg-gray-100 disabled:pointer-events-none disabled:opacity-50 dark:hover:bg-gray-900">${ssrInterpolate(p.name)} <span class="text-sm"><span class="text-mute">${ssrInterpolate(_ctx.$t("In Stock") + ":")}</span><span class="ms-0.5 font-bold">${ssrInterpolate(_ctx.$decimal_qty(p.store_stock?.balance || 0))}</span></span></button>`);
				});
				_push(`<!--]--></div>`);
			} else _push(`<!---->`);
			_push(`</div>`);
		};
	}
};
var _sfc_setup$20 = _sfc_main$20.setup;
_sfc_main$20.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Common/ProductSearch.vue");
	return _sfc_setup$20 ? _sfc_setup$20(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Common/RadioGroup.vue
var _sfc_main$19 = {
	__name: "RadioGroup",
	__ssrInlineRender: true,
	props: {
		id: {
			type: String,
			default() {
				return (Math.random() + "").replace("0.", "");
			}
		},
		modelValue: {
			type: [
				String,
				Number,
				Boolean
			],
			default: false
		},
		options: {
			type: Array,
			default: () => []
		},
		label: String,
		error: String
	},
	emits: ["update:checked"],
	setup(__props, { emit: __emit }) {
		const value = ref("value1");
		const emit = __emit;
		const props = __props;
		onMounted(() => {
			value.value = props.modelValue;
		});
		watch(value, (newVal) => {
			emit("update:checked", newVal);
			emit("update:modelValue", newVal);
		});
		return (_ctx, _push, _parent, _attrs) => {
			_push(`<div${ssrRenderAttrs(mergeProps({ class: "flex gap-x-8 gap-y-3" }, _attrs))}>`);
			if (__props.label) _push(`<label class="text-mute mb-1 block text-sm font-bold">${ssrInterpolate(__props.label)}</label>`);
			else _push(`<!---->`);
			_push(`<!--[-->`);
			ssrRenderList(__props.options, (option) => {
				_push(`<div><label${ssrRenderAttr("for", option.key)} class="text-mute inline-flex items-center text-sm font-medium"><input type="radio"${ssrIncludeBooleanAttr(ssrLooseEqual(value.value, option.value)) ? " checked" : ""}${ssrRenderAttr("id", option.key)}${ssrRenderAttr("name", option.key)}${ssrRenderAttr("value", option.value)} class="${ssrRenderClass([{ "border-red-500": __props.error }, "h-5 w-5 rounded-full border-gray-300 text-primary-600 shadow-xs focus:rounded-full focus:ring-primary-400/90 focus:ring-offset-0 dark:border-gray-700 dark:bg-gray-600"])}">`);
				if (option.label) _push(`<span class="ms-2">${option.label ?? ""}</span>`);
				else _push(`<!---->`);
				_push(`</label>`);
				_push(ssrRenderComponent(unref(_sfc_main$62), { message: __props.error }, null, _parent));
				_push(`</div>`);
			});
			_push(`<!--]--></div>`);
		};
	}
};
var _sfc_setup$19 = _sfc_main$19.setup;
_sfc_main$19.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Common/RadioGroup.vue");
	return _sfc_setup$19 ? _sfc_setup$19(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Common/SelectStore.vue
var _sfc_main$18 = {
	__name: "SelectStore",
	__ssrInlineRender: true,
	setup(__props) {
		const page = usePage();
		watch(() => page.props.flash, () => {
			page.props.select_store = page.props.flash?.select_store ? true : false;
		});
		function hide() {
			page.props.select_store = false;
		}
		function selectStore(id) {
			router.visit(route("stores.select", { id }), {
				method: "post",
				onSuccess: () => page.props.select_store = false
			});
		}
		return (_ctx, _push, _parent, _attrs) => {
			const _component_Icon = resolveComponent("Icon");
			_push(ssrRenderComponent(unref(_sfc_main$52), mergeProps({
				show: unref(page).props.select_store,
				"max-width": "md",
				onClose: hide
			}, _attrs), {
				default: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) {
						_push(`<div class="p-6"${_scopeId}><div class="flex items-center justify-start gap-4"${_scopeId}><div class="mx-auto flex h-10 w-10 items-center justify-center rounded-full bg-primary-100"${_scopeId}>`);
						_push(ssrRenderComponent(_component_Icon, {
							name: "store-o",
							size: "size-5 text-primary-600"
						}, null, _parent, _scopeId));
						_push(`</div><div class="flex-1 grow"${_scopeId}><h3 class="text-base leading-6 font-semibold text-gray-900 dark:text-gray-100"${_scopeId}>${ssrInterpolate(_ctx.$t("Select {x}", { x: _ctx.$t("Store") }))}</h3><p class="text-sm"${_scopeId}>${ssrInterpolate(_ctx.$t("Please select a store first!"))}</p></div></div><div class="mt-6 grid grid-cols-2 gap-6 sm:mt-8"${_scopeId}><!--[-->`);
						ssrRenderList(unref(page).props.available_stores, (store) => {
							_push(`<!--[-->`);
							if (store.id == unref(page).props.selected_store) _push(`<button class="yellow:bg-yellow-800 yellow:text-yellow-100 yellow:hover:bg-yellow-700 focus inline-flex w-full justify-center rounded-lg bg-yellow-100 px-3 py-2 text-sm font-semibold text-yellow-900 shadow-xs hover:bg-yellow-300"${_scopeId}>${ssrInterpolate(_ctx.$t("Unselect {x}", { x: store.name }))}</button>`);
							else _push(`<button class="focus inline-flex w-full justify-center rounded-lg bg-gray-100 px-3 py-2 text-sm font-semibold text-gray-900 shadow-xs hover:bg-gray-300 dark:bg-gray-900 dark:text-gray-100 dark:hover:bg-gray-700"${_scopeId}>${ssrInterpolate(_ctx.$t("Select {x}", { x: store.name }))}</button>`);
							_push(`<!--]-->`);
						});
						_push(`<!--]--></div></div>`);
					} else return [createVNode("div", { class: "p-6" }, [createVNode("div", { class: "flex items-center justify-start gap-4" }, [createVNode("div", { class: "mx-auto flex h-10 w-10 items-center justify-center rounded-full bg-primary-100" }, [createVNode(_component_Icon, {
						name: "store-o",
						size: "size-5 text-primary-600"
					})]), createVNode("div", { class: "flex-1 grow" }, [createVNode("h3", { class: "text-base leading-6 font-semibold text-gray-900 dark:text-gray-100" }, toDisplayString(_ctx.$t("Select {x}", { x: _ctx.$t("Store") })), 1), createVNode("p", { class: "text-sm" }, toDisplayString(_ctx.$t("Please select a store first!")), 1)])]), createVNode("div", { class: "mt-6 grid grid-cols-2 gap-6 sm:mt-8" }, [(openBlock(true), createBlock(Fragment, null, renderList(unref(page).props.available_stores, (store) => {
						return openBlock(), createBlock(Fragment, { key: store.id }, [store.id == unref(page).props.selected_store ? (openBlock(), createBlock("button", {
							key: 0,
							onClick: ($event) => selectStore(0),
							class: "yellow:bg-yellow-800 yellow:text-yellow-100 yellow:hover:bg-yellow-700 focus inline-flex w-full justify-center rounded-lg bg-yellow-100 px-3 py-2 text-sm font-semibold text-yellow-900 shadow-xs hover:bg-yellow-300"
						}, toDisplayString(_ctx.$t("Unselect {x}", { x: store.name })), 9, ["onClick"])) : (openBlock(), createBlock("button", {
							key: 1,
							onClick: ($event) => selectStore(store.id),
							class: "focus inline-flex w-full justify-center rounded-lg bg-gray-100 px-3 py-2 text-sm font-semibold text-gray-900 shadow-xs hover:bg-gray-300 dark:bg-gray-900 dark:text-gray-100 dark:hover:bg-gray-700"
						}, toDisplayString(_ctx.$t("Select {x}", { x: store.name })), 9, ["onClick"]))], 64);
					}), 128))])])];
				}),
				_: 1
			}, _parent));
		};
	}
};
var _sfc_setup$18 = _sfc_main$18.setup;
_sfc_main$18.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Common/SelectStore.vue");
	return _sfc_setup$18 ? _sfc_setup$18(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Common/SelectVariant.vue
var _sfc_main$17 = {
	__name: "SelectVariant",
	__ssrInlineRender: true,
	props: ["item", "round"],
	emits: ["close", "update"],
	setup(__props, { emit: __emit }) {
		const page = usePage();
		const props = __props;
		const emit = __emit;
		const meta = ref({});
		const show = ref(true);
		const code = ref(null);
		const selected = ref(null);
		const localItem = ref(props.item);
		watch(code, (s) => {
			selected.value = props.item?.product?.variations.find((v) => v.code.toLowerCase() == s.toLowerCase());
			update();
		});
		watch(meta, (s) => {
			selected.value = props.item?.product?.variations.find((v) => isEqual(v.meta, s));
			update();
		}, { deep: true });
		onMounted(async () => {
			await nextTick();
			setTimeout(() => {
				document.getElementById("variation-code")?.focus();
			}, 100);
		});
		function update() {
			if (selected.value) {
				const variation = props.item.variations.find((v) => v.id == selected.value.id);
				if (variation) {
					localItem.value.variations = props.item.variations.map((v) => v.id == variation.id ? {
						...v,
						quantity: v.quantity + 1
					} : v);
					selected.value = variation;
				} else localItem.value.variations = props.item.variations.map((v) => v.id ? v : {
					...selected.value,
					quantity: 1,
					taxes: props.item.taxes,
					unit_id: props.item.unit_id,
					tax_included: props.item.tax_included == 1,
					cost: selected.value.cost || props.item.cost,
					price: selected.value.price || props.item.price
				});
				localItem.value.variations = localItem.value.variations.filter((v) => v.id);
				localItem.value.quantity = localItem.value.variations.reduce((a, v) => Number(v.quantity) + a, 0);
				meta.value = {};
				code.value = null;
				selected.value = null;
				emit("update", localItem.value);
			}
		}
		return (_ctx, _push, _parent, _attrs) => {
			const _component_Icon = resolveComponent("Icon");
			_push(ssrRenderComponent(unref(_sfc_main$52), mergeProps({
				show: show.value,
				"max-width": "md",
				onClose: ($event) => _ctx.$emit("close"),
				overflow: true,
				round: __props.round
			}, _attrs), {
				default: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) {
						_push(`<div class="p-6"${_scopeId}><div class="flex items-center justify-start gap-4"${_scopeId}><div class="mx-auto flex h-10 w-10 items-center justify-center rounded-full bg-primary-100"${_scopeId}>`);
						_push(ssrRenderComponent(_component_Icon, {
							name: "bolt",
							size: "size-5 text-primary-600"
						}, null, _parent, _scopeId));
						_push(`</div><div class="flex-1 grow"${_scopeId}><h3 class="text-base leading-6 font-semibold text-gray-900 dark:text-gray-100"${_scopeId}>${ssrInterpolate(_ctx.$t("Select {x}", { x: _ctx.$t("Variant") }))}</h3><p class="text-sm"${_scopeId}>${ssrInterpolate(_ctx.$t("Please select the variant to add item to order list."))}</p></div></div><div class="mt-6 grid grid-cols-1 gap-6 sm:mt-8 sm:grid-cols-2"${_scopeId}><div class="col-span-full"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$25), {
							label: "",
							modelValue: code.value,
							"onUpdate:modelValue": ($event) => code.value = $event,
							id: "variation-code",
							placeholder: _ctx.$t("Scan barcode or type the variation code")
						}, null, _parent, _scopeId));
						_push(`</div><!--[-->`);
						ssrRenderList(localItem.value.product.variants, (variant, vi) => {
							_push(`<div${_scopeId}>`);
							_push(ssrRenderComponent(unref(_sfc_main$35), {
								id: "type",
								json: true,
								label: _ctx.$t(variant.name),
								suggestions: variant.options,
								modelValue: meta.value[variant.name],
								"onUpdate:modelValue": ($event) => meta.value[variant.name] = $event
							}, null, _parent, _scopeId));
							_push(`</div>`);
						});
						_push(`<!--]-->`);
						if (selected.value) _push(`<div class="col-span-full rounded-lg border border-gray-200 dark:border-gray-700"${_scopeId}><dl class="divide-y divide-gray-200 dark:divide-gray-700"${_scopeId}><div class="px-4 py-2 sm:grid sm:grid-cols-3 sm:gap-4"${_scopeId}><dt class="text-sm/6 font-medium text-gray-900"${_scopeId}>${ssrInterpolate(_ctx.$t("Code"))}</dt><dd class="mt-1 text-sm/6 text-gray-700 sm:col-span-2 sm:mt-0"${_scopeId}>${ssrInterpolate(selected.value.code)}</dd></div><div class="px-4 py-2 sm:grid sm:grid-cols-3 sm:gap-4"${_scopeId}><dt class="text-sm/6 font-medium text-gray-900"${_scopeId}>${ssrInterpolate(_ctx.$t("Quantity"))}</dt><dd class="mt-1 text-sm/6 text-gray-700 sm:col-span-2 sm:mt-0"${_scopeId}>${ssrInterpolate(_ctx.$number(selected.value.stocks.find((s) => s.store_id == unref(page).props.selected_store)?.balance))}</dd></div><div class="px-4 py-2 sm:grid sm:grid-cols-3 sm:gap-4"${_scopeId}><dt class="text-sm/6 font-medium text-gray-900"${_scopeId}>${ssrInterpolate(_ctx.$t("Cost"))}</dt><dd class="mt-1 text-sm/6 text-gray-700 sm:col-span-2 sm:mt-0"${_scopeId}>${ssrInterpolate(selected.value.cost ? _ctx.$number(selected.value.cost) : "")}</dd></div><div class="px-4 py-2 sm:grid sm:grid-cols-3 sm:gap-4"${_scopeId}><dt class="text-sm/6 font-medium text-gray-900"${_scopeId}>${ssrInterpolate(_ctx.$t("Price"))}</dt><dd class="mt-1 text-sm/6 text-gray-700 sm:col-span-2 sm:mt-0"${_scopeId}>${ssrInterpolate(selected.value.price ? _ctx.$number(selected.value.price) : "")}</dd></div><div class="px-4 py-2 sm:grid sm:grid-cols-3 sm:gap-4"${_scopeId}><dt class="text-sm/6 font-medium text-gray-900"${_scopeId}>${ssrInterpolate(_ctx.$t("Weight"))}</dt><dd class="mt-1 text-sm/6 text-gray-700 sm:col-span-2 sm:mt-0"${_scopeId}>${ssrInterpolate(selected.value.weight ? _ctx.$number(selected.value.weight) : "")}</dd></div><div class="px-4 py-2 sm:grid sm:grid-cols-3 sm:gap-4"${_scopeId}><dt class="text-sm/6 font-medium text-gray-900"${_scopeId}>${ssrInterpolate(_ctx.$t("Dimensions"))}</dt><dd class="mt-1 text-sm/6 text-gray-700 sm:col-span-2 sm:mt-0"${_scopeId}>${ssrInterpolate(selected.value.dimensions)}</dd></div></dl></div>`);
						else _push(`<!---->`);
						_push(`</div></div>`);
					} else return [createVNode("div", { class: "p-6" }, [createVNode("div", { class: "flex items-center justify-start gap-4" }, [createVNode("div", { class: "mx-auto flex h-10 w-10 items-center justify-center rounded-full bg-primary-100" }, [createVNode(_component_Icon, {
						name: "bolt",
						size: "size-5 text-primary-600"
					})]), createVNode("div", { class: "flex-1 grow" }, [createVNode("h3", { class: "text-base leading-6 font-semibold text-gray-900 dark:text-gray-100" }, toDisplayString(_ctx.$t("Select {x}", { x: _ctx.$t("Variant") })), 1), createVNode("p", { class: "text-sm" }, toDisplayString(_ctx.$t("Please select the variant to add item to order list.")), 1)])]), createVNode("div", { class: "mt-6 grid grid-cols-1 gap-6 sm:mt-8 sm:grid-cols-2" }, [
						createVNode("div", { class: "col-span-full" }, [createVNode(unref(_sfc_main$25), {
							label: "",
							modelValue: code.value,
							"onUpdate:modelValue": ($event) => code.value = $event,
							id: "variation-code",
							placeholder: _ctx.$t("Scan barcode or type the variation code")
						}, null, 8, [
							"modelValue",
							"onUpdate:modelValue",
							"placeholder"
						])]),
						(openBlock(true), createBlock(Fragment, null, renderList(localItem.value.product.variants, (variant, vi) => {
							return openBlock(), createBlock("div", { key: vi }, [createVNode(unref(_sfc_main$35), {
								id: "type",
								json: true,
								label: _ctx.$t(variant.name),
								suggestions: variant.options,
								modelValue: meta.value[variant.name],
								"onUpdate:modelValue": ($event) => meta.value[variant.name] = $event
							}, null, 8, [
								"label",
								"suggestions",
								"modelValue",
								"onUpdate:modelValue"
							])]);
						}), 128)),
						selected.value ? (openBlock(), createBlock("div", {
							key: 0,
							class: "col-span-full rounded-lg border border-gray-200 dark:border-gray-700"
						}, [createVNode("dl", { class: "divide-y divide-gray-200 dark:divide-gray-700" }, [
							createVNode("div", { class: "px-4 py-2 sm:grid sm:grid-cols-3 sm:gap-4" }, [createVNode("dt", { class: "text-sm/6 font-medium text-gray-900" }, toDisplayString(_ctx.$t("Code")), 1), createVNode("dd", { class: "mt-1 text-sm/6 text-gray-700 sm:col-span-2 sm:mt-0" }, toDisplayString(selected.value.code), 1)]),
							createVNode("div", { class: "px-4 py-2 sm:grid sm:grid-cols-3 sm:gap-4" }, [createVNode("dt", { class: "text-sm/6 font-medium text-gray-900" }, toDisplayString(_ctx.$t("Quantity")), 1), createVNode("dd", { class: "mt-1 text-sm/6 text-gray-700 sm:col-span-2 sm:mt-0" }, toDisplayString(_ctx.$number(selected.value.stocks.find((s) => s.store_id == unref(page).props.selected_store)?.balance)), 1)]),
							createVNode("div", { class: "px-4 py-2 sm:grid sm:grid-cols-3 sm:gap-4" }, [createVNode("dt", { class: "text-sm/6 font-medium text-gray-900" }, toDisplayString(_ctx.$t("Cost")), 1), createVNode("dd", { class: "mt-1 text-sm/6 text-gray-700 sm:col-span-2 sm:mt-0" }, toDisplayString(selected.value.cost ? _ctx.$number(selected.value.cost) : ""), 1)]),
							createVNode("div", { class: "px-4 py-2 sm:grid sm:grid-cols-3 sm:gap-4" }, [createVNode("dt", { class: "text-sm/6 font-medium text-gray-900" }, toDisplayString(_ctx.$t("Price")), 1), createVNode("dd", { class: "mt-1 text-sm/6 text-gray-700 sm:col-span-2 sm:mt-0" }, toDisplayString(selected.value.price ? _ctx.$number(selected.value.price) : ""), 1)]),
							createVNode("div", { class: "px-4 py-2 sm:grid sm:grid-cols-3 sm:gap-4" }, [createVNode("dt", { class: "text-sm/6 font-medium text-gray-900" }, toDisplayString(_ctx.$t("Weight")), 1), createVNode("dd", { class: "mt-1 text-sm/6 text-gray-700 sm:col-span-2 sm:mt-0" }, toDisplayString(selected.value.weight ? _ctx.$number(selected.value.weight) : ""), 1)]),
							createVNode("div", { class: "px-4 py-2 sm:grid sm:grid-cols-3 sm:gap-4" }, [createVNode("dt", { class: "text-sm/6 font-medium text-gray-900" }, toDisplayString(_ctx.$t("Dimensions")), 1), createVNode("dd", { class: "mt-1 text-sm/6 text-gray-700 sm:col-span-2 sm:mt-0" }, toDisplayString(selected.value.dimensions), 1)])
						])])) : createCommentVNode("", true)
					])])];
				}),
				_: 1
			}, _parent));
		};
	}
};
var _sfc_setup$17 = _sfc_main$17.setup;
_sfc_main$17.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Common/SelectVariant.vue");
	return _sfc_setup$17 ? _sfc_setup$17(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Common/ServerOnly.vue
var _sfc_main$16 = {
	__name: "ServerOnly",
	__ssrInlineRender: true,
	setup(__props) {
		return (_ctx, _push, _parent, _attrs) => {
			if (unref(isServer)) ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
			else _push(`<!---->`);
		};
	}
};
var _sfc_setup$16 = _sfc_main$16.setup;
_sfc_main$16.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Common/ServerOnly.vue");
	return _sfc_setup$16 ? _sfc_setup$16(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Common/SignaturePad.vue
var _sfc_main$15 = {
	__name: "SignaturePad",
	__ssrInlineRender: true,
	emits: ["update:modelValue"],
	setup(__props, { expose: __expose, emit: __emit }) {
		const emit = __emit;
		const canvas = ref(null);
		ref(false);
		const isEmpty = ref(true);
		let ctx = null;
		onMounted(() => {
			ctx = canvas.value.getContext("2d");
			ctx.strokeStyle = "#1a1a1a";
			ctx.lineWidth = 2;
			ctx.lineCap = "round";
			ctx.lineJoin = "round";
			resizeCanvas();
			window.addEventListener("resize", resizeCanvas);
		});
		const resizeCanvas = () => {
			const rect = canvas.value.parentElement.getBoundingClientRect();
			const dpr = window.devicePixelRatio || 1;
			canvas.value.width = rect.width * dpr;
			canvas.value.height = 160 * dpr;
			canvas.value.style.width = rect.width + "px";
			canvas.value.style.height = "160px";
			ctx.scale(dpr, dpr);
			ctx.strokeStyle = "#1a1a1a";
			ctx.lineWidth = 2;
			ctx.lineCap = "round";
			ctx.lineJoin = "round";
		};
		const clearSignature = () => {
			ctx.clearRect(0, 0, canvas.value.width, canvas.value.height);
			isEmpty.value = true;
			emit("update:modelValue", null);
		};
		__expose({
			clearSignature,
			isEmpty
		});
		return (_ctx, _push, _parent, _attrs) => {
			_push(`<div${ssrRenderAttrs(_attrs)}><div class="relative overflow-hidden rounded-md border-2 border-dashed border-gray-300 bg-white dark:border-gray-600 dark:bg-gray-50"><canvas class="block touch-none"></canvas>`);
			if (isEmpty.value) {
				_push(`<div class="pointer-events-none absolute inset-0 flex items-center justify-center text-sm text-gray-400">`);
				ssrRenderSlot(_ctx.$slots, "placeholder", {}, () => {
					_push(`${ssrInterpolate(_ctx.$t("Sign here"))}`);
				}, _push, _parent);
				_push(`</div>`);
			} else _push(`<!---->`);
			_push(`</div><div class="text-end"><button type="button" class="mt-1 text-xs text-gray-500 underline hover:text-gray-700">`);
			ssrRenderSlot(_ctx.$slots, "clear", {}, () => {
				_push(`${ssrInterpolate(_ctx.$t("Clear"))}`);
			}, _push, _parent);
			_push(`</button></div></div>`);
		};
	}
};
var _sfc_setup$15 = _sfc_main$15.setup;
_sfc_main$15.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Common/SignaturePad.vue");
	return _sfc_setup$15 ? _sfc_setup$15(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Common/TabMenus.vue
var _sfc_main$14 = {
	__name: "TabMenus",
	__ssrInlineRender: true,
	props: { links: { type: Array } },
	setup(__props) {
		router.on("navigate", () => currentRoute.value = B ? B()?.current() : null);
		const currentRoute = ref(null);
		onMounted(() => {
			try {
				currentRoute.value = B()?.current();
			} catch (e) {
				console.log(e);
			}
		});
		return (_ctx, _push, _parent, _attrs) => {
			const _component_Icon = resolveComponent("Icon");
			if (__props.links && __props.links.length) {
				_push(`<div${ssrRenderAttrs(mergeProps({ class: "px-6 pt-6 sm:pt-0" }, _attrs))}><div class="sm:hidden"><label for="tabs" class="sr-only">${ssrInterpolate(_ctx.$t("Select a tab"))}</label><select id="tabs" name="tabs" class="block w-full rounded-md border-gray-300 focus:border-primary-500 focus:ring-primary-500 dark:border-gray-700 dark:bg-gray-800"><!--[-->`);
				ssrRenderList(__props.links, (link) => {
					_push(`<option${ssrRenderAttr("value", link.route)}${ssrIncludeBooleanAttr(link.route == currentRoute.value) ? " selected" : ""}>${ssrInterpolate(link.label)}</option>`);
				});
				_push(`<!--]--></select></div><div class="hidden sm:block"><div class="-mx-6 overflow-x-auto border-b border-gray-200 px-6 pb-px dark:border-gray-700"><nav class="-mb-px flex space-x-8 whitespace-nowrap" aria-label="Tabs"><!--[-->`);
				ssrRenderList(__props.links, (link) => {
					_push(`<!--[-->`);
					if (link.external) {
						_push(`<a${ssrRenderAttr("href", unref(B)(link.route))} class="${ssrRenderClass([link.route == currentRoute.value ? "border-primary-500 text-primary-600" : "text-mute border-transparent hover:border-gray-300 hover:text-gray-700 dark:hover:border-gray-600 dark:hover:text-gray-300", "group inline-flex items-center border-b-2 px-1 py-4 text-sm font-medium"])}">`);
						if (link.icon) _push(ssrRenderComponent(_component_Icon, {
							name: link.icon,
							size: link.route == currentRoute.value ? "-ms-0.5 me-2 size-5 text-primary-500" : "-ms-0.5 me-2 size-5 text-gray-400 group-hover:text-gray-500"
						}, null, _parent));
						else _push(`<!---->`);
						_push(`<span>${ssrInterpolate(link.label)}</span></a>`);
					} else _push(ssrRenderComponent(unref(Link), {
						href: unref(B)(link.route),
						class: ["group inline-flex items-center border-b-2 px-1 py-4 text-sm font-medium", link.route == currentRoute.value ? "border-primary-500 text-primary-600" : "text-mute border-transparent hover:border-gray-300 hover:text-gray-700 dark:hover:border-gray-600 dark:hover:text-gray-300"]
					}, {
						default: withCtx((_, _push, _parent, _scopeId) => {
							if (_push) {
								if (link.icon) _push(ssrRenderComponent(_component_Icon, {
									name: link.icon,
									size: link.route == currentRoute.value ? "-ms-0.5 me-2 size-5 text-primary-500" : "-ms-0.5 me-2 size-5 text-gray-400 group-hover:text-gray-500"
								}, null, _parent, _scopeId));
								else _push(`<!---->`);
								_push(`<span${_scopeId}>${ssrInterpolate(link.label)}</span>`);
							} else return [link.icon ? (openBlock(), createBlock(_component_Icon, {
								key: 0,
								name: link.icon,
								size: link.route == currentRoute.value ? "-ms-0.5 me-2 size-5 text-primary-500" : "-ms-0.5 me-2 size-5 text-gray-400 group-hover:text-gray-500"
							}, null, 8, ["name", "size"])) : createCommentVNode("", true), createVNode("span", null, toDisplayString(link.label), 1)];
						}),
						_: 2
					}, _parent));
					_push(`<!--]-->`);
				});
				_push(`<!--]--></nav></div></div></div>`);
			} else _push(`<!---->`);
		};
	}
};
var _sfc_setup$14 = _sfc_main$14.setup;
_sfc_main$14.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Common/TabMenus.vue");
	return _sfc_setup$14 ? _sfc_setup$14(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Common/Textarea.vue
var _sfc_main$13 = {
	__name: "Textarea",
	__ssrInlineRender: true,
	props: {
		id: {
			type: String,
			default() {
				return (Math.random() + "").replace("0.", "");
			}
		},
		modelValue: String,
		label: String,
		error: String,
		rows: String,
		className: String,
		keyboard: {
			type: Boolean,
			default: false
		}
	},
	emits: ["update:modelValue"],
	setup(__props, { emit: __emit }) {
		const input = ref(null);
		onMounted(async () => {
			await nextTick();
			input.value.setAttribute("style", `height: ${input.value.scrollHeight + 2}px`);
		});
		return (_ctx, _push, _parent, _attrs) => {
			let _temp0, _temp1;
			_push(`<div${ssrRenderAttrs(mergeProps({ class: __props.className || "col-span-6 sm:col-span-3 xl:col-span-6" }, _attrs))}>`);
			if (__props.label) _push(ssrRenderComponent(unref(_sfc_main$44), {
				for: __props.id,
				value: __props.label
			}, null, _parent));
			else _push(`<!---->`);
			if (__props.keyboard) _push(`<textarea${ssrRenderAttrs(_temp0 = mergeProps({
				id: __props.id,
				ref_key: "input",
				ref: input,
				rows: __props.rows
			}, _ctx.$attrs, {
				value: __props.modelValue,
				class: [{
					error: __props.error,
					"border-gray-300 dark:border-gray-700": !__props.error
				}, "mt-1 block w-full rounded-md shadow-xs placeholder:text-gray-400 focus:border-primary-500 focus:ring-primary-500 dark:bg-gray-900 dark:text-gray-300 dark:placeholder:text-gray-600 dark:focus:border-primary-600 dark:focus:ring-primary-600"]
			}, ssrGetDirectiveProps(_ctx, unref(vKeyboard))), "textarea")}>${ssrInterpolate("value" in _temp0 ? _temp0.value : "")}</textarea>`);
			else _push(`<textarea${ssrRenderAttrs(_temp1 = mergeProps({
				id: __props.id,
				ref_key: "input",
				ref: input,
				rows: __props.rows
			}, _ctx.$attrs, {
				value: __props.modelValue,
				class: [{
					error: __props.error,
					"border-gray-300 dark:border-gray-700": !__props.error
				}, "mt-1 block w-full rounded-md shadow-xs placeholder:text-gray-400 focus:border-primary-500 focus:ring-primary-500 dark:bg-gray-900 dark:text-gray-300 dark:placeholder:text-gray-600 dark:focus:border-primary-600 dark:focus:ring-primary-600"]
			}), "textarea")}>${ssrInterpolate("value" in _temp1 ? _temp1.value : "")}</textarea>`);
			if (__props.error) _push(ssrRenderComponent(unref(_sfc_main$62), {
				message: __props.error,
				class: "mt-0"
			}, null, _parent));
			else _push(`<!---->`);
			_push(`</div>`);
		};
	}
};
var _sfc_setup$13 = _sfc_main$13.setup;
_sfc_main$13.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Common/Textarea.vue");
	return _sfc_setup$13 ? _sfc_setup$13(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Common/TimePicker.vue
var _sfc_main$12 = {
	__name: "TimePicker",
	__ssrInlineRender: true,
	props: {
		modelValue: {
			type: String,
			default: ""
		},
		label: { type: String },
		error: { type: String },
		id: {
			type: String,
			default: () => (Math.random() + "").replace("0.", "")
		},
		name: { type: String },
		placeholder: {
			type: String,
			default: "HH:MM"
		},
		disabled: {
			type: Boolean,
			default: false
		},
		readonly: {
			type: Boolean,
			default: false
		},
		minuteInterval: {
			type: Number,
			default: 5
		}
	},
	emits: ["update:modelValue", "change"],
	setup(__props, { emit: __emit }) {
		const props = __props;
		const showDropdown = ref(false);
		const container = ref(null);
		ref(null);
		ref(null);
		const hours = computed(() => Array.from({ length: 24 }, (_, i) => String(i).padStart(2, "0")));
		const minutes = computed(() => {
			const list = [];
			for (let i = 0; i < 60; i += props.minuteInterval) list.push(String(i).padStart(2, "0"));
			return list;
		});
		const selectedHour = computed(() => props.modelValue?.split(":")[0] || "");
		const selectedMinute = computed(() => props.modelValue?.split(":")[1]?.slice(0, 2) || "");
		function onClickOutside(e) {
			if (container.value && !container.value.contains(e.target)) showDropdown.value = false;
		}
		onMounted(() => document.addEventListener("mousedown", onClickOutside));
		onBeforeUnmount(() => document.removeEventListener("mousedown", onClickOutside));
		return (_ctx, _push, _parent, _attrs) => {
			_push(`<div${ssrRenderAttrs(mergeProps({
				ref_key: "container",
				ref: container,
				class: "relative"
			}, _attrs))}>`);
			if (__props.label) _push(ssrRenderComponent(unref(_sfc_main$44), {
				for: __props.id,
				value: __props.label
			}, null, _parent));
			else _push(`<!---->`);
			_push(`<div class="relative"><input${ssrRenderAttr("id", __props.id)} readonly type="text"${ssrRenderAttr("name", __props.name)}${ssrRenderAttr("value", __props.modelValue)}${ssrRenderAttr("placeholder", __props.placeholder)}${ssrIncludeBooleanAttr(__props.disabled) ? " disabled" : ""} class="${ssrRenderClass([
				"block w-full cursor-pointer rounded-md pr-8 shadow-xs placeholder:text-gray-400 dark:bg-gray-900 dark:text-gray-300 dark:placeholder:text-gray-600",
				__props.error ? "border-red-500 focus:border-red-500 focus:ring-red-500" : "border-gray-300 focus:border-primary-500 focus:ring-primary-500 dark:border-gray-700 dark:focus:border-primary-600 dark:focus:ring-primary-600",
				__props.disabled && "cursor-not-allowed opacity-60"
			])}"><div class="absolute inset-y-0 right-2 flex items-center gap-1">`);
			if (__props.modelValue) _push(`<button type="button" class="text-gray-400 hover:text-gray-600 focus:outline-none dark:hover:text-gray-300" tabindex="-1"><svg class="size-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path></svg></button>`);
			else _push(`<svg class="size-4 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6l4 2m6-2a10 10 0 11-20 0 10 10 0 0120 0z"></path></svg>`);
			_push(`</div></div>`);
			if (showDropdown.value) {
				_push(`<div class="absolute z-50 mt-1 w-full overflow-hidden rounded-md border border-gray-200 bg-white shadow-lg dark:border-gray-700 dark:bg-gray-800"><div class="flex divide-x divide-gray-200 dark:divide-gray-700"><div class="h-48 flex-1 overflow-y-auto overscroll-none"><p class="sticky top-0 z-10 bg-gray-50 py-1 text-center text-xs font-semibold tracking-wider text-gray-400 uppercase dark:bg-gray-700"> HH </p><!--[-->`);
				ssrRenderList(hours.value, (h) => {
					_push(`<button type="button"${ssrRenderAttr("data-active", selectedHour.value === h)} class="${ssrRenderClass(["w-full py-1.5 text-center text-sm transition-colors", selectedHour.value === h ? "bg-primary-500 font-semibold text-white" : "text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700"])}">${ssrInterpolate(h)}</button>`);
				});
				_push(`<!--]--></div><div class="h-48 flex-1 overflow-y-auto overscroll-none"><p class="sticky top-0 z-10 bg-gray-50 py-1 text-center text-xs font-semibold tracking-wider text-gray-400 uppercase dark:bg-gray-700"> MM </p><!--[-->`);
				ssrRenderList(minutes.value, (m) => {
					_push(`<button type="button"${ssrRenderAttr("data-active", selectedMinute.value === m)} class="${ssrRenderClass(["w-full py-1.5 text-center text-sm transition-colors", selectedMinute.value === m ? "bg-primary-500 font-semibold text-white" : "text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700"])}">${ssrInterpolate(m)}</button>`);
				});
				_push(`<!--]--></div></div></div>`);
			} else _push(`<!---->`);
			_push(ssrRenderComponent(unref(_sfc_main$62), {
				message: __props.error?.replace(" id", ""),
				class: "mt-2"
			}, null, _parent));
			_push(`</div>`);
		};
	}
};
var _sfc_setup$12 = _sfc_main$12.setup;
_sfc_main$12.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Common/TimePicker.vue");
	return _sfc_setup$12 ? _sfc_setup$12(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Common/Toggle.vue
var _sfc_main$11 = {
	__name: "Toggle",
	__ssrInlineRender: true,
	props: {
		id: {
			type: String,
			default() {
				return (Math.random() + "").replace("0.", "");
			}
		},
		modelValue: {
			type: Boolean,
			default: false
		},
		disabled: {
			type: Boolean,
			default: false
		},
		label: String,
		text: String,
		error: String
	},
	emits: ["change", "update:modelValue"],
	setup(__props, { emit: __emit }) {
		return (_ctx, _push, _parent, _attrs) => {
			_push(`<div${ssrRenderAttrs(mergeProps({ class: "flex items-center" }, _attrs))}><button type="button" role="switch"${ssrIncludeBooleanAttr(__props.disabled) ? " disabled" : ""} class="${ssrRenderClass([__props.modelValue ? "bg-primary-600" : "bg-gray-200 dark:bg-gray-700", "relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:ring-2 focus:ring-primary-600 focus:ring-offset-2 focus:outline-hidden disabled:cursor-not-allowed!"])}"><span class="${ssrRenderClass([__props.modelValue ? _ctx.$page.props.settings?.rtl_support == "1" ? "-translate-x-5 bg-white" : "translate-x-5 bg-white" : "translate-x-0 bg-white dark:bg-gray-500", "pointer-events-none inline-block size-5 transform rounded-full shadow-sm ring-0 transition duration-200 ease-in-out"])}"></span></button>`);
			if (__props.label || __props.text) {
				_push(`<label class="ms-3 text-sm">`);
				if (__props.label) _push(`<span class="font-medium">${ssrInterpolate(__props.label)}</span>`);
				else _push(`<!---->`);
				if (__props.text) _push(`<span class="text-mute ms-1">${ssrInterpolate(__props.text)}</span>`);
				else _push(`<!---->`);
				_push(`</label>`);
			} else _push(`<!---->`);
			_push(`</div>`);
		};
	}
};
var _sfc_setup$11 = _sfc_main$11.setup;
_sfc_main$11.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Common/Toggle.vue");
	return _sfc_setup$11 ? _sfc_setup$11(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Common/ViewCustomFields.vue
var _sfc_main$10 = {
	__name: "ViewCustomFields",
	__ssrInlineRender: true,
	props: {
		title: String,
		line: Boolean,
		modal: {
			type: Boolean,
			default: true
		},
		extra_attributes: {
			type: Object,
			default: () => ({})
		}
	},
	setup(__props) {
		const show = ref(false);
		return (_ctx, _push, _parent, _attrs) => {
			if (Object.keys(__props.extra_attributes).length) {
				_push(`<div${ssrRenderAttrs(mergeProps({ class: "" }, _attrs))}>`);
				if (__props.modal) {
					_push(`<!--[--><button type="button" class="-my-1 rounded-md border border-gray-200 px-2 py-0.5 dark:border-gray-700">${ssrInterpolate(_ctx.$t("View"))}</button>`);
					_push(ssrRenderComponent(unref(_sfc_main$52), {
						show: show.value,
						maxWidth: "lg",
						closeable: true,
						onClose: () => show.value = false
					}, {
						default: withCtx((_, _push, _parent, _scopeId) => {
							if (_push) {
								_push(`<div class="border-b border-gray-200 p-4 font-bold dark:border-gray-700"${_scopeId}>${ssrInterpolate(_ctx.$t("Custom Fields"))} ${ssrInterpolate(__props.title ? " (" + __props.title + ")" : "")}</div><div class="m-6 flow-root"${_scopeId}><div class="overflow-x-auto"${_scopeId}><div class="inline-block min-w-full rounded-md border border-gray-200 align-middle dark:border-gray-700"${_scopeId}><table class="min-w-full"${_scopeId}><tbody class="divide-y divide-gray-200 dark:divide-gray-700"${_scopeId}><!--[-->`);
								ssrRenderList(Object.keys(__props.extra_attributes), (key) => {
									_push(`<tr${_scopeId}><td class="w-1/3 py-2 ps-4 pe-3 text-end text-sm"${_scopeId}>${ssrInterpolate(key)}</td><td class="py-2 ps-3 pe-4 text-sm font-bold"${_scopeId}>${ssrInterpolate(Array.isArray(__props.extra_attributes[key]) ? __props.extra_attributes[key].join(", ") : unref(isValidDate)(__props.extra_attributes[key]) ? unref($date)(__props.extra_attributes[key]) : __props.extra_attributes[key] || "")}</td></tr>`);
								});
								_push(`<!--]--></tbody></table></div></div></div>`);
							} else return [createVNode("div", { class: "border-b border-gray-200 p-4 font-bold dark:border-gray-700" }, toDisplayString(_ctx.$t("Custom Fields")) + " " + toDisplayString(__props.title ? " (" + __props.title + ")" : ""), 1), createVNode("div", { class: "m-6 flow-root" }, [createVNode("div", { class: "overflow-x-auto" }, [createVNode("div", { class: "inline-block min-w-full rounded-md border border-gray-200 align-middle dark:border-gray-700" }, [createVNode("table", { class: "min-w-full" }, [createVNode("tbody", { class: "divide-y divide-gray-200 dark:divide-gray-700" }, [(openBlock(true), createBlock(Fragment, null, renderList(Object.keys(__props.extra_attributes), (key) => {
								return openBlock(), createBlock("tr", { key }, [createVNode("td", { class: "w-1/3 py-2 ps-4 pe-3 text-end text-sm" }, toDisplayString(key), 1), createVNode("td", { class: "py-2 ps-3 pe-4 text-sm font-bold" }, toDisplayString(Array.isArray(__props.extra_attributes[key]) ? __props.extra_attributes[key].join(", ") : unref(isValidDate)(__props.extra_attributes[key]) ? unref($date)(__props.extra_attributes[key]) : __props.extra_attributes[key] || ""), 1)]);
							}), 128))])])])])])];
						}),
						_: 1
					}, _parent));
					_push(`<!--]-->`);
				} else {
					_push(`<div><!--[-->`);
					ssrRenderList(Object.keys(__props.extra_attributes), (key) => {
						_push(`<div>`);
						if (__props.line) _push(`<div class="text-mute text-sm">${ssrInterpolate(key)}</div>`);
						else _push(`<!--[--><span class="text-mute">${ssrInterpolate(key)}</span>: <!--]-->`);
						_push(` ${ssrInterpolate(Array.isArray(__props.extra_attributes[key]) ? __props.extra_attributes[key].join(", ") : unref(isValidDate)(__props.extra_attributes[key]) ? unref($date)(__props.extra_attributes[key]) : __props.extra_attributes[key] || "")}</div>`);
					});
					_push(`<!--]--></div>`);
				}
				_push(`</div>`);
			} else _push(`<!---->`);
		};
	}
};
var _sfc_setup$10 = _sfc_main$10.setup;
_sfc_main$10.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Common/ViewCustomFields.vue");
	return _sfc_setup$10 ? _sfc_setup$10(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Icon.vue
var _sfc_main$9 = {
	__name: "Icon",
	__ssrInlineRender: true,
	props: {
		name: String,
		size: String
	},
	setup(__props) {
		return (_ctx, _push, _parent, _attrs) => {
			_push(`<div${ssrRenderAttrs(mergeProps({ class: __props.size ? __props.size : "size-5" }, _attrs))}>`);
			if (__props.name == "home") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path d="M11.47 3.841a.75.75 0 0 1 1.06 0l8.69 8.69a.75.75 0 1 0 1.06-1.061l-8.689-8.69a2.25 2.25 0 0 0-3.182 0l-8.69 8.69a.75.75 0 1 0 1.061 1.06l8.69-8.689Z"></path><path d="m12 5.432 8.159 8.159c.03.03.06.058.091.086v6.198c0 1.035-.84 1.875-1.875 1.875H15a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 0-.75-.75h-3a.75.75 0 0 0-.75.75V21a.75.75 0 0 1-.75.75H5.625a1.875 1.875 0 0 1-1.875-1.875v-6.198a2.29 2.29 0 0 0 .091-.086L12 5.432Z"></path></svg>`);
			else if (__props.name == "home-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"></path></svg>`);
			else if (__props.name == "home-alt") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path d="M19.006 3.705a.75.75 0 1 0-.512-1.41L6 6.838V3a.75.75 0 0 0-.75-.75h-1.5A.75.75 0 0 0 3 3v4.93l-1.006.365a.75.75 0 0 0 .512 1.41l16.5-6Z"></path><path fill-rule="evenodd" d="M3.019 11.114 18 5.667v3.421l4.006 1.457a.75.75 0 1 1-.512 1.41l-.494-.18v8.475h.75a.75.75 0 0 1 0 1.5H2.25a.75.75 0 0 1 0-1.5H3v-9.129l.019-.007ZM18 20.25v-9.566l1.5.546v9.02H18Zm-9-6a.75.75 0 0 0-.75.75v4.5c0 .414.336.75.75.75h3a.75.75 0 0 0 .75-.75V15a.75.75 0 0 0-.75-.75H9Z" clip-rule="evenodd"></path></svg>`);
			else if (__props.name == "pos") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path fill-rule="evenodd" d="M3 6a3 3 0 0 1 3-3h2.25a3 3 0 0 1 3 3v2.25a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6Zm9.75 0a3 3 0 0 1 3-3H18a3 3 0 0 1 3 3v2.25a3 3 0 0 1-3 3h-2.25a3 3 0 0 1-3-3V6ZM3 15.75a3 3 0 0 1 3-3h2.25a3 3 0 0 1 3 3V18a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3v-2.25Zm9.75 0a3 3 0 0 1 3-3H18a3 3 0 0 1 3 3V18a3 3 0 0 1-3 3h-2.25a3 3 0 0 1-3-3v-2.25Z" clip-rule="evenodd"></path></svg>`);
			else if (__props.name == "shop") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path d="M5.223 2.25c-.497 0-.974.198-1.325.55l-1.3 1.298A3.75 3.75 0 0 0 7.5 9.75c.627.47 1.406.75 2.25.75.844 0 1.624-.28 2.25-.75.626.47 1.406.75 2.25.75.844 0 1.623-.28 2.25-.75a3.75 3.75 0 0 0 4.902-5.652l-1.3-1.299a1.875 1.875 0 0 0-1.325-.549H5.223Z"></path><path fill-rule="evenodd" d="M3 20.25v-8.755c1.42.674 3.08.673 4.5 0A5.234 5.234 0 0 0 9.75 12c.804 0 1.568-.182 2.25-.506a5.234 5.234 0 0 0 2.25.506c.804 0 1.567-.182 2.25-.506 1.42.674 3.08.675 4.5.001v8.755h.75a.75.75 0 0 1 0 1.5H2.25a.75.75 0 0 1 0-1.5H3Zm3-6a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-.75.75h-3a.75.75 0 0 1-.75-.75v-3Zm8.25-.75a.75.75 0 0 0-.75.75v5.25c0 .414.336.75.75.75h3a.75.75 0 0 0 .75-.75v-5.25a.75.75 0 0 0-.75-.75h-3Z" clip-rule="evenodd"></path></svg>`);
			else if (__props.name == "shop-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 21v-7.5a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 .75.75V21m-4.5 0H2.36m11.14 0H18m0 0h3.64m-1.39 0V9.349M3.75 21V9.349m0 0a3.001 3.001 0 0 0 3.75-.615A2.993 2.993 0 0 0 9.75 9.75c.896 0 1.7-.393 2.25-1.016a2.993 2.993 0 0 0 2.25 1.016c.896 0 1.7-.393 2.25-1.015a3.001 3.001 0 0 0 3.75.614m-16.5 0a3.004 3.004 0 0 1-.621-4.72l1.189-1.19A1.5 1.5 0 0 1 5.378 3h13.243a1.5 1.5 0 0 1 1.06.44l1.19 1.189a3 3 0 0 1-.621 4.72M6.75 18h3.75a.75.75 0 0 0 .75-.75V13.5a.75.75 0 0 0-.75-.75H6.75a.75.75 0 0 0-.75.75v3.75c0 .414.336.75.75.75Z"></path></svg>`);
			else if (__props.name == "shop2") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-full w-full"><path d="m2 7 4.41-4.41A2 2 0 0 1 7.83 2h8.34a2 2 0 0 1 1.42.59L22 7"></path><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"></path><path d="M15 22v-4a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v4"></path><path d="M2 7h20"></path><path d="M22 7v3a2 2 0 0 1-2 2a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 16 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 12 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 8 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 4 12a2 2 0 0 1-2-2V7"></path></svg>`);
			else if (__props.name == "pos-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6A2.25 2.25 0 0 1 6 3.75h2.25A2.25 2.25 0 0 1 10.5 6v2.25a2.25 2.25 0 0 1-2.25 2.25H6a2.25 2.25 0 0 1-2.25-2.25V6ZM3.75 15.75A2.25 2.25 0 0 1 6 13.5h2.25a2.25 2.25 0 0 1 2.25 2.25V18a2.25 2.25 0 0 1-2.25 2.25H6A2.25 2.25 0 0 1 3.75 18v-2.25ZM13.5 6a2.25 2.25 0 0 1 2.25-2.25H18A2.25 2.25 0 0 1 20.25 6v2.25A2.25 2.25 0 0 1 18 10.5h-2.25a2.25 2.25 0 0 1-2.25-2.25V6ZM13.5 15.75a2.25 2.25 0 0 1 2.25-2.25H18a2.25 2.25 0 0 1 2.25 2.25V18A2.25 2.25 0 0 1 18 20.25h-2.25A2.25 2.25 0 0 1 13.5 18v-2.25Z"></path></svg>`);
			else if (__props.name == "pos-alt") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path fill-rule="evenodd" d="M1.5 7.125c0-1.036.84-1.875 1.875-1.875h6c1.036 0 1.875.84 1.875 1.875v3.75c0 1.036-.84 1.875-1.875 1.875h-6A1.875 1.875 0 0 1 1.5 10.875v-3.75Zm12 1.5c0-1.036.84-1.875 1.875-1.875h5.25c1.035 0 1.875.84 1.875 1.875v8.25c0 1.035-.84 1.875-1.875 1.875h-5.25a1.875 1.875 0 0 1-1.875-1.875v-8.25ZM3 16.125c0-1.036.84-1.875 1.875-1.875h5.25c1.036 0 1.875.84 1.875 1.875v2.25c0 1.035-.84 1.875-1.875 1.875h-5.25A1.875 1.875 0 0 1 3 18.375v-2.25Z" clip-rule="evenodd"></path></svg>`);
			else if (__props.name == "orders") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="h-full w-full" viewBox="0 0 256 256"><path d="M120,80A40,40,0,1,1,80,40,40,40,0,0,1,120,80Zm56,40a40,40,0,1,0-40-40A40,40,0,0,0,176,120ZM80,136a40,40,0,1,0,40,40A40,40,0,0,0,80,136Zm96,0a40,40,0,1,0,40,40A40,40,0,0,0,176,136Z"></path></svg>`);
			else if (__props.name == "orders-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="h-full w-full" viewBox="0 0 256 256"><path d="M80,40a40,40,0,1,0,40,40A40,40,0,0,0,80,40Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,80,104Zm96,16a40,40,0,1,0-40-40A40,40,0,0,0,176,120Zm0-64a24,24,0,1,1-24,24A24,24,0,0,1,176,56ZM80,136a40,40,0,1,0,40,40A40,40,0,0,0,80,136Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,80,200Zm96-64a40,40,0,1,0,40,40A40,40,0,0,0,176,136Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,176,200Z"></path></svg>`);
			else if (__props.name == "bag-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 10.5V6a3.75 3.75 0 1 0-7.5 0v4.5m11.356-1.993 1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 0 1-1.12-1.243l1.264-12A1.125 1.125 0 0 1 5.513 7.5h12.974c.576 0 1.059.435 1.119 1.007ZM8.625 10.5a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm7.5 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"></path></svg>`);
			else if (__props.name == "cart") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path d="M2.25 2.25a.75.75 0 0 0 0 1.5h1.386c.17 0 .318.114.362.278l2.558 9.592a3.752 3.752 0 0 0-2.806 3.63c0 .414.336.75.75.75h15.75a.75.75 0 0 0 0-1.5H5.378A2.25 2.25 0 0 1 7.5 15h11.218a.75.75 0 0 0 .674-.421 60.358 60.358 0 0 0 2.96-7.228.75.75 0 0 0-.525-.965A60.864 60.864 0 0 0 5.68 4.509l-.232-.867A1.875 1.875 0 0 0 3.636 2.25H2.25ZM3.75 20.25a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM16.5 20.25a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z"></path></svg>`);
			else if (__props.name == "cart-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z"></path></svg>`);
			else if (__props.name == "bell-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0M3.124 7.5A8.969 8.969 0 0 1 5.292 3m13.416 0a8.969 8.969 0 0 1 2.168 4.5"></path></svg>`);
			else if (__props.name == "bag") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path fill-rule="evenodd" d="M7.5 6v.75H5.513c-.96 0-1.764.724-1.865 1.679l-1.263 12A1.875 1.875 0 0 0 4.25 22.5h15.5a1.875 1.875 0 0 0 1.865-2.071l-1.263-12a1.875 1.875 0 0 0-1.865-1.679H16.5V6a4.5 4.5 0 1 0-9 0ZM12 3a3 3 0 0 0-3 3v.75h6V6a3 3 0 0 0-3-3Zm-3 8.25a3 3 0 1 0 6 0v-.75a.75.75 0 0 1 1.5 0v.75a4.5 4.5 0 1 1-9 0v-.75a.75.75 0 0 1 1.5 0v.75Z" clip-rule="evenodd"></path></svg>`);
			else if (__props.name == "repair") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path fill-rule="evenodd" d="M12 6.75a5.25 5.25 0 0 1 6.775-5.025.75.75 0 0 1 .313 1.248l-3.32 3.319c.063.475.276.934.641 1.299.365.365.824.578 1.3.64l3.318-3.319a.75.75 0 0 1 1.248.313 5.25 5.25 0 0 1-5.472 6.756c-1.018-.086-1.87.1-2.309.634L7.344 21.3A3.298 3.298 0 1 1 2.7 16.657l8.684-7.151c.533-.44.72-1.291.634-2.309A5.342 5.342 0 0 1 12 6.75ZM4.117 19.125a.75.75 0 0 1 .75-.75h.008a.75.75 0 0 1 .75.75v.008a.75.75 0 0 1-.75.75h-.008a.75.75 0 0 1-.75-.75v-.008Z" clip-rule="evenodd"></path><path d="m10.076 8.64-2.201-2.2V4.874a.75.75 0 0 0-.364-.643l-3.75-2.25a.75.75 0 0 0-.916.113l-.75.75a.75.75 0 0 0-.113.916l2.25 3.75a.75.75 0 0 0 .643.364h1.564l2.062 2.062 1.575-1.297Z"></path><path fill-rule="evenodd" d="m12.556 17.329 4.183 4.182a3.375 3.375 0 0 0 4.773-4.773l-3.306-3.305a6.803 6.803 0 0 1-1.53.043c-.394-.034-.682-.006-.867.042a.589.589 0 0 0-.167.063l-3.086 3.748Zm3.414-1.36a.75.75 0 0 1 1.06 0l1.875 1.876a.75.75 0 1 1-1.06 1.06L15.97 17.03a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"></path></svg>`);
			else if (__props.name == "repair-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M11.42 15.17 17.25 21A2.652 2.652 0 0 0 21 17.25l-5.877-5.877M11.42 15.17l2.496-3.03c.317-.384.74-.626 1.208-.766M11.42 15.17l-4.655 5.653a2.548 2.548 0 1 1-3.586-3.586l6.837-5.63m5.108-.233c.55-.164 1.163-.188 1.743-.14a4.5 4.5 0 0 0 4.486-6.336l-3.276 3.277a3.004 3.004 0 0 1-2.25-2.25l3.276-3.276a4.5 4.5 0 0 0-6.336 4.486c.091 1.076-.071 2.264-.904 2.95l-.102.085m-1.745 1.437L5.909 7.5H4.5L2.25 3.75l1.5-1.5L7.5 4.5v1.409l4.26 4.26m-1.745 1.437 1.745-1.437m6.615 8.206L15.75 15.75M4.867 19.125h.008v.008h-.008v-.008Z"></path></svg>`);
			else if (__props.name == "gift") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path d="M9.375 3a1.875 1.875 0 0 0 0 3.75h1.875v4.5H3.375A1.875 1.875 0 0 1 1.5 9.375v-.75c0-1.036.84-1.875 1.875-1.875h3.193A3.375 3.375 0 0 1 12 2.753a3.375 3.375 0 0 1 5.432 3.997h3.943c1.035 0 1.875.84 1.875 1.875v.75c0 1.036-.84 1.875-1.875 1.875H12.75v-4.5h1.875a1.875 1.875 0 1 0-1.875-1.875V6.75h-1.5V4.875C11.25 3.839 10.41 3 9.375 3ZM11.25 12.75H3v6.75a2.25 2.25 0 0 0 2.25 2.25h6v-9ZM12.75 12.75v9h6.75a2.25 2.25 0 0 0 2.25-2.25v-6.75h-9Z"></path></svg>`);
			else if (__props.name == "gift-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M21 11.25v8.25a1.5 1.5 0 0 1-1.5 1.5H5.25a1.5 1.5 0 0 1-1.5-1.5v-8.25M12 4.875A2.625 2.625 0 1 0 9.375 7.5H12m0-2.625V7.5m0-2.625A2.625 2.625 0 1 1 14.625 7.5H12m0 0V21m-8.625-9.75h18c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125h-18c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z"></path></svg>`);
			else if (__props.name == "print") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path fill-rule="evenodd" d="M7.875 1.5C6.839 1.5 6 2.34 6 3.375v2.99c-.426.053-.851.11-1.274.174-1.454.218-2.476 1.483-2.476 2.917v6.294a3 3 0 0 0 3 3h.27l-.155 1.705A1.875 1.875 0 0 0 7.232 22.5h9.536a1.875 1.875 0 0 0 1.867-2.045l-.155-1.705h.27a3 3 0 0 0 3-3V9.456c0-1.434-1.022-2.7-2.476-2.917A48.716 48.716 0 0 0 18 6.366V3.375c0-1.036-.84-1.875-1.875-1.875h-8.25ZM16.5 6.205v-2.83A.375.375 0 0 0 16.125 3h-8.25a.375.375 0 0 0-.375.375v2.83a49.353 49.353 0 0 1 9 0Zm-.217 8.265c.178.018.317.16.333.337l.526 5.784a.375.375 0 0 1-.374.409H7.232a.375.375 0 0 1-.374-.409l.526-5.784a.373.373 0 0 1 .333-.337 41.741 41.741 0 0 1 8.566 0Zm.967-3.97a.75.75 0 0 1 .75-.75h.008a.75.75 0 0 1 .75.75v.008a.75.75 0 0 1-.75.75H18a.75.75 0 0 1-.75-.75V10.5ZM15 9.75a.75.75 0 0 0-.75.75v.008c0 .414.336.75.75.75h.008a.75.75 0 0 0 .75-.75V10.5a.75.75 0 0 0-.75-.75H15Z" clip-rule="evenodd"></path></svg>`);
			else if (__props.name == "print-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M6.72 13.829c-.24.03-.48.062-.72.096m.72-.096a42.415 42.415 0 0 1 10.56 0m-10.56 0L6.34 18m10.94-4.171c.24.03.48.062.72.096m-.72-.096L17.66 18m0 0 .229 2.523a1.125 1.125 0 0 1-1.12 1.227H7.231c-.662 0-1.18-.568-1.12-1.227L6.34 18m11.318 0h1.091A2.25 2.25 0 0 0 21 15.75V9.456c0-1.081-.768-2.015-1.837-2.175a48.055 48.055 0 0 0-1.913-.247M6.34 18H5.25A2.25 2.25 0 0 1 3 15.75V9.456c0-1.081.768-2.015 1.837-2.175a48.041 48.041 0 0 1 1.913-.247m10.5 0a48.536 48.536 0 0 0-10.5 0m10.5 0V3.375c0-.621-.504-1.125-1.125-1.125h-8.25c-.621 0-1.125.504-1.125 1.125v3.659M18 10.5h.008v.008H18V10.5Zm-3 0h.008v.008H15V10.5Z"></path></svg>`);
			else if (__props.name == "support") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path fill-rule="evenodd" d="M19.449 8.448 16.388 11a4.52 4.52 0 0 1 0 2.002l3.061 2.55a8.275 8.275 0 0 0 0-7.103ZM15.552 19.45 13 16.388a4.52 4.52 0 0 1-2.002 0l-2.55 3.061a8.275 8.275 0 0 0 7.103 0ZM4.55 15.552 7.612 13a4.52 4.52 0 0 1 0-2.002L4.551 8.45a8.275 8.275 0 0 0 0 7.103ZM8.448 4.55 11 7.612a4.52 4.52 0 0 1 2.002 0l2.55-3.061a8.275 8.275 0 0 0-7.103 0Zm8.657-.86a9.776 9.776 0 0 1 1.79 1.415 9.776 9.776 0 0 1 1.414 1.788 9.764 9.764 0 0 1 0 10.211 9.777 9.777 0 0 1-1.415 1.79 9.777 9.777 0 0 1-1.788 1.414 9.764 9.764 0 0 1-10.212 0 9.776 9.776 0 0 1-1.788-1.415 9.776 9.776 0 0 1-1.415-1.788 9.764 9.764 0 0 1 0-10.212 9.774 9.774 0 0 1 1.415-1.788A9.774 9.774 0 0 1 6.894 3.69a9.764 9.764 0 0 1 10.211 0ZM14.121 9.88a2.985 2.985 0 0 0-1.11-.704 3.015 3.015 0 0 0-2.022 0 2.985 2.985 0 0 0-1.11.704c-.326.325-.56.705-.704 1.11a3.015 3.015 0 0 0 0 2.022c.144.405.378.785.704 1.11.325.326.705.56 1.11.704.652.233 1.37.233 2.022 0a2.985 2.985 0 0 0 1.11-.704c.326-.325.56-.705.704-1.11a3.016 3.016 0 0 0 0-2.022 2.985 2.985 0 0 0-.704-1.11Z" clip-rule="evenodd"></path></svg>`);
			else if (__props.name == "cli") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path fill-rule="evenodd" d="M2.25 6a3 3 0 0 1 3-3h13.5a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H5.25a3 3 0 0 1-3-3V6Zm3.97.97a.75.75 0 0 1 1.06 0l2.25 2.25a.75.75 0 0 1 0 1.06l-2.25 2.25a.75.75 0 0 1-1.06-1.06l1.72-1.72-1.72-1.72a.75.75 0 0 1 0-1.06Zm4.28 4.28a.75.75 0 0 0 0 1.5h3a.75.75 0 0 0 0-1.5h-3Z" clip-rule="evenodd"></path></svg>`);
			else if (__props.name == "cog") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path fill-rule="evenodd" d="M11.078 2.25c-.917 0-1.699.663-1.85 1.567L9.05 4.889c-.02.12-.115.26-.297.348a7.493 7.493 0 0 0-.986.57c-.166.115-.334.126-.45.083L6.3 5.508a1.875 1.875 0 0 0-2.282.819l-.922 1.597a1.875 1.875 0 0 0 .432 2.385l.84.692c.095.078.17.229.154.43a7.598 7.598 0 0 0 0 1.139c.015.2-.059.352-.153.43l-.841.692a1.875 1.875 0 0 0-.432 2.385l.922 1.597a1.875 1.875 0 0 0 2.282.818l1.019-.382c.115-.043.283-.031.45.082.312.214.641.405.985.57.182.088.277.228.297.35l.178 1.071c.151.904.933 1.567 1.85 1.567h1.844c.916 0 1.699-.663 1.85-1.567l.178-1.072c.02-.12.114-.26.297-.349.344-.165.673-.356.985-.57.167-.114.335-.125.45-.082l1.02.382a1.875 1.875 0 0 0 2.28-.819l.923-1.597a1.875 1.875 0 0 0-.432-2.385l-.84-.692c-.095-.078-.17-.229-.154-.43a7.614 7.614 0 0 0 0-1.139c-.016-.2.059-.352.153-.43l.84-.692c.708-.582.891-1.59.433-2.385l-.922-1.597a1.875 1.875 0 0 0-2.282-.818l-1.02.382c-.114.043-.282.031-.449-.083a7.49 7.49 0 0 0-.985-.57c-.183-.087-.277-.227-.297-.348l-.179-1.072a1.875 1.875 0 0 0-1.85-1.567h-1.843ZM12 15.75a3.75 3.75 0 1 0 0-7.5 3.75 3.75 0 0 0 0 7.5Z" clip-rule="evenodd"></path></svg>`);
			else if (__props.name == "cog-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z"></path><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path></svg>`);
			else if (__props.name == "sick") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="h-full w-full" viewBox="0 0 256 256"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm36,72a12,12,0,1,1-12,12A12,12,0,0,1,164,96ZM92,96a12,12,0,1,1-12,12A12,12,0,0,1,92,96Zm84,80c-10,0-15.05-6.74-18.4-11.2-3-4-3.92-4.8-5.6-4.8s-2.57.76-5.6,4.8C143.05,169.26,138,176,128,176s-15-6.74-18.4-11.2c-3-4-3.92-4.8-5.6-4.8s-2.57.76-5.6,4.8C95.05,169.26,90,176,80,176a8,8,0,0,1,0-16c1.68,0,2.57-.76,5.6-4.8C89,150.74,94,144,104,144s15,6.74,18.4,11.2c3,4,3.92,4.8,5.6,4.8s2.57-.76,5.6-4.8C137,150.74,142,144,152,144s15.05,6.74,18.4,11.2c3,4,3.92,4.8,5.6,4.8a8,8,0,0,1,0,16Z"></path></svg>`);
			else if (__props.name == "qrcode") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="h-full w-full" viewBox="0 0 256 256"><path d="M120,56v48a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V56A16,16,0,0,1,56,40h48A16,16,0,0,1,120,56Zm-16,80H56a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V152A16,16,0,0,0,104,136Zm96-96H152a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40ZM144,184a8,8,0,0,0,8-8V144a8,8,0,0,0-16,0v32A8,8,0,0,0,144,184Zm64-32H184v-8a8,8,0,0,0-16,0v56H144a8,8,0,0,0,0,16h32a8,8,0,0,0,8-8V168h24a8,8,0,0,0,0-16Zm0,32a8,8,0,0,0-8,8v16a8,8,0,0,0,16,0V192A8,8,0,0,0,208,184Z"></path></svg>`);
			else if (__props.name == "qr-code") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path fill-rule="evenodd" d="M3 4.875C3 3.839 3.84 3 4.875 3h4.5c1.036 0 1.875.84 1.875 1.875v4.5c0 1.036-.84 1.875-1.875 1.875h-4.5A1.875 1.875 0 0 1 3 9.375v-4.5ZM4.875 4.5a.375.375 0 0 0-.375.375v4.5c0 .207.168.375.375.375h4.5a.375.375 0 0 0 .375-.375v-4.5a.375.375 0 0 0-.375-.375h-4.5Zm7.875.375c0-1.036.84-1.875 1.875-1.875h4.5C20.16 3 21 3.84 21 4.875v4.5c0 1.036-.84 1.875-1.875 1.875h-4.5a1.875 1.875 0 0 1-1.875-1.875v-4.5Zm1.875-.375a.375.375 0 0 0-.375.375v4.5c0 .207.168.375.375.375h4.5a.375.375 0 0 0 .375-.375v-4.5a.375.375 0 0 0-.375-.375h-4.5ZM6 6.75A.75.75 0 0 1 6.75 6h.75a.75.75 0 0 1 .75.75v.75a.75.75 0 0 1-.75.75h-.75A.75.75 0 0 1 6 7.5v-.75Zm9.75 0A.75.75 0 0 1 16.5 6h.75a.75.75 0 0 1 .75.75v.75a.75.75 0 0 1-.75.75h-.75a.75.75 0 0 1-.75-.75v-.75ZM3 14.625c0-1.036.84-1.875 1.875-1.875h4.5c1.036 0 1.875.84 1.875 1.875v4.5c0 1.035-.84 1.875-1.875 1.875h-4.5A1.875 1.875 0 0 1 3 19.125v-4.5Zm1.875-.375a.375.375 0 0 0-.375.375v4.5c0 .207.168.375.375.375h4.5a.375.375 0 0 0 .375-.375v-4.5a.375.375 0 0 0-.375-.375h-4.5Zm7.875-.75a.75.75 0 0 1 .75-.75h.75a.75.75 0 0 1 .75.75v.75a.75.75 0 0 1-.75.75h-.75a.75.75 0 0 1-.75-.75v-.75Zm6 0a.75.75 0 0 1 .75-.75h.75a.75.75 0 0 1 .75.75v.75a.75.75 0 0 1-.75.75h-.75a.75.75 0 0 1-.75-.75v-.75ZM6 16.5a.75.75 0 0 1 .75-.75h.75a.75.75 0 0 1 .75.75v.75a.75.75 0 0 1-.75.75h-.75a.75.75 0 0 1-.75-.75v-.75Zm9.75 0a.75.75 0 0 1 .75-.75h.75a.75.75 0 0 1 .75.75v.75a.75.75 0 0 1-.75.75h-.75a.75.75 0 0 1-.75-.75v-.75Zm-3 3a.75.75 0 0 1 .75-.75h.75a.75.75 0 0 1 .75.75v.75a.75.75 0 0 1-.75.75h-.75a.75.75 0 0 1-.75-.75v-.75Zm6 0a.75.75 0 0 1 .75-.75h.75a.75.75 0 0 1 .75.75v.75a.75.75 0 0 1-.75.75h-.75a.75.75 0 0 1-.75-.75v-.75Z" clip-rule="evenodd"></path></svg>`);
			else if (__props.name == "barcode-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="h-full w-full" viewBox="0 0 256 256"><path d="M232,48V88a8,8,0,0,1-16,0V56H184a8,8,0,0,1,0-16h40A8,8,0,0,1,232,48ZM72,200H40V168a8,8,0,0,0-16,0v40a8,8,0,0,0,8,8H72a8,8,0,0,0,0-16Zm152-40a8,8,0,0,0-8,8v32H184a8,8,0,0,0,0,16h40a8,8,0,0,0,8-8V168A8,8,0,0,0,224,160ZM32,96a8,8,0,0,0,8-8V56H72a8,8,0,0,0,0-16H32a8,8,0,0,0-8,8V88A8,8,0,0,0,32,96ZM80,80a8,8,0,0,0-8,8v80a8,8,0,0,0,16,0V88A8,8,0,0,0,80,80Zm104,88V88a8,8,0,0,0-16,0v80a8,8,0,0,0,16,0ZM144,80a8,8,0,0,0-8,8v80a8,8,0,0,0,16,0V88A8,8,0,0,0,144,80Zm-32,0a8,8,0,0,0-8,8v80a8,8,0,0,0,16,0V88A8,8,0,0,0,112,80Z"></path></svg>`);
			else if (__props.name == "barcode") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="h-full w-full" viewBox="0 0 256 256"><path d="M224,40H32a8,8,0,0,0-8,8V208a8,8,0,0,0,8,8H224a8,8,0,0,0,8-8V48A8,8,0,0,0,224,40ZM40,64a8,8,0,0,1,8-8H80a8,8,0,0,1,0,16H56V96a8,8,0,0,1-16,0ZM80,200H48a8,8,0,0,1-8-8V160a8,8,0,0,1,16,0v24H80a8,8,0,0,1,0,16Zm24-48a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Zm32,0a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Zm24,8a8,8,0,0,1-8-8V104a8,8,0,0,1,16,0v48A8,8,0,0,1,160,160Zm56,32a8,8,0,0,1-8,8H176a8,8,0,0,1,0-16h24V160a8,8,0,0,1,16,0Zm0-96a8,8,0,0,1-16,0V72H176a8,8,0,0,1,0-16h32a8,8,0,0,1,8,8Z"></path></svg>`);
			else if (__props.name == "up-down") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="h-full w-full" viewBox="0 0 256 256"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm37.66,133.66-32,32a8,8,0,0,1-11.32,0l-32-32a8,8,0,0,1,11.32-11.32L128,172.69l26.34-26.35a8,8,0,0,1,11.32,11.32Zm0-48a8,8,0,0,1-11.32,0L128,83.31l-26.34,26.35A8,8,0,0,1,90.34,98.34l32-32a8,8,0,0,1,11.32,0l32,32A8,8,0,0,1,165.66,109.66Z"></path></svg>`);
			else if (__props.name == "up-down-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="h-full w-full" viewBox="0 0 256 256"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216ZM165.66,98.34a8,8,0,0,1-11.32,11.32L128,83.31l-26.34,26.35A8,8,0,0,1,90.34,98.34l32-32a8,8,0,0,1,11.32,0Zm0,48a8,8,0,0,1,0,11.32l-32,32a8,8,0,0,1-11.32,0l-32-32a8,8,0,0,1,11.32-11.32L128,172.69l26.34-26.35A8,8,0,0,1,165.66,146.34Z"></path></svg>`);
			else if (__props.name == "export") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="h-full w-full" viewBox="0 0 256 256"><path d="M223.16,68.42l-16-32A8,8,0,0,0,200,32H56a8,8,0,0,0-7.16,4.42l-16,32A8.08,8.08,0,0,0,32,72V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V72A8.08,8.08,0,0,0,223.16,68.42Zm-57.5,73.24a8,8,0,0,1-11.32,0L136,123.31V184a8,8,0,0,1-16,0V123.31l-18.34,18.35a8,8,0,0,1-11.32-11.32l32-32a8,8,0,0,1,11.32,0l32,32A8,8,0,0,1,165.66,141.66ZM52.94,64l8-16H195.06l8,16Z"></path></svg>`);
			else if (__props.name == "code") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path fill-rule="evenodd" d="M3 6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6Zm14.25 6a.75.75 0 0 1-.22.53l-2.25 2.25a.75.75 0 1 1-1.06-1.06L15.44 12l-1.72-1.72a.75.75 0 1 1 1.06-1.06l2.25 2.25c.141.14.22.331.22.53Zm-10.28-.53a.75.75 0 0 0 0 1.06l2.25 2.25a.75.75 0 1 0 1.06-1.06L8.56 12l1.72-1.72a.75.75 0 1 0-1.06-1.06l-2.25 2.25Z" clip-rule="evenodd"></path></svg>`);
			else if (__props.name == "c-down") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 0 1 1.06-1.06L12 14.69l6.97-6.97a.75.75 0 1 1 1.06 1.06l-7.5 7.5Z" clip-rule="evenodd"></path></svg>`);
			else if (__props.name == "c-up") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path fill-rule="evenodd" d="M11.47 7.72a.75.75 0 0 1 1.06 0l7.5 7.5a.75.75 0 1 1-1.06 1.06L12 9.31l-6.97 6.97a.75.75 0 0 1-1.06-1.06l7.5-7.5Z" clip-rule="evenodd"></path></svg>`);
			else if (__props.name == "list") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path d="M5.625 3.75a2.625 2.625 0 1 0 0 5.25h12.75a2.625 2.625 0 0 0 0-5.25H5.625ZM3.75 11.25a.75.75 0 0 0 0 1.5h16.5a.75.75 0 0 0 0-1.5H3.75ZM3 15.75a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75ZM3.75 18.75a.75.75 0 0 0 0 1.5h16.5a.75.75 0 0 0 0-1.5H3.75Z"></path></svg>`);
			else if (__props.name == "add") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path fill-rule="evenodd" d="M12 3.75a.75.75 0 0 1 .75.75v6.75h6.75a.75.75 0 0 1 0 1.5h-6.75v6.75a.75.75 0 0 1-1.5 0v-6.75H4.5a.75.75 0 0 1 0-1.5h6.75V4.5a.75.75 0 0 1 .75-.75Z" clip-rule="evenodd"></path></svg>`);
			else if (__props.name == "edit") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path d="M21.731 2.269a2.625 2.625 0 0 0-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 0 0 0-3.712ZM19.513 8.199l-3.712-3.712-8.4 8.4a5.25 5.25 0 0 0-1.32 2.214l-.8 2.685a.75.75 0 0 0 .933.933l2.685-.8a5.25 5.25 0 0 0 2.214-1.32l8.4-8.4Z"></path><path d="M5.25 5.25a3 3 0 0 0-3 3v10.5a3 3 0 0 0 3 3h10.5a3 3 0 0 0 3-3V13.5a.75.75 0 0 0-1.5 0v5.25a1.5 1.5 0 0 1-1.5 1.5H5.25a1.5 1.5 0 0 1-1.5-1.5V8.25a1.5 1.5 0 0 1 1.5-1.5h5.25a.75.75 0 0 0 0-1.5H5.25Z"></path></svg>`);
			else if (__props.name == "edit-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897l8.932-8.931Zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0 1 15.75 21H5.25A2.25 2.25 0 0 1 3 18.75V8.25A2.25 2.25 0 0 1 5.25 6H10"></path></svg>`);
			else if (__props.name == "trash") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path fill-rule="evenodd" d="M16.5 4.478v.227a48.816 48.816 0 0 1 3.878.512.75.75 0 1 1-.256 1.478l-.209-.035-1.005 13.07a3 3 0 0 1-2.991 2.77H8.084a3 3 0 0 1-2.991-2.77L4.087 6.66l-.209.035a.75.75 0 0 1-.256-1.478A48.567 48.567 0 0 1 7.5 4.705v-.227c0-1.564 1.213-2.9 2.816-2.951a52.662 52.662 0 0 1 3.369 0c1.603.051 2.815 1.387 2.815 2.951Zm-6.136-1.452a51.196 51.196 0 0 1 3.273 0C14.39 3.05 15 3.684 15 4.478v.113a49.488 49.488 0 0 0-6 0v-.113c0-.794.609-1.428 1.364-1.452Zm-.355 5.945a.75.75 0 1 0-1.5.058l.347 9a.75.75 0 1 0 1.499-.058l-.346-9Zm5.48.058a.75.75 0 1 0-1.498-.058l-.347 9a.75.75 0 0 0 1.5.058l.345-9Z" clip-rule="evenodd"></path></svg>`);
			else if (__props.name == "trash-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0"></path></svg>`);
			else if (__props.name == "import-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M12 10.5v6m3-3H9m4.06-7.19-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"></path></svg>`);
			else if (__props.name == "import") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path fill-rule="evenodd" d="M19.5 21a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3h-5.379a.75.75 0 0 1-.53-.22L11.47 3.66A2.25 2.25 0 0 0 9.879 3H4.5a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h15Zm-6.75-10.5a.75.75 0 0 0-1.5 0v4.19l-1.72-1.72a.75.75 0 0 0-1.06 1.06l3 3a.75.75 0 0 0 1.06 0l3-3a.75.75 0 1 0-1.06-1.06l-1.72 1.72V10.5Z" clip-rule="evenodd"></path></svg>`);
			else if (__props.name == "external") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path fill-rule="evenodd" d="M15.75 2.25H21a.75.75 0 0 1 .75.75v5.25a.75.75 0 0 1-1.5 0V4.81L8.03 17.03a.75.75 0 0 1-1.06-1.06L19.19 3.75h-3.44a.75.75 0 0 1 0-1.5Zm-10.5 4.5a1.5 1.5 0 0 0-1.5 1.5v10.5a1.5 1.5 0 0 0 1.5 1.5h10.5a1.5 1.5 0 0 0 1.5-1.5V10.5a.75.75 0 0 1 1.5 0v8.25a3 3 0 0 1-3 3H5.25a3 3 0 0 1-3-3V8.25a3 3 0 0 1 3-3h8.25a.75.75 0 0 1 0 1.5H5.25Z" clip-rule="evenodd"></path></svg>`);
			else if (__props.name == "info") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z"></path></svg>`);
			else if (__props.name == "disclaimer") _push(`<svg class="h-full w-full" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z"></path></svg>`);
			else if (__props.name == "adjust") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="h-full w-full" viewBox="0 0 256 256"><path d="M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM146.34,77.66a8,8,0,0,1,11.32-11.32L168,76.69l10.34-10.35a8,8,0,0,1,11.32,11.32L179.31,88l10.35,10.34a8,8,0,0,1-11.32,11.32L168,99.31l-10.34,10.35a8,8,0,0,1-11.32-11.32L156.69,88ZM112,176H96v16a8,8,0,0,1-16,0V176H64a8,8,0,0,1,0-16H80V144a8,8,0,0,1,16,0v16h16a8,8,0,0,1,0,16Zm0-80H64a8,8,0,0,1,0-16h48a8,8,0,0,1,0,16Zm80,96H144a8,8,0,0,1,0-16h48a8,8,0,0,1,0,16Zm0-32H144a8,8,0,0,1,0-16h48a8,8,0,0,1,0,16Z"></path></svg>`);
			else if (__props.name == "transfer") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="h-full w-full" viewBox="0 0 256 256"><path d="M254.07,106.79,208.53,53.73A16,16,0,0,0,196.26,48H32A16,16,0,0,0,16,64V176a16,16,0,0,0,16,16H49a32,32,0,0,0,62,0h50a32,32,0,0,0,62,0h17a16,16,0,0,0,16-16V112A8,8,0,0,0,254.07,106.79ZM32,104V64H88v40Zm48,96a16,16,0,1,1,16-16A16,16,0,0,1,80,200Zm80-96H104V64h56Zm32,96a16,16,0,1,1,16-16A16,16,0,0,1,192,200Zm-16-96V64h20.26l34.33,40Z"></path></svg>`);
			else if (__props.name == "return") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="h-full w-full" viewBox="0 0 256 256"><path d="M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm-32,96a8,8,0,0,1-8,8H99.31l10.35,10.34a8,8,0,0,1-11.32,11.32l-24-24a8,8,0,0,1,0-11.32l24-24a8,8,0,0,1,11.32,11.32L99.31,128H168V104a8,8,0,0,1,16,0Z"></path></svg>`);
			else if (__props.name == "calendar") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="h-full w-full" viewBox="0 0 256 256"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM112,184a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm56-8a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136a23.76,23.76,0,0,1-4.84,14.45L152,176ZM48,80V48H72v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80Z"></path></svg>`);
			else if (__props.name == "calendar-dots") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="h-full w-full" viewBox="0 0 256 256"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM84,184a12,12,0,1,1,12-12A12,12,0,0,1,84,184Zm44,0a12,12,0,1,1,12-12A12,12,0,0,1,128,184Zm0-40a12,12,0,1,1,12-12A12,12,0,0,1,128,144Zm44,40a12,12,0,1,1,12-12A12,12,0,0,1,172,184Zm0-40a12,12,0,1,1,12-12A12,12,0,0,1,172,144Zm36-64H48V48H72v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24Z"></path></svg>`);
			else if (__props.name == "scale") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M12 3v17.25m0 0c-1.472 0-2.882.265-4.185.75M12 20.25c1.472 0 2.882.265 4.185.75M18.75 4.97A48.416 48.416 0 0 0 12 4.5c-2.291 0-4.545.16-6.75.47m13.5 0c1.01.143 2.01.317 3 .52m-3-.52 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.988 5.988 0 0 1-2.031.352 5.988 5.988 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L18.75 4.971Zm-16.5.52c.99-.203 1.99-.377 3-.52m0 0 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.989 5.989 0 0 1-2.031.352 5.989 5.989 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L5.25 4.971Z"></path></svg>`);
			else if (__props.name == "docs") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path d="M7.5 3.375c0-1.036.84-1.875 1.875-1.875h.375a3.75 3.75 0 0 1 3.75 3.75v1.875C13.5 8.161 14.34 9 15.375 9h1.875A3.75 3.75 0 0 1 21 12.75v3.375C21 17.16 20.16 18 19.125 18h-9.75A1.875 1.875 0 0 1 7.5 16.125V3.375Z"></path><path d="M15 5.25a5.23 5.23 0 0 0-1.279-3.434 9.768 9.768 0 0 1 6.963 6.963A5.23 5.23 0 0 0 17.25 7.5h-1.875A.375.375 0 0 1 15 7.125V5.25ZM4.875 6H6v10.125A3.375 3.375 0 0 0 9.375 19.5H16.5v1.125c0 1.035-.84 1.875-1.875 1.875h-9.75A1.875 1.875 0 0 1 3 20.625V7.875C3 6.839 3.84 6 4.875 6Z"></path></svg>`);
			else if (__props.name == "docs2") _push(`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-full w-full"><path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20"></path><path d="M8 11h8"></path><path d="M8 7h6"></path></svg>`);
			else if (__props.name == "truck") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path d="M3.375 4.5C2.339 4.5 1.5 5.34 1.5 6.375V13.5h12V6.375c0-1.036-.84-1.875-1.875-1.875h-8.25ZM13.5 15h-12v2.625c0 1.035.84 1.875 1.875 1.875h.375a3 3 0 1 1 6 0h3a.75.75 0 0 0 .75-.75V15Z"></path><path d="M8.25 19.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0ZM15.75 6.75a.75.75 0 0 0-.75.75v11.25c0 .087.015.17.042.248a3 3 0 0 1 5.958.464c.853-.175 1.522-.935 1.464-1.883a18.659 18.659 0 0 0-3.732-10.104 1.837 1.837 0 0 0-1.47-.725H15.75Z"></path><path d="M19.5 19.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Z"></path></svg>`);
			else if (__props.name == "truck-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 18.75a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m3 0h6m-9 0H3.375a1.125 1.125 0 0 1-1.125-1.125V14.25m17.25 4.5a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m3 0h1.125c.621 0 1.129-.504 1.09-1.124a17.902 17.902 0 0 0-3.213-9.193 2.056 2.056 0 0 0-1.58-.86H14.25M16.5 18.75h-2.25m0-11.177v-.958c0-.568-.422-1.048-.987-1.106a48.554 48.554 0 0 0-10.026 0 1.106 1.106 0 0 0-.987 1.106v7.635m12-6.677v6.677m0 4.5v-4.5m0 0h-12"></path></svg>`);
			else if (__props.name == "archive") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="m20.25 7.5-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5M10 11.25h4M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z"></path></svg>`);
			else if (__props.name == "settings") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M11.42 15.17 17.25 21A2.652 2.652 0 0 0 21 17.25l-5.877-5.877M11.42 15.17l2.496-3.03c.317-.384.74-.626 1.208-.766M11.42 15.17l-4.655 5.653a2.548 2.548 0 1 1-3.586-3.586l6.837-5.63m5.108-.233c.55-.164 1.163-.188 1.743-.14a4.5 4.5 0 0 0 4.486-6.336l-3.276 3.277a3.004 3.004 0 0 1-2.25-2.25l3.276-3.276a4.5 4.5 0 0 0-6.336 4.486c.091 1.076-.071 2.264-.904 2.95l-.102.085m-1.745 1.437L5.909 7.5H4.5L2.25 3.75l1.5-1.5L7.5 4.5v1.409l4.26 4.26m-1.745 1.437 1.745-1.437m6.615 8.206L15.75 15.75M4.867 19.125h.008v.008h-.008v-.008Z"></path></svg>`);
			else if (__props.name == "envelope") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"></path></svg>`);
			else if (__props.name == "file-text") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path fill-rule="evenodd" d="M5.625 1.5c-1.036 0-1.875.84-1.875 1.875v17.25c0 1.035.84 1.875 1.875 1.875h12.75c1.035 0 1.875-.84 1.875-1.875V12.75A3.75 3.75 0 0 0 16.5 9h-1.875a1.875 1.875 0 0 1-1.875-1.875V5.25A3.75 3.75 0 0 0 9 1.5H5.625ZM7.5 15a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5A.75.75 0 0 1 7.5 15Zm.75 2.25a.75.75 0 0 0 0 1.5H12a.75.75 0 0 0 0-1.5H8.25Z" clip-rule="evenodd"></path><path d="M12.971 1.816A5.23 5.23 0 0 1 14.25 5.25v1.875c0 .207.168.375.375.375H16.5a5.23 5.23 0 0 1 3.434 1.279 9.768 9.768 0 0 0-6.963-6.963Z"></path></svg>`);
			else if (__props.name == "dollar") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path d="M10.464 8.746c.227-.18.497-.311.786-.394v2.795a2.252 2.252 0 0 1-.786-.393c-.394-.313-.546-.681-.546-1.004 0-.323.152-.691.546-1.004ZM12.75 15.662v-2.824c.347.085.664.228.921.421.427.32.579.686.579.991 0 .305-.152.671-.579.991a2.534 2.534 0 0 1-.921.42Z"></path><path fill-rule="evenodd" d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25ZM12.75 6a.75.75 0 0 0-1.5 0v.816a3.836 3.836 0 0 0-1.72.756c-.712.566-1.112 1.35-1.112 2.178 0 .829.4 1.612 1.113 2.178.502.4 1.102.647 1.719.756v2.978a2.536 2.536 0 0 1-.921-.421l-.879-.66a.75.75 0 0 0-.9 1.2l.879.66c.533.4 1.169.645 1.821.75V18a.75.75 0 0 0 1.5 0v-.81a4.124 4.124 0 0 0 1.821-.749c.745-.559 1.179-1.344 1.179-2.191 0-.847-.434-1.632-1.179-2.191a4.122 4.122 0 0 0-1.821-.75V8.354c.29.082.559.213.786.393l.415.33a.75.75 0 0 0 .933-1.175l-.415-.33a3.836 3.836 0 0 0-1.719-.755V6Z" clip-rule="evenodd"></path></svg>`);
			else if (__props.name == "dollar-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m-3-2.818.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>`);
			else if (__props.name == "receipt") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path fill-rule="evenodd" d="M12 1.5c-1.921 0-3.816.111-5.68.327-1.497.174-2.57 1.46-2.57 2.93V21.75a.75.75 0 0 0 1.029.696l3.471-1.388 3.472 1.388a.75.75 0 0 0 .556 0l3.472-1.388 3.471 1.388a.75.75 0 0 0 1.029-.696V4.757c0-1.47-1.073-2.756-2.57-2.93A49.255 49.255 0 0 0 12 1.5Zm3.53 7.28a.75.75 0 0 0-1.06-1.06l-6 6a.75.75 0 1 0 1.06 1.06l6-6ZM8.625 9a1.125 1.125 0 1 1 2.25 0 1.125 1.125 0 0 1-2.25 0Zm5.625 3.375a1.125 1.125 0 1 0 0 2.25 1.125 1.125 0 0 0 0-2.25Z" clip-rule="evenodd"></path></svg>`);
			else if (__props.name == "receipt-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="m9 14.25 6-6m4.5-3.493V21.75l-3.75-1.5-3.75 1.5-3.75-1.5-3.75 1.5V4.757c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0c1.1.128 1.907 1.077 1.907 2.185ZM9.75 9h.008v.008H9.75V9Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm4.125 4.5h.008v.008h-.008V13.5Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"></path></svg>`);
			else if (__props.name == "book") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path d="M11.25 4.533A9.707 9.707 0 0 0 6 3a9.735 9.735 0 0 0-3.25.555.75.75 0 0 0-.5.707v14.25a.75.75 0 0 0 1 .707A8.237 8.237 0 0 1 6 18.75c1.995 0 3.823.707 5.25 1.886V4.533ZM12.75 20.636A8.214 8.214 0 0 1 18 18.75c.966 0 1.89.166 2.75.47a.75.75 0 0 0 1-.708V4.262a.75.75 0 0 0-.5-.707A9.735 9.735 0 0 0 18 3a9.707 9.707 0 0 0-5.25 1.533v16.103Z"></path></svg>`);
			else if (__props.name == "book-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6.042A8.967 8.967 0 0 0 6 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 0 1 6 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 0 1 6-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0 0 18 18a8.967 8.967 0 0 0-6 2.292m0-14.25v14.25"></path></svg>`);
			else if (__props.name == "x") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"></path></svg>`);
			else if (__props.name == "folder") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path d="M19.5 21a3 3 0 0 0 3-3v-4.5a3 3 0 0 0-3-3h-15a3 3 0 0 0-3 3V18a3 3 0 0 0 3 3h15ZM1.5 10.146V6a3 3 0 0 1 3-3h5.379a2.25 2.25 0 0 1 1.59.659l2.122 2.121c.14.141.331.22.53.22H19.5a3 3 0 0 1 3 3v1.146A4.483 4.483 0 0 0 19.5 9h-15a4.483 4.483 0 0 0-3 1.146Z"></path></svg>`);
			else if (__props.name == "folder-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"></path></svg>`);
			else if (__props.name == "star") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"></path></svg>`);
			else if (__props.name == "star-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"></path></svg>`);
			else if (__props.name == "chip") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path d="M16.5 7.5h-9v9h9v-9Z"></path><path fill-rule="evenodd" d="M8.25 2.25A.75.75 0 0 1 9 3v.75h2.25V3a.75.75 0 0 1 1.5 0v.75H15V3a.75.75 0 0 1 1.5 0v.75h.75a3 3 0 0 1 3 3v.75H21A.75.75 0 0 1 21 9h-.75v2.25H21a.75.75 0 0 1 0 1.5h-.75V15H21a.75.75 0 0 1 0 1.5h-.75v.75a3 3 0 0 1-3 3h-.75V21a.75.75 0 0 1-1.5 0v-.75h-2.25V21a.75.75 0 0 1-1.5 0v-.75H9V21a.75.75 0 0 1-1.5 0v-.75h-.75a3 3 0 0 1-3-3v-.75H3A.75.75 0 0 1 3 15h.75v-2.25H3a.75.75 0 0 1 0-1.5h.75V9H3a.75.75 0 0 1 0-1.5h.75v-.75a3 3 0 0 1 3-3h.75V3a.75.75 0 0 1 .75-.75ZM6 6.75A.75.75 0 0 1 6.75 6h10.5a.75.75 0 0 1 .75.75v10.5a.75.75 0 0 1-.75.75H6.75a.75.75 0 0 1-.75-.75V6.75Z" clip-rule="evenodd"></path></svg>`);
			else if (__props.name == "chip-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 3v1.5M4.5 8.25H3m18 0h-1.5M4.5 12H3m18 0h-1.5m-15 3.75H3m18 0h-1.5M8.25 19.5V21M12 3v1.5m0 15V21m3.75-18v1.5m0 15V21m-9-1.5h10.5a2.25 2.25 0 0 0 2.25-2.25V6.75a2.25 2.25 0 0 0-2.25-2.25H6.75A2.25 2.25 0 0 0 4.5 6.75v10.5a2.25 2.25 0 0 0 2.25 2.25Zm.75-12h9v9h-9v-9Z"></path></svg>`);
			else if (__props.name == "group") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path fill-rule="evenodd" d="M8.25 6.75a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0ZM15.75 9.75a3 3 0 1 1 6 0 3 3 0 0 1-6 0ZM2.25 9.75a3 3 0 1 1 6 0 3 3 0 0 1-6 0ZM6.31 15.117A6.745 6.745 0 0 1 12 12a6.745 6.745 0 0 1 6.709 7.498.75.75 0 0 1-.372.568A12.696 12.696 0 0 1 12 21.75c-2.305 0-4.47-.612-6.337-1.684a.75.75 0 0 1-.372-.568 6.787 6.787 0 0 1 1.019-4.38Z" clip-rule="evenodd"></path><path d="M5.082 14.254a8.287 8.287 0 0 0-1.308 5.135 9.687 9.687 0 0 1-1.764-.44l-.115-.04a.563.563 0 0 1-.373-.487l-.01-.121a3.75 3.75 0 0 1 3.57-4.047ZM20.226 19.389a8.287 8.287 0 0 0-1.308-5.135 3.75 3.75 0 0 1 3.57 4.047l-.01.121a.563.563 0 0 1-.373.486l-.115.04c-.567.2-1.156.349-1.764.441Z"></path></svg>`);
			else if (__props.name == "group-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6 3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z"></path></svg>`);
			else if (__props.name == "users") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path d="M4.5 6.375a4.125 4.125 0 1 1 8.25 0 4.125 4.125 0 0 1-8.25 0ZM14.25 8.625a3.375 3.375 0 1 1 6.75 0 3.375 3.375 0 0 1-6.75 0ZM1.5 19.125a7.125 7.125 0 0 1 14.25 0v.003l-.001.119a.75.75 0 0 1-.363.63 13.067 13.067 0 0 1-6.761 1.873c-2.472 0-4.786-.684-6.76-1.873a.75.75 0 0 1-.364-.63l-.001-.122ZM17.25 19.128l-.001.144a2.25 2.25 0 0 1-.233.96 10.088 10.088 0 0 0 5.06-1.01.75.75 0 0 0 .42-.643 4.875 4.875 0 0 0-6.957-4.611 8.586 8.586 0 0 1 1.71 5.157v.003Z"></path></svg>`);
			else if (__props.name == "users-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z"></path></svg>`);
			else if (__props.name == "add-user") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M18 7.5v3m0 0v3m0-3h3m-3 0h-3m-2.25-4.125a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0ZM3 19.235v-.11a6.375 6.375 0 0 1 12.75 0v.109A12.318 12.318 0 0 1 9.374 21c-2.331 0-4.512-.645-6.374-1.766Z"></path></svg>`);
			else if (__props.name == "suppliers-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="h-full w-full" viewBox="0 0 256 256"><path d="M244.8,150.4a8,8,0,0,1-11.2-1.6A51.6,51.6,0,0,0,192,128a8,8,0,0,1-7.37-4.89,8,8,0,0,1,0-6.22A8,8,0,0,1,192,112a24,24,0,1,0-23.24-30,8,8,0,1,1-15.5-4A40,40,0,1,1,219,117.51a67.94,67.94,0,0,1,27.43,21.68A8,8,0,0,1,244.8,150.4ZM190.92,212a8,8,0,1,1-13.84,8,57,57,0,0,0-98.16,0,8,8,0,1,1-13.84-8,72.06,72.06,0,0,1,33.74-29.92,48,48,0,1,1,58.36,0A72.06,72.06,0,0,1,190.92,212ZM128,176a32,32,0,1,0-32-32A32,32,0,0,0,128,176ZM72,120a8,8,0,0,0-8-8A24,24,0,1,1,87.24,82a8,8,0,1,0,15.5-4A40,40,0,1,0,37,117.51,67.94,67.94,0,0,0,9.6,139.19a8,8,0,1,0,12.8,9.61A51.6,51.6,0,0,1,64,128,8,8,0,0,0,72,120Z"></path></svg>`);
			else if (__props.name == "suppliers") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="h-full w-full" viewBox="0 0 256 256"><path d="M64.12,147.8a4,4,0,0,1-4,4.2H16a8,8,0,0,1-7.8-6.17,8.35,8.35,0,0,1,1.62-6.93A67.79,67.79,0,0,1,37,117.51a40,40,0,1,1,66.46-35.8,3.94,3.94,0,0,1-2.27,4.18A64.08,64.08,0,0,0,64,144C64,145.28,64,146.54,64.12,147.8Zm182-8.91A67.76,67.76,0,0,0,219,117.51a40,40,0,1,0-66.46-35.8,3.94,3.94,0,0,0,2.27,4.18A64.08,64.08,0,0,1,192,144c0,1.28,0,2.54-.12,3.8a4,4,0,0,0,4,4.2H240a8,8,0,0,0,7.8-6.17A8.33,8.33,0,0,0,246.17,138.89Zm-89,43.18a48,48,0,1,0-58.37,0A72.13,72.13,0,0,0,65.07,212,8,8,0,0,0,72,224H184a8,8,0,0,0,6.93-12A72.15,72.15,0,0,0,157.19,182.07Z"></path></svg>`);
			else if (__props.name == "people-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="h-full w-full" viewBox="0 0 256 256"><path d="M27.2,126.4a8,8,0,0,0,11.2-1.6,52,52,0,0,1,83.2,0,8,8,0,0,0,11.2,1.59,7.73,7.73,0,0,0,1.59-1.59h0a52,52,0,0,1,83.2,0,8,8,0,0,0,12.8-9.61A67.85,67.85,0,0,0,203,93.51a40,40,0,1,0-53.94,0,67.27,67.27,0,0,0-21,14.31,67.27,67.27,0,0,0-21-14.31,40,40,0,1,0-53.94,0A67.88,67.88,0,0,0,25.6,115.2,8,8,0,0,0,27.2,126.4ZM176,40a24,24,0,1,1-24,24A24,24,0,0,1,176,40ZM80,40A24,24,0,1,1,56,64,24,24,0,0,1,80,40ZM203,197.51a40,40,0,1,0-53.94,0,67.27,67.27,0,0,0-21,14.31,67.27,67.27,0,0,0-21-14.31,40,40,0,1,0-53.94,0A67.88,67.88,0,0,0,25.6,219.2a8,8,0,1,0,12.8,9.6,52,52,0,0,1,83.2,0,8,8,0,0,0,11.2,1.59,7.73,7.73,0,0,0,1.59-1.59h0a52,52,0,0,1,83.2,0,8,8,0,0,0,12.8-9.61A67.85,67.85,0,0,0,203,197.51ZM80,144a24,24,0,1,1-24,24A24,24,0,0,1,80,144Zm96,0a24,24,0,1,1-24,24A24,24,0,0,1,176,144Z"></path></svg>`);
			else if (__props.name == "people") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="h-full w-full" viewBox="0 0 256 256"><path d="M230.4,219.19A8,8,0,0,1,224,232H32a8,8,0,0,1-6.4-12.8A67.88,67.88,0,0,1,53,197.51a40,40,0,1,1,53.93,0,67.42,67.42,0,0,1,21,14.29,67.42,67.42,0,0,1,21-14.29,40,40,0,1,1,53.93,0A67.85,67.85,0,0,1,230.4,219.19ZM27.2,126.4a8,8,0,0,0,11.2-1.6,52,52,0,0,1,83.2,0,8,8,0,0,0,12.8,0,52,52,0,0,1,83.2,0,8,8,0,0,0,12.8-9.61A67.85,67.85,0,0,0,203,93.51a40,40,0,1,0-53.93,0,67.42,67.42,0,0,0-21,14.29,67.42,67.42,0,0,0-21-14.29,40,40,0,1,0-53.93,0A67.88,67.88,0,0,0,25.6,115.2,8,8,0,0,0,27.2,126.4Z"></path></svg>`);
			else if (__props.name == "store") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path d="M19.006 3.705a.75.75 0 1 0-.512-1.41L6 6.838V3a.75.75 0 0 0-.75-.75h-1.5A.75.75 0 0 0 3 3v4.93l-1.006.365a.75.75 0 0 0 .512 1.41l16.5-6Z"></path><path fill-rule="evenodd" d="M3.019 11.114 18 5.667v3.421l4.006 1.457a.75.75 0 1 1-.512 1.41l-.494-.18v8.475h.75a.75.75 0 0 1 0 1.5H2.25a.75.75 0 0 1 0-1.5H3v-9.129l.019-.007ZM18 20.25v-9.566l1.5.546v9.02H18Zm-9-6a.75.75 0 0 0-.75.75v4.5c0 .414.336.75.75.75h3a.75.75 0 0 0 .75-.75V15a.75.75 0 0 0-.75-.75H9Z" clip-rule="evenodd"></path></svg>`);
			else if (__props.name == "store-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 21v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21m0 0h4.5V3.545M12.75 21h7.5V10.75M2.25 21h1.5m18 0h-18M2.25 9l4.5-1.636M18.75 3l-1.5.545m0 6.205 3 1m1.5.5-1.5-.5M6.75 7.364V3h-3v18m3-13.636 10.5-3.819"></path></svg>`);
			else if (__props.name == "funnel") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path fill-rule="evenodd" d="M3.792 2.938A49.069 49.069 0 0 1 12 2.25c2.797 0 5.54.236 8.209.688a1.857 1.857 0 0 1 1.541 1.836v1.044a3 3 0 0 1-.879 2.121l-6.182 6.182a1.5 1.5 0 0 0-.439 1.061v2.927a3 3 0 0 1-1.658 2.684l-1.757.878A.75.75 0 0 1 9.75 21v-5.818a1.5 1.5 0 0 0-.44-1.06L3.13 7.938a3 3 0 0 1-.879-2.121V4.774c0-.897.64-1.683 1.542-1.836Z" clip-rule="evenodd"></path></svg>`);
			else if (__props.name == "funnel-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 0 1-.659 1.591l-5.432 5.432a2.25 2.25 0 0 0-.659 1.591v2.927a2.25 2.25 0 0 1-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 0 0-.659-1.591L3.659 7.409A2.25 2.25 0 0 1 3 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0 1 12 3Z"></path></svg>`);
			else if (__props.name == "sparkles") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path fill-rule="evenodd" d="M9 4.5a.75.75 0 0 1 .721.544l.813 2.846a3.75 3.75 0 0 0 2.576 2.576l2.846.813a.75.75 0 0 1 0 1.442l-2.846.813a3.75 3.75 0 0 0-2.576 2.576l-.813 2.846a.75.75 0 0 1-1.442 0l-.813-2.846a3.75 3.75 0 0 0-2.576-2.576l-2.846-.813a.75.75 0 0 1 0-1.442l2.846-.813A3.75 3.75 0 0 0 7.466 7.89l.813-2.846A.75.75 0 0 1 9 4.5ZM18 1.5a.75.75 0 0 1 .728.568l.258 1.036c.236.94.97 1.674 1.91 1.91l1.036.258a.75.75 0 0 1 0 1.456l-1.036.258c-.94.236-1.674.97-1.91 1.91l-.258 1.036a.75.75 0 0 1-1.456 0l-.258-1.036a2.625 2.625 0 0 0-1.91-1.91l-1.036-.258a.75.75 0 0 1 0-1.456l1.036-.258a2.625 2.625 0 0 0 1.91-1.91l.258-1.036A.75.75 0 0 1 18 1.5ZM16.5 15a.75.75 0 0 1 .712.513l.394 1.183c.15.447.5.799.948.948l1.183.395a.75.75 0 0 1 0 1.422l-1.183.395c-.447.15-.799.5-.948.948l-.395 1.183a.75.75 0 0 1-1.422 0l-.395-1.183a1.5 1.5 0 0 0-.948-.948l-1.183-.395a.75.75 0 0 1 0-1.422l1.183-.395c.447-.15.799-.5.948-.948l.395-1.183A.75.75 0 0 1 16.5 15Z" clip-rule="evenodd"></path></svg>`);
			else if (__props.name == "sparkles-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 0 0-2.456 2.456ZM16.894 20.567 16.5 21.75l-.394-1.183a2.25 2.25 0 0 0-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 0 0 1.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 0 0 1.423 1.423l1.183.394-1.183.394a2.25 2.25 0 0 0-1.423 1.423Z"></path></svg>`);
			else if (__props.name == "money") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path d="M12 7.5a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z"></path><path fill-rule="evenodd" d="M1.5 4.875C1.5 3.839 2.34 3 3.375 3h17.25c1.035 0 1.875.84 1.875 1.875v9.75c0 1.036-.84 1.875-1.875 1.875H3.375A1.875 1.875 0 0 1 1.5 14.625v-9.75ZM8.25 9.75a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0ZM18.75 9a.75.75 0 0 0-.75.75v.008c0 .414.336.75.75.75h.008a.75.75 0 0 0 .75-.75V9.75a.75.75 0 0 0-.75-.75h-.008ZM4.5 9.75A.75.75 0 0 1 5.25 9h.008a.75.75 0 0 1 .75.75v.008a.75.75 0 0 1-.75.75H5.25a.75.75 0 0 1-.75-.75V9.75Z" clip-rule="evenodd"></path><path d="M2.25 18a.75.75 0 0 0 0 1.5c5.4 0 10.63.722 15.6 2.075 1.19.324 2.4-.558 2.4-1.82V18.75a.75.75 0 0 0-.75-.75H2.25Z"></path></svg>`);
			else if (__props.name == "money-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 18.75a60.07 60.07 0 0 1 15.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 0 1 3 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 0 0-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 0 1-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 0 0 3 15h-.75M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm3 0h.008v.008H18V10.5Zm-12 0h.008v.008H6V10.5Z"></path></svg>`);
			else if (__props.name == "building") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 256 256" class="h-full w-full"><path d="M239.73,208H224V96a16,16,0,0,0-16-16H164a4,4,0,0,0-4,4V208H144V32.41a16.43,16.43,0,0,0-6.16-13,16,16,0,0,0-18.72-.69L39.12,72A16,16,0,0,0,32,85.34V208H16.27A8.18,8.18,0,0,0,8,215.47,8,8,0,0,0,16,224H240a8,8,0,0,0,8-8.53A8.18,8.18,0,0,0,239.73,208ZM76,184a8,8,0,0,1-8.53,8A8.18,8.18,0,0,1,60,183.72V168.27A8.19,8.19,0,0,1,67.47,160,8,8,0,0,1,76,168Zm0-56a8,8,0,0,1-8.53,8A8.19,8.19,0,0,1,60,127.72V112.27A8.19,8.19,0,0,1,67.47,104,8,8,0,0,1,76,112Zm40,56a8,8,0,0,1-8.53,8,8.18,8.18,0,0,1-7.47-8.26V168.27a8.19,8.19,0,0,1,7.47-8.26,8,8,0,0,1,8.53,8Zm0-56a8,8,0,0,1-8.53,8,8.19,8.19,0,0,1-7.47-8.26V112.27a8.19,8.19,0,0,1,7.47-8.26,8,8,0,0,1,8.53,8Z"></path></svg>`);
			else if (__props.name == "building-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 256 256" class="h-full w-full"><path d="M240,208H224V96a16,16,0,0,0-16-16H144V32a16,16,0,0,0-24.88-13.32L39.12,72A16,16,0,0,0,32,85.34V208H16a8,8,0,0,0,0,16H240a8,8,0,0,0,0-16ZM208,96V208H144V96ZM48,85.34,128,32V208H48ZM112,112v16a8,8,0,0,1-16,0V112a8,8,0,1,1,16,0Zm-32,0v16a8,8,0,0,1-16,0V112a8,8,0,1,1,16,0Zm0,56v16a8,8,0,0,1-16,0V168a8,8,0,0,1,16,0Zm32,0v16a8,8,0,0,1-16,0V168a8,8,0,0,1,16,0Z"></path></svg>`);
			else if (__props.name == "grid") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 256 256" class="h-full w-full"><path d="M120,56v48a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V56A16,16,0,0,1,56,40h48A16,16,0,0,1,120,56Zm80-16H152a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm-96,96H56a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V152A16,16,0,0,0,104,136Zm96,0H152a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V152A16,16,0,0,0,200,136Z"></path></svg>`);
			else if (__props.name == "grid-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 256 256" class="h-full w-full"><path d="M104,40H56A16,16,0,0,0,40,56v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V56A16,16,0,0,0,104,40Zm0,64H56V56h48v48Zm96-64H152a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm0,64H152V56h48v48Zm-96,32H56a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V152A16,16,0,0,0,104,136Zm0,64H56V152h48v48Zm96-64H152a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V152A16,16,0,0,0,200,136Zm0,64H152V152h48v48Z"></path></svg>`);
			else if (__props.name == "transaction") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 256 256" class="h-full w-full"><path d="M224,72H208V56a16,16,0,0,0-16-16H160a16,16,0,0,0-16,16V72H112V56A16,16,0,0,0,96,40H64A16,16,0,0,0,48,56V72H32A16,16,0,0,0,16,88v96a16,16,0,0,0,16,16H224a16,16,0,0,0,16-16V88A16,16,0,0,0,224,72ZM64,56H96V72H64Zm40,88H72a8,8,0,0,1,0-16h32a8,8,0,0,1,0,16Zm80,0h-8v8a8,8,0,0,1-16,0v-8h-8a8,8,0,0,1,0-16h8v-8a8,8,0,0,1,16,0v8h8a8,8,0,0,1,0,16Zm8-72H160V56h32Z"></path></svg>`);
			else if (__props.name == "refresh") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path fill-rule="evenodd" d="M5.478 5.559A1.5 1.5 0 0 1 6.912 4.5H9A.75.75 0 0 0 9 3H6.912a3 3 0 0 0-2.868 2.118l-2.411 7.838a3 3 0 0 0-.133.882V18a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3v-4.162c0-.299-.045-.596-.133-.882l-2.412-7.838A3 3 0 0 0 17.088 3H15a.75.75 0 0 0 0 1.5h2.088a1.5 1.5 0 0 1 1.434 1.059l2.213 7.191H17.89a3 3 0 0 0-2.684 1.658l-.256.513a1.5 1.5 0 0 1-1.342.829h-3.218a1.5 1.5 0 0 1-1.342-.83l-.256-.512a3 3 0 0 0-2.684-1.658H3.265l2.213-7.191Z" clip-rule="evenodd"></path><path fill-rule="evenodd" d="M12 2.25a.75.75 0 0 1 .75.75v6.44l1.72-1.72a.75.75 0 1 1 1.06 1.06l-3 3a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 0 1 1.06-1.06l1.72 1.72V3a.75.75 0 0 1 .75-.75Z" clip-rule="evenodd"></path></svg>`);
			else if (__props.name == "v-arrows") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path fill-rule="evenodd" d="M6.97 2.47a.75.75 0 0 1 1.06 0l4.5 4.5a.75.75 0 0 1-1.06 1.06L8.25 4.81V16.5a.75.75 0 0 1-1.5 0V4.81L3.53 8.03a.75.75 0 0 1-1.06-1.06l4.5-4.5Zm9.53 4.28a.75.75 0 0 1 .75.75v11.69l3.22-3.22a.75.75 0 1 1 1.06 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0l-4.5-4.5a.75.75 0 1 1 1.06-1.06l3.22 3.22V7.5a.75.75 0 0 1 .75-.75Z" clip-rule="evenodd"></path></svg>`);
			else if (__props.name == "paperclip") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="m18.375 12.739-7.693 7.693a4.5 4.5 0 0 1-6.364-6.364l10.94-10.94A3 3 0 1 1 19.5 7.372L8.552 18.32m.009-.01-.01.01m5.699-9.941-7.81 7.81a1.5 1.5 0 0 0 2.112 2.13"></path></svg>`);
			else if (__props.name == "rects") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path d="M5.566 4.657A4.505 4.505 0 0 1 6.75 4.5h10.5c.41 0 .806.055 1.183.157A3 3 0 0 0 15.75 3h-7.5a3 3 0 0 0-2.684 1.657ZM2.25 12a3 3 0 0 1 3-3h13.5a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H5.25a3 3 0 0 1-3-3v-6ZM5.25 7.5c-.41 0-.806.055-1.184.157A3 3 0 0 1 6.75 6h10.5a3 3 0 0 1 2.683 1.657A4.505 4.505 0 0 0 18.75 7.5H5.25Z"></path></svg>`);
			else if (__props.name == "squares") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path d="M11.644 1.59a.75.75 0 0 1 .712 0l9.75 5.25a.75.75 0 0 1 0 1.32l-9.75 5.25a.75.75 0 0 1-.712 0l-9.75-5.25a.75.75 0 0 1 0-1.32l9.75-5.25Z"></path><path d="m3.265 10.602 7.668 4.129a2.25 2.25 0 0 0 2.134 0l7.668-4.13 1.37.739a.75.75 0 0 1 0 1.32l-9.75 5.25a.75.75 0 0 1-.71 0l-9.75-5.25a.75.75 0 0 1 0-1.32l1.37-.738Z"></path><path d="m10.933 19.231-7.668-4.13-1.37.739a.75.75 0 0 0 0 1.32l9.75 5.25c.221.12.489.12.71 0l9.75-5.25a.75.75 0 0 0 0-1.32l-1.37-.738-7.668 4.13a2.25 2.25 0 0 1-2.134-.001Z"></path></svg>`);
			else if (__props.name == "squares-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6"><path stroke-linecap="round" stroke-linejoin="round" d="M6.429 9.75 2.25 12l4.179 2.25m0-4.5 5.571 3 5.571-3m-11.142 0L2.25 7.5 12 2.25l9.75 5.25-4.179 2.25m0 0L21.75 12l-4.179 2.25m0 0 4.179 2.25L12 21.75 2.25 16.5l4.179-2.25m11.142 0-5.571 3-5.571-3"></path></svg>`);
			else if (__props.name == "register") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="h-full w-full" viewBox="0 0 256 256"><path d="M239.76,158.06,217.28,68.12A16,16,0,0,0,201.75,56H136V40a16,16,0,0,0-16-16H80A16,16,0,0,0,64,40V56H54.25A16,16,0,0,0,38.72,68.12L16.24,158.06A7.93,7.93,0,0,0,16,160v32a16,16,0,0,0,16,16H224a16,16,0,0,0,16-16V160A7.93,7.93,0,0,0,239.76,158.06ZM168,88h16a8,8,0,0,1,0,16H168a8,8,0,0,1,0-16Zm0,32h16a8,8,0,0,1,0,16H168a8,8,0,0,1,0-16ZM136,88a8,8,0,0,1,0,16H120a8,8,0,0,1,0-16Zm8,40a8,8,0,0,1-8,8H120a8,8,0,0,1,0-16h16A8,8,0,0,1,144,128ZM80,40h40V56H80ZM72,88H88a8,8,0,0,1,0,16H72a8,8,0,0,1,0-16Zm0,32H88a8,8,0,0,1,0,16H72a8,8,0,0,1,0-16Zm152,72H32V168H224Z"></path></svg>`);
			else if (__props.name == "register-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="h-full w-full" viewBox="0 0 256 256"><path d="M239.76,158.06,217.28,68.12A16,16,0,0,0,201.75,56H136V40a16,16,0,0,0-16-16H80A16,16,0,0,0,64,40V56H54.25A16,16,0,0,0,38.72,68.12L16.24,158.06A7.93,7.93,0,0,0,16,160v32a16,16,0,0,0,16,16H224a16,16,0,0,0,16-16V160A7.93,7.93,0,0,0,239.76,158.06ZM80,40h40V56H80ZM54.25,72h147.5l20,80H34.25ZM32,192V168H224v24ZM64,96a8,8,0,0,1,8-8H88a8,8,0,0,1,0,16H72A8,8,0,0,1,64,96Zm48,0a8,8,0,0,1,8-8h16a8,8,0,0,1,0,16H120A8,8,0,0,1,112,96Zm48,0a8,8,0,0,1,8-8h16a8,8,0,0,1,0,16H168A8,8,0,0,1,160,96ZM64,128a8,8,0,0,1,8-8H88a8,8,0,0,1,0,16H72A8,8,0,0,1,64,128Zm48,0a8,8,0,0,1,8-8h16a8,8,0,0,1,0,16H120A8,8,0,0,1,112,128Zm48,0a8,8,0,0,1,8-8h16a8,8,0,0,1,0,16H168A8,8,0,0,1,160,128Z"></path></svg>`);
			else if (__props.name == "circles") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path d="M21 6.375c0 2.692-4.03 4.875-9 4.875S3 9.067 3 6.375 7.03 1.5 12 1.5s9 2.183 9 4.875Z"></path><path d="M12 12.75c2.685 0 5.19-.586 7.078-1.609a8.283 8.283 0 0 0 1.897-1.384c.016.121.025.244.025.368C21 12.817 16.97 15 12 15s-9-2.183-9-4.875c0-.124.009-.247.025-.368a8.285 8.285 0 0 0 1.897 1.384C6.809 12.164 9.315 12.75 12 12.75Z"></path><path d="M12 16.5c2.685 0 5.19-.586 7.078-1.609a8.282 8.282 0 0 0 1.897-1.384c.016.121.025.244.025.368 0 2.692-4.03 4.875-9 4.875s-9-2.183-9-4.875c0-.124.009-.247.025-.368a8.284 8.284 0 0 0 1.897 1.384C6.809 15.914 9.315 16.5 12 16.5Z"></path><path d="M12 20.25c2.685 0 5.19-.586 7.078-1.609a8.282 8.282 0 0 0 1.897-1.384c.016.121.025.244.025.368 0 2.692-4.03 4.875-9 4.875s-9-2.183-9-4.875c0-.124.009-.247.025-.368a8.284 8.284 0 0 0 1.897 1.384C6.809 19.664 9.315 20.25 12 20.25Z"></path></svg>`);
			else if (__props.name == "rects-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M6 6.878V6a2.25 2.25 0 0 1 2.25-2.25h7.5A2.25 2.25 0 0 1 18 6v.878m-12 0c.235-.083.487-.128.75-.128h10.5c.263 0 .515.045.75.128m-12 0A2.25 2.25 0 0 0 4.5 9v.878m13.5-3A2.25 2.25 0 0 1 19.5 9v.878m0 0a2.246 2.246 0 0 0-.75-.128H5.25c-.263 0-.515.045-.75.128m15 0A2.25 2.25 0 0 1 21 12v6a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 18v-6c0-.98.626-1.813 1.5-2.122"></path></svg>`);
			else if (__props.name == "plus") _push(`<svg fill="none" class="h-full w-full" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"></path></svg>`);
			else if (__props.name == "adjust-h") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path d="M18.75 12.75h1.5a.75.75 0 0 0 0-1.5h-1.5a.75.75 0 0 0 0 1.5ZM12 6a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5A.75.75 0 0 1 12 6ZM12 18a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5A.75.75 0 0 1 12 18ZM3.75 6.75h1.5a.75.75 0 1 0 0-1.5h-1.5a.75.75 0 0 0 0 1.5ZM5.25 18.75h-1.5a.75.75 0 0 1 0-1.5h1.5a.75.75 0 0 1 0 1.5ZM3 12a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5A.75.75 0 0 1 3 12ZM9 3.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5ZM12.75 12a2.25 2.25 0 1 1 4.5 0 2.25 2.25 0 0 1-4.5 0ZM9 15.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z"></path></svg>`);
			else if (__props.name == "adjust-v") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path d="M6 12a.75.75 0 0 1-.75-.75v-7.5a.75.75 0 1 1 1.5 0v7.5A.75.75 0 0 1 6 12ZM18 12a.75.75 0 0 1-.75-.75v-7.5a.75.75 0 0 1 1.5 0v7.5A.75.75 0 0 1 18 12ZM6.75 20.25v-1.5a.75.75 0 0 0-1.5 0v1.5a.75.75 0 0 0 1.5 0ZM18.75 18.75v1.5a.75.75 0 0 1-1.5 0v-1.5a.75.75 0 0 1 1.5 0ZM12.75 5.25v-1.5a.75.75 0 0 0-1.5 0v1.5a.75.75 0 0 0 1.5 0ZM12 21a.75.75 0 0 1-.75-.75v-7.5a.75.75 0 0 1 1.5 0v7.5A.75.75 0 0 1 12 21ZM3.75 15a2.25 2.25 0 1 0 4.5 0 2.25 2.25 0 0 0-4.5 0ZM12 11.25a2.25 2.25 0 1 1 0-4.5 2.25 2.25 0 0 1 0 4.5ZM15.75 15a2.25 2.25 0 1 0 4.5 0 2.25 2.25 0 0 0-4.5 0Z"></path></svg>`);
			else if (__props.name == "textbox") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="h-full w-full" viewBox="0 0 256 256"><path d="M248,80v96a16,16,0,0,1-16,16H140a4,4,0,0,1-4-4V68a4,4,0,0,1,4-4h92A16,16,0,0,1,248,80ZM120,48V208a8,8,0,0,1-16,0V192H24A16,16,0,0,1,8,176V80A16,16,0,0,1,24,64h80V48a8,8,0,0,1,16,0ZM88,112a8,8,0,0,0-8-8H48a8,8,0,0,0,0,16h8v24a8,8,0,0,0,16,0V120h8A8,8,0,0,0,88,112Z"></path></svg>`);
			else if (__props.name == "bolt") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="m3.75 13.5 10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75Z"></path></svg>`);
			else if (__props.name == "photo") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"></path></svg>`);
			else if (__props.name == "search") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"></path></svg>`);
			else if (__props.name == "eye") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path></svg>`);
			else if (__props.name == "d-arrows") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M7.5 21 3 16.5m0 0L7.5 12M3 16.5h13.5m0-13.5L21 7.5m0 0L16.5 12M21 7.5H7.5"></path></svg>`);
			else if (__props.name == "card") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path d="M4.5 3.75a3 3 0 0 0-3 3v.75h21v-.75a3 3 0 0 0-3-3h-15Z"></path><path fill-rule="evenodd" d="M22.5 9.75h-21v7.5a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3v-7.5Zm-18 3.75a.75.75 0 0 1 .75-.75h6a.75.75 0 0 1 0 1.5h-6a.75.75 0 0 1-.75-.75Zm.75 2.25a.75.75 0 0 0 0 1.5h3a.75.75 0 0 0 0-1.5h-3Z" clip-rule="evenodd"></path></svg>`);
			else if (__props.name == "card-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 8.25h19.5M2.25 9h19.5m-16.5 5.25h6m-6 2.25h3m-3.75 3h15a2.25 2.25 0 0 0 2.25-2.25V6.75A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25v10.5A2.25 2.25 0 0 0 4.5 19.5Z"></path></svg>`);
			else if (__props.name == "wrench") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path fill-rule="evenodd" d="M12 6.75a5.25 5.25 0 0 1 6.775-5.025.75.75 0 0 1 .313 1.248l-3.32 3.319c.063.475.276.934.641 1.299.365.365.824.578 1.3.64l3.318-3.319a.75.75 0 0 1 1.248.313 5.25 5.25 0 0 1-5.472 6.756c-1.018-.086-1.87.1-2.309.634L7.344 21.3A3.298 3.298 0 1 1 2.7 16.657l8.684-7.151c.533-.44.72-1.291.634-2.309A5.342 5.342 0 0 1 12 6.75ZM4.117 19.125a.75.75 0 0 1 .75-.75h.008a.75.75 0 0 1 .75.75v.008a.75.75 0 0 1-.75.75h-.008a.75.75 0 0 1-.75-.75v-.008Z" clip-rule="evenodd"></path></svg>`);
			else if (__props.name == "cube") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path d="M12.378 1.602a.75.75 0 0 0-.756 0L3 6.632l9 5.25 9-5.25-8.622-5.03ZM21.75 7.93l-9 5.25v9l8.628-5.032a.75.75 0 0 0 .372-.648V7.93ZM11.25 22.18v-9l-9-5.25v8.57a.75.75 0 0 0 .372.648l8.628 5.033Z"></path></svg>`);
			else if (__props.name == "cube-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="m21 7.5-9-5.25L3 7.5m18 0-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9"></path></svg>`);
			else if (__props.name == "wallet") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 256 256" class="h-full w-full"><path d="M216,64H56a8,8,0,0,1,0-16H192a8,8,0,0,0,0-16H56A24,24,0,0,0,32,56V184a24,24,0,0,0,24,24H216a16,16,0,0,0,16-16V80A16,16,0,0,0,216,64Zm-36,80a12,12,0,1,1,12-12A12,12,0,0,1,180,144Z"></path></svg>`);
			else if (__props.name == "tipjar") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 256 256" class="h-full w-full"><path d="M184,48.81V32a16,16,0,0,0-16-16H88A16,16,0,0,0,72,32V48.81A40.05,40.05,0,0,0,40,88V200a40,40,0,0,0,40,40h96a40,40,0,0,0,40-40V88A40.05,40.05,0,0,0,184,48.81ZM120,32h16V48H120ZM88,32h16V48H88Zm48,152v8a8,8,0,0,1-16,0v-8h-8a8,8,0,0,1,0-16h24a8,8,0,0,0,0-16H120a24,24,0,0,1,0-48V96a8,8,0,0,1,16,0v8h8a8,8,0,0,1,0,16H120a8,8,0,0,0,0,16h16a24,24,0,0,1,0,48ZM168,48H152V32h16Z"></path></svg>`);
			else if (__props.name == "stack") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path d="M21 6.375c0 2.692-4.03 4.875-9 4.875S3 9.067 3 6.375 7.03 1.5 12 1.5s9 2.183 9 4.875Z"></path><path d="M12 12.75c2.685 0 5.19-.586 7.078-1.609a8.283 8.283 0 0 0 1.897-1.384c.016.121.025.244.025.368C21 12.817 16.97 15 12 15s-9-2.183-9-4.875c0-.124.009-.247.025-.368a8.285 8.285 0 0 0 1.897 1.384C6.809 12.164 9.315 12.75 12 12.75Z"></path><path d="M12 16.5c2.685 0 5.19-.586 7.078-1.609a8.282 8.282 0 0 0 1.897-1.384c.016.121.025.244.025.368 0 2.692-4.03 4.875-9 4.875s-9-2.183-9-4.875c0-.124.009-.247.025-.368a8.284 8.284 0 0 0 1.897 1.384C6.809 15.914 9.315 16.5 12 16.5Z"></path><path d="M12 20.25c2.685 0 5.19-.586 7.078-1.609a8.282 8.282 0 0 0 1.897-1.384c.016.121.025.244.025.368 0 2.692-4.03 4.875-9 4.875s-9-2.183-9-4.875c0-.124.009-.247.025-.368a8.284 8.284 0 0 0 1.897 1.384C6.809 19.664 9.315 20.25 12 20.25Z"></path></svg>`);
			else if (__props.name == "stack-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M20.25 6.375c0 2.278-3.694 4.125-8.25 4.125S3.75 8.653 3.75 6.375m16.5 0c0-2.278-3.694-4.125-8.25-4.125S3.75 4.097 3.75 6.375m16.5 0v11.25c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125V6.375m16.5 0v3.75m-16.5-3.75v3.75m16.5 0v3.75C20.25 16.153 16.556 18 12 18s-8.25-1.847-8.25-4.125v-3.75m16.5 0c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125"></path></svg>`);
			else if (__props.name == "statement") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-full w-full"><path d="M8 5h13"></path><path d="M13 12h8"></path><path d="M13 19h8"></path><path d="M3 10a2 2 0 0 0 2 2h3"></path><path d="M3 5v12a2 2 0 0 0 2 2h3"></path></svg>`);
			else if (__props.name == "bars") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path fill-rule="evenodd" d="M3 5.25a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 5.25Zm0 4.5A.75.75 0 0 1 3.75 9h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 9.75Zm0 4.5a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Zm0 4.5a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"></path></svg>`);
			else if (__props.name == "chart-xac") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-full w-full"><path d="M12 16v5"></path><path d="M16 14v7"></path><path d="M20 10v11"></path><path d="m22 3-8.646 8.646a.5.5 0 0 1-.708 0L9.354 8.354a.5.5 0 0 0-.707 0L2 15"></path><path d="M4 18v3"></path><path d="M8 14v7"></path></svg>`);
			else if (__props.name == "bar-chart") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path d="M18.375 2.25c-1.035 0-1.875.84-1.875 1.875v15.75c0 1.035.84 1.875 1.875 1.875h.75c1.035 0 1.875-.84 1.875-1.875V4.125c0-1.036-.84-1.875-1.875-1.875h-.75ZM9.75 8.625c0-1.036.84-1.875 1.875-1.875h.75c1.036 0 1.875.84 1.875 1.875v11.25c0 1.035-.84 1.875-1.875 1.875h-.75a1.875 1.875 0 0 1-1.875-1.875V8.625ZM3 13.125c0-1.036.84-1.875 1.875-1.875h.75c1.036 0 1.875.84 1.875 1.875v6.75c0 1.035-.84 1.875-1.875 1.875h-.75A1.875 1.875 0 0 1 3 19.875v-6.75Z"></path></svg>`);
			else if (__props.name == "tick") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path fill-rule="evenodd" d="M19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z" clip-rule="evenodd"></path></svg>`);
			else if (__props.name == "copied") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path fill-rule="evenodd" d="M7.502 6h7.128A3.375 3.375 0 0 1 18 9.375v9.375a3 3 0 0 0 3-3V6.108c0-1.505-1.125-2.811-2.664-2.94a48.972 48.972 0 0 0-.673-.05A3 3 0 0 0 15 1.5h-1.5a3 3 0 0 0-2.663 1.618c-.225.015-.45.032-.673.05C8.662 3.295 7.554 4.542 7.502 6ZM13.5 3A1.5 1.5 0 0 0 12 4.5h4.5A1.5 1.5 0 0 0 15 3h-1.5Z" clip-rule="evenodd"></path><path fill-rule="evenodd" d="M3 9.375C3 8.339 3.84 7.5 4.875 7.5h9.75c1.036 0 1.875.84 1.875 1.875v11.25c0 1.035-.84 1.875-1.875 1.875h-9.75A1.875 1.875 0 0 1 3 20.625V9.375Zm9.586 4.594a.75.75 0 0 0-1.172-.938l-2.476 3.096-.908-.907a.75.75 0 0 0-1.06 1.06l1.5 1.5a.75.75 0 0 0 1.116-.062l3-3.75Z" clip-rule="evenodd"></path></svg>`);
			else if (__props.name == "copied-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M11.35 3.836c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m8.9-4.414c.376.023.75.05 1.124.08 1.131.094 1.976 1.057 1.976 2.192V16.5A2.25 2.25 0 0 1 18 18.75h-2.25m-7.5-10.5H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V18.75m-7.5-10.5h6.375c.621 0 1.125.504 1.125 1.125v9.375m-8.25-3 1.5 1.5 3-3.75"></path></svg>`);
			else if (__props.name == "a-blank") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"></path></svg>`);
			else if (__props.name == "check-badge") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path fill-rule="evenodd" d="M8.603 3.799A4.49 4.49 0 0 1 12 2.25c1.357 0 2.573.6 3.397 1.549a4.49 4.49 0 0 1 3.498 1.307 4.491 4.491 0 0 1 1.307 3.497A4.49 4.49 0 0 1 21.75 12a4.49 4.49 0 0 1-1.549 3.397 4.491 4.491 0 0 1-1.307 3.497 4.491 4.491 0 0 1-3.497 1.307A4.49 4.49 0 0 1 12 21.75a4.49 4.49 0 0 1-3.397-1.549 4.49 4.49 0 0 1-3.498-1.306 4.491 4.491 0 0 1-1.307-3.498A4.49 4.49 0 0 1 2.25 12c0-1.357.6-2.573 1.549-3.397a4.49 4.49 0 0 1 1.307-3.497 4.49 4.49 0 0 1 3.497-1.307Zm7.007 6.387a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clip-rule="evenodd"></path></svg>`);
			else if (__props.name == "check-badge-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 0 1-1.043 3.296 3.745 3.745 0 0 1-3.296 1.043A3.745 3.745 0 0 1 12 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 0 1-3.296-1.043 3.745 3.745 0 0 1-1.043-3.296A3.745 3.745 0 0 1 3 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 0 1 1.043-3.296 3.746 3.746 0 0 1 3.296-1.043A3.746 3.746 0 0 1 12 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 0 1 3.296 1.043 3.746 3.746 0 0 1 1.043 3.296A3.745 3.745 0 0 1 21 12Z"></path></svg>`);
			else if (__props.name == "download-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9.75v6.75m0 0-3-3m3 3 3-3m-8.25 6a4.5 4.5 0 0 1-1.41-8.775 5.25 5.25 0 0 1 10.233-2.33 3 3 0 0 1 3.758 3.848A3.752 3.752 0 0 1 18 19.5H6.75Z"></path></svg>`);
			else if (__props.name == "calc") _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path fill-rule="evenodd" d="M6.32 1.827a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V19.5a3 3 0 0 1-3 3H6.75a3 3 0 0 1-3-3V4.757c0-1.47 1.073-2.756 2.57-2.93ZM7.5 11.25a.75.75 0 0 1 .75-.75h.008a.75.75 0 0 1 .75.75v.008a.75.75 0 0 1-.75.75H8.25a.75.75 0 0 1-.75-.75v-.008Zm.75 1.5a.75.75 0 0 0-.75.75v.008c0 .414.336.75.75.75h.008a.75.75 0 0 0 .75-.75V13.5a.75.75 0 0 0-.75-.75H8.25Zm-.75 3a.75.75 0 0 1 .75-.75h.008a.75.75 0 0 1 .75.75v.008a.75.75 0 0 1-.75.75H8.25a.75.75 0 0 1-.75-.75v-.008Zm.75 1.5a.75.75 0 0 0-.75.75v.008c0 .414.336.75.75.75h.008a.75.75 0 0 0 .75-.75V18a.75.75 0 0 0-.75-.75H8.25Zm1.748-6a.75.75 0 0 1 .75-.75h.007a.75.75 0 0 1 .75.75v.008a.75.75 0 0 1-.75.75h-.007a.75.75 0 0 1-.75-.75v-.008Zm.75 1.5a.75.75 0 0 0-.75.75v.008c0 .414.335.75.75.75h.007a.75.75 0 0 0 .75-.75V13.5a.75.75 0 0 0-.75-.75h-.007Zm-.75 3a.75.75 0 0 1 .75-.75h.007a.75.75 0 0 1 .75.75v.008a.75.75 0 0 1-.75.75h-.007a.75.75 0 0 1-.75-.75v-.008Zm.75 1.5a.75.75 0 0 0-.75.75v.008c0 .414.335.75.75.75h.007a.75.75 0 0 0 .75-.75V18a.75.75 0 0 0-.75-.75h-.007Zm1.754-6a.75.75 0 0 1 .75-.75h.008a.75.75 0 0 1 .75.75v.008a.75.75 0 0 1-.75.75h-.008a.75.75 0 0 1-.75-.75v-.008Zm.75 1.5a.75.75 0 0 0-.75.75v.008c0 .414.336.75.75.75h.008a.75.75 0 0 0 .75-.75V13.5a.75.75 0 0 0-.75-.75h-.008Zm-.75 3a.75.75 0 0 1 .75-.75h.008a.75.75 0 0 1 .75.75v.008a.75.75 0 0 1-.75.75h-.008a.75.75 0 0 1-.75-.75v-.008Zm.75 1.5a.75.75 0 0 0-.75.75v.008c0 .414.336.75.75.75h.008a.75.75 0 0 0 .75-.75V18a.75.75 0 0 0-.75-.75h-.008Zm1.748-6a.75.75 0 0 1 .75-.75h.008a.75.75 0 0 1 .75.75v.008a.75.75 0 0 1-.75.75h-.008a.75.75 0 0 1-.75-.75v-.008Zm.75 1.5a.75.75 0 0 0-.75.75v.008c0 .414.336.75.75.75h.008a.75.75 0 0 0 .75-.75V13.5a.75.75 0 0 0-.75-.75h-.008Zm-8.25-6A.75.75 0 0 1 8.25 6h7.5a.75.75 0 0 1 .75.75v.75a.75.75 0 0 1-.75.75h-7.5a.75.75 0 0 1-.75-.75v-.75Zm9 9a.75.75 0 0 0-1.5 0V18a.75.75 0 0 0 1.5 0v-2.25Z" clip-rule="evenodd"></path></svg>`);
			else if (__props.name == "tablet-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5h3m-6.75 2.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-15a2.25 2.25 0 0 0-2.25-2.25H6.75A2.25 2.25 0 0 0 4.5 4.5v15a2.25 2.25 0 0 0 2.25 2.25Z"></path></svg>`);
			else if (__props.name == "calc-o") _push(`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-full w-full"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 15.75V18m-7.5-6.75h.008v.008H8.25v-.008Zm0 2.25h.008v.008H8.25V13.5Zm0 2.25h.008v.008H8.25v-.008Zm0 2.25h.008v.008H8.25V18Zm2.498-6.75h.007v.008h-.007v-.008Zm0 2.25h.007v.008h-.007V13.5Zm0 2.25h.007v.008h-.007v-.008Zm0 2.25h.007v.008h-.007V18Zm2.504-6.75h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V13.5Zm0 2.25h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V18Zm2.498-6.75h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V13.5ZM8.25 6h7.5v2.25h-7.5V6ZM12 2.25c-1.892 0-3.758.11-5.593.322C5.307 2.7 4.5 3.65 4.5 4.757V19.5a2.25 2.25 0 0 0 2.25 2.25h10.5a2.25 2.25 0 0 0 2.25-2.25V4.757c0-1.108-.806-2.057-1.907-2.185A48.507 48.507 0 0 0 12 2.25Z"></path></svg>`);
			else _push(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-full w-full"><path fill-rule="evenodd" d="M11.097 1.515a.75.75 0 0 1 .589.882L10.666 7.5h4.47l1.079-5.397a.75.75 0 1 1 1.47.294L16.665 7.5h3.585a.75.75 0 0 1 0 1.5h-3.885l-1.2 6h3.585a.75.75 0 0 1 0 1.5h-3.885l-1.08 5.397a.75.75 0 1 1-1.47-.294l1.02-5.103h-4.47l-1.08 5.397a.75.75 0 1 1-1.47-.294l1.02-5.103H3.75a.75.75 0 0 1 0-1.5h3.885l1.2-6H5.25a.75.75 0 0 1 0-1.5h3.885l1.08-5.397a.75.75 0 0 1 .882-.588ZM10.365 9l-1.2 6h4.47l1.2-6h-4.47Z" clip-rule="evenodd"></path></svg>`);
			_push(`</div>`);
		};
	}
};
var _sfc_setup$9 = _sfc_main$9.setup;
_sfc_main$9.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Icon.vue");
	return _sfc_setup$9 ? _sfc_setup$9(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Templates/PackingList.vue
var _sfc_main$8 = {
	__name: "PackingList",
	__ssrInlineRender: true,
	props: {
		record: {
			type: Object,
			required: true
		},
		type: {
			type: String,
			required: true
		}
	},
	setup(__props) {
		const { t } = useI18n();
		const props = __props;
		const typeConfig = computed(() => {
			const configs = {
				sale: {
					label: t("Sale"),
					noLabel: t("Sale No. {x}", { x: props.record?.id })
				},
				purchase: {
					label: t("Purchase"),
					noLabel: t("Purchase No. {x}", { x: props.record?.id })
				},
				transfer: {
					label: t("Transfer"),
					noLabel: t("Transfer No. {x}", { x: props.record?.id })
				},
				adjustment: {
					label: t("Adjustment"),
					noLabel: t("Adjustment No. {x}", { x: props.record?.id })
				},
				quotation: {
					label: t("Quotation"),
					noLabel: t("Quotation No. {x}", { x: props.record?.id })
				},
				return_order: {
					label: t("Return Order"),
					noLabel: t("Return Order No. {x}", { x: props.record?.id })
				}
			};
			return configs[props.type] || configs.sale;
		});
		return (_ctx, _push, _parent, _attrs) => {
			const _component_Icon = resolveComponent("Icon");
			if (__props.record) {
				_push(`<!--[--><span class="absolute end-12 top-4 inline-flex items-center gap-x-4 sm:end-14 print:hidden"><button type="button" class="link -m-2 p-2">`);
				_push(ssrRenderComponent(_component_Icon, {
					name: "print-o",
					class: "size-5"
				}, null, _parent));
				_push(`</button></span><div class="border-b border-gray-200 px-4 py-4 sm:px-6 dark:border-gray-700 print:hidden"><div class="sm:flex sm:items-baseline sm:justify-between"><div class="sm:w-0 sm:flex-1"><h1 class="text-focus text-base font-semibold">${ssrInterpolate(_ctx.$t("Packing List"))} ${ssrInterpolate(typeConfig.value.label)} #${ssrInterpolate(__props.record?.id)} (${ssrInterpolate(__props.record?.reference)}) </h1><p class="text-mute mt-1 truncate text-sm">${ssrInterpolate(_ctx.$t("Please view the details below"))}</p></div></div></div><div class="mt-4 px-6 py-4 print:m-0 print:py-0"><div class="mb-1 max-h-16 max-w-[250px]">`);
				if (__props.record.store?.logo) _push(`<img class="h-16 max-w-full"${ssrRenderAttr("src", __props.record.store.logo)}${ssrRenderAttr("alt", __props.record.store.name)}>`);
				else {
					_push(`<!--[-->`);
					if (_ctx.$page.props.settings?.logo) _push(`<img class="h-16 max-w-full dark:hidden"${ssrRenderAttr("src", _ctx.$page.props.settings?.logo)}${ssrRenderAttr("alt", _ctx.$page.props.settings?.name)}>`);
					else _push(`<!---->`);
					if (_ctx.$page.props.settings?.logo_dark) _push(`<img class="hidden h-16 max-w-full dark:block"${ssrRenderAttr("src", _ctx.$page.props.settings?.logo_dark)}${ssrRenderAttr("alt", _ctx.$page.props.settings?.name)}>`);
					else _push(`<!---->`);
					_push(`<!--]-->`);
				}
				_push(`</div><div class="mb-8 flex items-start justify-between gap-3"><div class="flex w-3/5 flex-col"><div class="text-lg font-semibold">${ssrInterpolate(__props.record.store?.name)}</div><div class="text-sm">${ssrInterpolate(_ctx.$address(__props.record.store))}</div>`);
				if (__props.record.store?.phone) _push(`<div class="text-sm">${ssrInterpolate(_ctx.$t("Phone"))}: ${ssrInterpolate(__props.record.store.phone)}</div>`);
				else _push(`<!---->`);
				if (__props.record.store?.email) _push(`<div class="text-sm">${ssrInterpolate(_ctx.$t("Email"))}: ${ssrInterpolate(__props.record.store.email)}</div>`);
				else _push(`<!---->`);
				_push(`</div><div class="w-2/5"><div class="mb-1 text-lg font-extrabold uppercase">${ssrInterpolate(typeConfig.value.label)}</div><div class="text-sm">${ssrInterpolate(typeConfig.value.noLabel)}</div><div class="text-sm">${ssrInterpolate(_ctx.$t("Date"))}: ${ssrInterpolate(_ctx.$date(__props.record.date || __props.record.created_at))}</div><div class="text-sm">${ssrInterpolate(_ctx.$t("Created at"))}: ${ssrInterpolate(_ctx.$datetime(__props.record.created_at))}</div><div class="flex gap-1 text-sm">${ssrInterpolate(_ctx.$t("Reference"))}: <p class="truncate hover:text-clip print:block print:text-clip" dir="rtl">${ssrInterpolate(__props.record.reference)}</p></div></div></div>`);
				if (__props.record.items) {
					_push(`<div class="overflow-x-auto"><table class="w-full divide-y divide-gray-200 dark:divide-gray-700 print:divide-gray-400 dark:print:divide-gray-400"><thead><tr><th class="w-7 p-2 text-center font-bold uppercase">#</th><th class="p-2 text-start font-bold uppercase">${ssrInterpolate(_ctx.$t("Description"))}</th><th class="p-2 text-start font-bold uppercase">${ssrInterpolate(_ctx.$t("Rack"))}</th><th class="w-[80px] p-2 text-center font-bold uppercase">${ssrInterpolate(_ctx.$t("Qty"))}</th></tr></thead><!--[-->`);
					ssrRenderList(__props.record.items, (item, index) => {
						_push(`<!--[-->`);
						if (item.variations && item.variations.length) {
							_push(`<tbody><tr><td class="w-7 p-2 text-end">${ssrInterpolate(index + 1)}</td><td class="p-2">${ssrInterpolate(item.product.name)}</td><td class="p-2"></td><td class="p-2"></td></tr><!--[-->`);
							ssrRenderList(item.variations, (variation) => {
								_push(`<tr><td class="w-7"></td><td class="p-2">${ssrInterpolate(_ctx.$meta(variation.meta))}</td><td class="p-2 font-bold">${ssrInterpolate(variation.pivot.rack_location || item.product.rack_location || "")}</td><td class="p-2 text-end">${ssrInterpolate(_ctx.$number_qty(variation.pivot.quantity))}</td></tr>`);
							});
							_push(`<!--]--></tbody>`);
						} else _push(`<tbody class="divide-y divide-gray-200 border-y border-gray-200 dark:divide-gray-700 dark:border-gray-700 print:divide-gray-400 dark:print:divide-gray-400"><tr><td class="w-7 p-2 text-end">${ssrInterpolate(index + 1)}</td><td class="p-2">${ssrInterpolate(item.product.name)}</td><td class="p-2 font-bold">${ssrInterpolate(item.product.type == "Service" ? "" : item.product.rack_location || "")}</td><td class="p-2 text-end">${ssrInterpolate(_ctx.$number_qty(item.quantity))}</td></tr></tbody>`);
						_push(`<!--]-->`);
					});
					_push(`<!--]--><tfoot class="divide-y divide-gray-200 dark:divide-gray-700"><tr><th colspan="3" class="p-2 text-end text-lg font-bold">${ssrInterpolate(_ctx.$t("Total Items"))}</th><th class="p-2 text-end text-lg font-bold">${ssrInterpolate(_ctx.$decimal_qty(__props.record.items.reduce((a, i) => Number(i.quantity) + a, 0)))}</th></tr></tfoot></table></div>`);
				} else _push(`<!---->`);
				_push(`</div><!--]-->`);
			} else _push(`<div${ssrRenderAttrs(mergeProps({ class: "flex min-h-64 items-center justify-center p-6 text-lg font-thin" }, _attrs))}>${ssrInterpolate(_ctx.$t("No data found, the record might not belong to the selected store."))}</div>`);
		};
	}
};
var _sfc_setup$8 = _sfc_main$8.setup;
_sfc_main$8.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Templates/PackingList.vue");
	return _sfc_setup$8 ? _sfc_setup$8(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Templates/TemplateFive.vue
var _sfc_main$7 = {
	__name: "TemplateFive",
	__ssrInlineRender: true,
	props: {
		record: {
			type: Object,
			required: true
		},
		type: {
			type: String,
			required: true
		},
		custom_fields: {
			type: Array,
			default: () => []
		},
		editRow: {
			type: Function,
			default: null
		},
		xfetch: {
			type: Boolean,
			default: false
		},
		qrUrl: {
			type: String,
			default: null
		},
		showPackingList: {
			type: Boolean,
			default: false
		}
	},
	setup(__props) {
		const { t } = useI18n();
		const page = usePage();
		const props = __props;
		const colspan = ref(4);
		const qrcode = ref(null);
		const packing = ref(false);
		const typeConfig = computed(() => {
			const configs = {
				sale: {
					label: t("Sale"),
					noLabel: t("{x} No.", { x: t("Sale") }),
					permission: "update-sales",
					personLabel: t("Bill To"),
					showPerson: true,
					personField: "customer",
					showAddress: true,
					addressLabel: t("Ship To"),
					showItems: true,
					showPayments: true,
					showPaid: true,
					showBalance: true,
					priceField: "price",
					quantityField: "quantity"
				},
				quotation: {
					label: t("Quotation"),
					noLabel: t("{x} No.", { x: t("Quotation") }),
					permission: "update-quotations",
					personLabel: t("Quote To"),
					showPerson: true,
					personField: "customer",
					showAddress: true,
					addressLabel: t("Ship To"),
					showItems: true,
					showPayments: false,
					showPaid: false,
					showBalance: false,
					priceField: "price",
					quantityField: "quantity"
				},
				purchase: {
					label: t("Purchase"),
					noLabel: t("{x} No.", { x: t("Purchase") }),
					permission: "update-purchases",
					personLabel: t("Purchase From"),
					showPerson: true,
					personField: "supplier",
					showAddress: false,
					showItems: true,
					showPayments: true,
					showPaid: true,
					showBalance: true,
					priceField: "cost",
					quantityField: "quantity"
				},
				payment: {
					label: t("Payment"),
					noLabel: t("{x} No.", { x: t("Payment") }),
					permission: "update-payments",
					personLabel: t("From"),
					showPerson: true,
					personField: "customer",
					showAddress: false,
					showItems: false,
					showPayments: false,
					showPaid: false,
					showBalance: false
				},
				expense: {
					label: t("Expense"),
					noLabel: t("{x} No.", { x: t("Expense") }),
					permission: "update-expenses",
					personLabel: t("Order To"),
					showPerson: true,
					personField: "supplier",
					showAddress: false,
					showItems: false,
					showPayments: false,
					showPaid: false,
					showBalance: false
				},
				transfer: {
					label: t("Transfer"),
					noLabel: t("{x} No.", { x: t("Transfer") }),
					permission: "update-transfers",
					personLabel: t("Transfer To"),
					showPerson: true,
					personField: "to_store",
					showAddress: false,
					showItems: true,
					showPayments: false,
					showPaid: false,
					showBalance: false,
					showPrices: false,
					quantityField: "quantity"
				},
				adjustment: {
					label: t("Adjustment"),
					noLabel: t("{x} No.", { x: t("Adjustment") }),
					permission: "update-adjustments",
					showPerson: false,
					showAddress: false,
					showItems: true,
					showPayments: false,
					showPaid: false,
					showBalance: false,
					showPrices: false,
					quantityField: "quantity"
				},
				return_order: {
					label: t("Return Order"),
					noLabel: t("{x} No.", { x: t("Return Order") }),
					permission: "update-return-orders",
					personLabel: props.record?.type === "Purchase" ? t("Returned To") : t("Returned From"),
					showPerson: true,
					personField: props.record?.type === "Purchase" ? "supplier" : "customer",
					showAddress: false,
					showItems: true,
					showPayments: false,
					showPaid: false,
					showBalance: false,
					priceField: props.record?.type === "Purchase" ? "cost" : "price",
					quantityField: "quantity"
				},
				delivery: {
					label: t("Delivery"),
					noLabel: t("{x} No.", { x: t("Delivery Order") }),
					permission: "update-deliveries",
					personLabel: t("Deliver To"),
					showPerson: true,
					personField: "customer",
					showAddress: true,
					showItems: false,
					showPayments: false,
					showPaid: false,
					showBalance: false
				}
			};
			return configs[props.type] || configs.sale;
		});
		const person = computed(() => {
			if (!typeConfig.value.showPerson || !typeConfig.value.personField) return null;
			return props.record[typeConfig.value.personField];
		});
		onMounted(async () => {
			if (page.props.settings.show_discount == 1) colspan.value++;
			if (page.props.settings.show_tax == 1) colspan.value++;
			await nextTick();
			if (props.qrUrl) qrcode.value = await generateQR(props.qrUrl);
			JsBarcode(".barcode").init();
		});
		async function generateQR(text) {
			try {
				return await QRCode.toString(text, { type: "svg" });
			} catch (err) {
				console.error(err);
				return `<span class="text-red-500">${err.toString()}</span>`;
			}
		}
		return (_ctx, _push, _parent, _attrs) => {
			const _component_Icon = resolveComponent("Icon");
			_push(`<div${ssrRenderAttrs(_attrs)}>`);
			if (!__props.xfetch) {
				_push(`<!--[--><span class="absolute end-12 top-4 inline-flex items-center gap-x-4 sm:end-14 print:hidden"><button type="button" class="link -m-2 p-2">`);
				_push(ssrRenderComponent(_component_Icon, {
					name: "print-o",
					class: "size-5"
				}, null, _parent));
				_push(`</button>`);
				if (__props.showPackingList) {
					_push(`<button type="button" class="link -m-2 p-2">`);
					_push(ssrRenderComponent(_component_Icon, {
						name: "archive",
						class: "size-5"
					}, null, _parent));
					_push(`</button>`);
				} else _push(`<!---->`);
				if (__props.editRow && _ctx.$can(typeConfig.value.permission)) {
					_push(`<button type="button" class="link -m-2 p-2">`);
					_push(ssrRenderComponent(_component_Icon, {
						name: "edit-o",
						class: "size-5"
					}, null, _parent));
					_push(`</button>`);
				} else _push(`<!---->`);
				_push(`</span><div class="border-b border-gray-200 px-4 py-4 sm:px-6 dark:border-gray-700 print:hidden"><div class="sm:flex sm:items-baseline sm:justify-between"><div class="sm:w-0 sm:flex-1"><h1 class="text-focus text-base font-semibold">${ssrInterpolate(typeConfig.value.label)} #${ssrInterpolate(__props.record?.id)} (${ssrInterpolate(__props.record?.reference)})</h1><p class="text-mute mt-1 truncate text-sm">${ssrInterpolate(_ctx.$t("Please view the details below"))}</p></div></div></div><!--]-->`);
			} else _push(`<!---->`);
			_push(`<div class="mb-9">`);
			ssrRenderSlot(_ctx.$slots, "alerts", {}, null, _push, _parent);
			_push(`</div><div class="flex flex-col sm:flex-row print:flex-row"><div class="flex-1 px-6 py-6 print:py-4"><div class="mb-3 max-h-16 max-w-[220px]">`);
			if (__props.record.store?.logo) _push(`<img class="h-16 max-w-full"${ssrRenderAttr("src", __props.record.store.logo)}${ssrRenderAttr("alt", __props.record.store.name)}>`);
			else {
				_push(`<!--[-->`);
				if (_ctx.$page.props.settings?.logo) _push(`<img${ssrRenderAttr("alt", _ctx.$page.props.settings?.name)}${ssrRenderAttr("src", _ctx.$page.props.settings?.logo)} class="h-16 max-w-full dark:hidden print:block!">`);
				else _push(`<!---->`);
				if (_ctx.$page.props.settings?.logo_dark) _push(`<img${ssrRenderAttr("alt", _ctx.$page.props.settings?.name)}${ssrRenderAttr("src", _ctx.$page.props.settings?.logo_dark)} class="hidden h-16 max-w-full dark:block print:hidden!">`);
				else _push(`<!---->`);
				_push(`<!--]-->`);
			}
			_push(`</div><div class="text-sm"><div class="text-base font-semibold">${ssrInterpolate(__props.record.store?.name)}</div><div class="text-gray-500 dark:text-gray-400">${ssrInterpolate(_ctx.$address(__props.record.store))}</div>`);
			if (__props.record.store?.phone) _push(`<div class="text-gray-500 dark:text-gray-400">${ssrInterpolate(_ctx.$t("Phone"))}: ${ssrInterpolate(__props.record.store.phone)}</div>`);
			else _push(`<!---->`);
			if (__props.record.store?.email) _push(`<div class="text-gray-500 dark:text-gray-400">${ssrInterpolate(_ctx.$t("Email"))}: ${ssrInterpolate(__props.record.store.email)}</div>`);
			else _push(`<!---->`);
			_push(`</div></div><div class="print-exact min-w-[220px] bg-teal-600 px-6 py-6 text-white sm:max-w-[260px] print:bg-teal-600! print:text-white!"><div class="text-2xl font-black tracking-wide uppercase">${ssrInterpolate(typeConfig.value.label)}</div><div class="mt-4 space-y-2 text-sm"><div><div class="text-teal-200 print:text-teal-200!">${ssrInterpolate(typeConfig.value.noLabel)}</div><div class="font-bold">#${ssrInterpolate(__props.record.id)}</div></div><div><div class="text-teal-200 print:text-teal-200!">${ssrInterpolate(_ctx.$t("Date"))}</div><div class="font-bold">${ssrInterpolate(_ctx.$date(__props.record.date || __props.record.created_at))}</div></div>`);
			if (__props.record.due_date) _push(`<div><div class="text-teal-200 print:text-teal-200!">${ssrInterpolate(_ctx.$t("Due Date"))}</div><div class="font-bold">${ssrInterpolate(_ctx.$date(__props.record.due_date))}</div></div>`);
			else _push(`<!---->`);
			_push(`<div><div class="text-teal-200 print:text-teal-200!">${ssrInterpolate(_ctx.$t("Reference"))}</div><div class="truncate font-bold">${ssrInterpolate(__props.record.reference)}</div></div>`);
			if (typeConfig.value.showPrices !== false) _push(`<div><div class="text-teal-200 print:text-teal-200!">${ssrInterpolate(_ctx.$t("Total"))}</div><div class="text-xl font-black">${ssrInterpolate(_ctx.$currency(__props.record.grand_total || __props.record.amount || 0))}</div></div>`);
			else _push(`<!---->`);
			_push(`</div></div></div><div class="px-6 pb-6 print:pb-4">`);
			if (__props.type == "sale") {
				_push(`<div class="mb-4 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.sale_header) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.sale_header)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "purchase") {
				_push(`<div class="mb-4 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.purchase_header) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.purchase_header)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "payment") {
				_push(`<div class="mb-4 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.payment_header) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.payment_header)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "quotation") {
				_push(`<div class="mb-4 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.quotation_header) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.quotation_header)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else _push(`<!---->`);
			if (__props.qrUrl) _push(`<div class="mb-6 flex items-center gap-6"><div class="bc-image h-[70px] overflow-hidden"><svg class="barcode"${ssrRenderAttr("jsbarcode-width", 1)}${ssrRenderAttr("jsbarcode-margin", 5)}${ssrRenderAttr("jsbarcode-height", 60)}${ssrRenderAttr("jsbarcode-fontsize", 11)}${ssrRenderAttr("jsbarcode-textmargin", 3)} jsbarcode-format="CODE128" jsbarcode-fontoptions="bold"${ssrRenderAttr("jsbarcode-displayvalue", false)}${ssrRenderAttr("jsbarcode-value", __props.record.reference)}></svg></div><div class="qr-image qrcode h-[70px] overflow-hidden">${qrcode.value ?? ""}</div></div>`);
			else _push(`<!---->`);
			if (person.value) {
				_push(`<div class="mb-6 grid gap-4 text-sm sm:grid-cols-2"><div class="border-s-4 border-teal-500 ps-4 print:border-teal-500!"><div class="mb-1 text-xs font-bold tracking-wider text-teal-600 uppercase dark:text-teal-400 print:text-teal-600!">${ssrInterpolate(typeConfig.value.personLabel)}</div><div class="text-base font-semibold">${ssrInterpolate(person.value.company || person.value.name)}</div><div class="text-gray-500 dark:text-gray-400">${ssrInterpolate(_ctx.$address(person.value))}</div>`);
				if (person.value.phone) _push(`<div class="text-gray-500 dark:text-gray-400">${ssrInterpolate(_ctx.$t("Phone"))}: ${ssrInterpolate(person.value.phone)}</div>`);
				else _push(`<!---->`);
				if (person.value.email) _push(`<div class="text-gray-500 dark:text-gray-400">${ssrInterpolate(_ctx.$t("Email"))}: ${ssrInterpolate(person.value.email)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
				if (typeConfig.value.showAddress && __props.record.address) {
					_push(`<div class="border-s-4 border-teal-500 ps-4 print:border-teal-500!"><div class="mb-1 text-xs font-bold tracking-wider text-teal-600 uppercase dark:text-teal-400 print:text-teal-600!">${ssrInterpolate(typeConfig.value.addressLabel || _ctx.$t("Ship To"))}</div><div class="text-base font-semibold">${ssrInterpolate(__props.record.address.company || __props.record.address.name)}</div><div class="text-gray-500 dark:text-gray-400">${ssrInterpolate(_ctx.$address(__props.record.address))}</div>`);
					if (__props.record.address.phone) _push(`<div class="text-gray-500 dark:text-gray-400">${ssrInterpolate(_ctx.$t("Phone"))}: ${ssrInterpolate(__props.record.address.phone)}</div>`);
					else _push(`<!---->`);
					if (__props.record.address.email) _push(`<div class="text-gray-500 dark:text-gray-400">${ssrInterpolate(_ctx.$t("Email"))}: ${ssrInterpolate(__props.record.address.email)}</div>`);
					else _push(`<!---->`);
					_push(`</div>`);
				} else _push(`<!---->`);
				_push(`</div>`);
			} else _push(`<!---->`);
			_push(`<div class="mb-4">`);
			ssrRenderSlot(_ctx.$slots, "content", {
				record: __props.record,
				typeConfig: typeConfig.value
			}, null, _push, _parent);
			_push(`</div>`);
			if (typeConfig.value.showItems && __props.record.items) {
				_push(`<div class="overflow-x-auto rounded-sm"><table class="w-full text-sm"><thead><tr class="bg-teal-600 text-white print:bg-teal-600! print:text-white!"><th class="px-3 py-2.5 text-end font-semibold">#</th><th class="px-3 py-2.5 text-start font-semibold">${ssrInterpolate(_ctx.$t("Description"))}</th>`);
				if (typeConfig.value.showPrices !== false) _push(`<th class="w-[120px] px-3 py-2.5 text-end font-semibold whitespace-nowrap">${ssrInterpolate(unref(page).props.settings.show_tax == 1 ? _ctx.$t("Price") : _ctx.$t("Unit Price"))}</th>`);
				else _push(`<!---->`);
				_push(`<th class="w-[80px] px-3 py-2.5 text-center font-semibold">${ssrInterpolate(_ctx.$t("Qty"))}</th>`);
				if (typeConfig.value.showPrices !== false) {
					_push(`<!--[-->`);
					if (unref(page).props.settings.show_discount == 1) _push(`<th class="w-[80px] px-3 py-2.5 text-end font-semibold">${ssrInterpolate(_ctx.$t("Discount"))}</th>`);
					else _push(`<!---->`);
					if (unref(page).props.settings.show_tax == 1) _push(`<th class="w-[80px] px-3 py-2.5 text-end font-semibold">${ssrInterpolate(_ctx.$t("Tax"))}</th>`);
					else _push(`<!---->`);
					_push(`<th class="w-[120px] px-3 py-2.5 text-end font-semibold">${ssrInterpolate(_ctx.$t("Total"))}</th><!--]-->`);
				} else _push(`<!---->`);
				_push(`</tr></thead><!--[-->`);
				ssrRenderList(__props.record.items, (item, index) => {
					_push(`<!--[-->`);
					if (item.variations && item.variations.length) {
						_push(`<tbody class="divide-y divide-gray-100 dark:divide-gray-700"><tr class="border-b border-gray-100 dark:border-gray-700"><td class="px-3 py-2 text-end text-gray-400">${ssrInterpolate(index + 1)}</td><td class="px-3 py-2"><div class="flex items-center gap-2">`);
						if (item.product && unref(page).props.settings.show_image == 1) {
							_push(`<!--[-->`);
							if (item.product.photo) _push(`<img class="h-8 w-8 rounded-xs"${ssrRenderAttr("src", item.product.photo)} alt="Product Image">`);
							else _push(`<img class="me-2 h-8 w-8 rounded-xs" src="img/no-image.png" alt="No Image">`);
							_push(`<!--]-->`);
						} else _push(`<!---->`);
						_push(`<div><div class="font-medium">${ssrInterpolate(item.product?.name || "")}</div>`);
						if (item.comment) _push(`<div class="text-xs text-gray-500">${ssrInterpolate(item.comment)}</div>`);
						else _push(`<!---->`);
						if (item.batch_no || item.expiry_date) {
							_push(`<div class="flex items-center gap-4 text-xs font-bold">`);
							if (item.batch_no) _push(`<div><span class="text-mute">${ssrInterpolate(_ctx.$t("Batch"))}:</span> ${ssrInterpolate(item.batch_no)}</div>`);
							else _push(`<!---->`);
							if (item.expiry_date) _push(`<div><span class="text-mute">${ssrInterpolate(_ctx.$t("Expiry"))}:</span> ${ssrInterpolate(item.expiry_date)}</div>`);
							else _push(`<!---->`);
							_push(`</div>`);
						} else _push(`<!---->`);
						_push(`</div>`);
						if (item.serials && item.serials.length) _push(`<div class="text-xs"><span class="text-mute font-bold">${ssrInterpolate(_ctx.$t("Serials"))}:</span> ${ssrInterpolate(item.serials.map((s) => s.number).join(", "))}</div>`);
						else _push(`<!---->`);
						_push(`</div></td>`);
						if (typeConfig.value.showPrices !== false) _push(`<td class="px-3 py-2"></td>`);
						else _push(`<!---->`);
						_push(`<td class="px-3 py-2 text-center"></td>`);
						if (typeConfig.value.showPrices !== false) {
							_push(`<!--[-->`);
							if (unref(page).props.settings.show_discount == 1) _push(`<td class="px-3 py-2"></td>`);
							else _push(`<!---->`);
							if (unref(page).props.settings.show_tax == 1) _push(`<td class="px-3 py-2"></td>`);
							else _push(`<!---->`);
							_push(`<td class="px-3 py-2"></td><!--]-->`);
						} else _push(`<!---->`);
						_push(`</tr><!--[-->`);
						ssrRenderList(item.variations, (variation) => {
							_push(`<tr class="border-b border-gray-100 dark:border-gray-700"><td class="px-3 py-2"></td><td class="px-3 py-2 ps-8 text-gray-600 dark:text-gray-300">${ssrInterpolate(_ctx.$meta(variation.meta))}</td>`);
							if (typeConfig.value.showPrices !== false) _push(`<td class="px-3 py-2 text-end">${ssrInterpolate(_ctx.$number(variation.pivot[typeConfig.value.priceField]))}</td>`);
							else _push(`<!---->`);
							_push(`<td class="px-3 py-2 text-center">${ssrInterpolate(_ctx.$number_qty(variation.pivot.quantity))}${ssrInterpolate(variation.pivot?.unit?.code || "")}</td>`);
							if (typeConfig.value.showPrices !== false) {
								_push(`<!--[-->`);
								if (unref(page).props.settings.show_discount == 1) _push(`<td class="px-3 py-2 text-end">${ssrInterpolate(_ctx.$number(variation.pivot.discount_amount))}</td>`);
								else _push(`<!---->`);
								if (unref(page).props.settings.show_tax == 1) _push(`<td class="px-3 py-2 text-end">${ssrInterpolate(_ctx.$number(variation.pivot.tax_amount))}</td>`);
								else _push(`<!---->`);
								_push(`<td class="px-3 py-2 text-end font-bold">${ssrInterpolate(_ctx.$number(variation.pivot.total))}</td><!--]-->`);
							} else _push(`<!---->`);
							_push(`</tr>`);
						});
						_push(`<!--]--></tbody>`);
					} else {
						_push(`<tbody><tr class="border-b border-gray-100 dark:border-gray-700"><td class="px-3 py-2 text-end text-gray-400">${ssrInterpolate(index + 1)}</td><td class="px-3 py-2"><div class="flex items-center gap-2">`);
						if (item.product && unref(page).props.settings.show_image == 1) {
							_push(`<!--[-->`);
							if (item.product.photo) _push(`<img class="h-8 w-8 rounded-xs"${ssrRenderAttr("src", item.product.photo)} alt="Product Image">`);
							else _push(`<img class="me-2 h-8 w-8 rounded-xs" src="img/no-image.png" alt="No Image">`);
							_push(`<!--]-->`);
						} else _push(`<!---->`);
						_push(`<div><div class="font-medium">${ssrInterpolate(item.product?.name || "")}</div>`);
						if (item.comment) _push(`<div class="${ssrRenderClass(item.product?.name ? "text-xs text-gray-500" : "")}">${ssrInterpolate(item.comment)}</div>`);
						else _push(`<!---->`);
						if (item.batch_no || item.expiry_date) {
							_push(`<div class="flex items-center gap-4 text-xs font-bold">`);
							if (item.batch_no) _push(`<div><span class="text-mute">${ssrInterpolate(_ctx.$t("Batch"))}:</span> ${ssrInterpolate(item.batch_no)}</div>`);
							else _push(`<!---->`);
							if (item.expiry_date) _push(`<div><span class="text-mute">${ssrInterpolate(_ctx.$t("Expiry"))}:</span> ${ssrInterpolate(item.expiry_date)}</div>`);
							else _push(`<!---->`);
							_push(`</div>`);
						} else _push(`<!---->`);
						_push(`</div>`);
						if (item.serials && item.serials.length) _push(`<div class="text-xs"><span class="text-mute font-bold">${ssrInterpolate(_ctx.$t("Serials"))}:</span> ${ssrInterpolate(item.serials.map((s) => s.number).join(", "))}</div>`);
						else _push(`<!---->`);
						_push(`</div></td>`);
						if (typeConfig.value.showPrices !== false) _push(`<td class="px-3 py-2 text-end">${ssrInterpolate(_ctx.$number(item[typeConfig.value.priceField]))}</td>`);
						else _push(`<!---->`);
						_push(`<td class="px-3 py-2 text-center">${ssrInterpolate(_ctx.$number_qty(item.quantity))}${ssrInterpolate(item.unit?.code || "")}</td>`);
						if (typeConfig.value.showPrices !== false) {
							_push(`<!--[-->`);
							if (unref(page).props.settings.show_discount == 1) _push(`<td class="px-3 py-2 text-end">${ssrInterpolate(_ctx.$number(item.discount_amount))}</td>`);
							else _push(`<!---->`);
							if (unref(page).props.settings.show_tax == 1) _push(`<td class="px-3 py-2 text-end">${ssrInterpolate(_ctx.$number(item.tax_amount))}</td>`);
							else _push(`<!---->`);
							_push(`<td class="px-3 py-2 text-end font-bold">${ssrInterpolate(_ctx.$number(item.total))}</td><!--]-->`);
						} else _push(`<!---->`);
						_push(`</tr></tbody>`);
					}
					_push(`<!--]-->`);
				});
				_push(`<!--]-->`);
				if (typeConfig.value.showPrices !== false) {
					_push(`<tfoot class="break-inside-avoid">`);
					if (unref(page).props.settings.show_discount == 1 && Number(__props.record.total_discount_amount) > 0) _push(`<tr class="border-t border-gray-200 dark:border-gray-700"><th${ssrRenderAttr("colspan", colspan.value)} class="px-3 py-1.5 text-end text-gray-500">${ssrInterpolate(_ctx.$t("Discount"))}</th><th class="px-3 py-1.5 text-end">${ssrInterpolate(_ctx.$currency(__props.record.total_discount_amount))}</th></tr>`);
					else _push(`<!---->`);
					if (_ctx.$decimal(__props.record.total_tax_amount, true) > 0 || unref(page).props.settings.show_tax == 1) _push(`<!--[--><tr class="border-t border-gray-200 dark:border-gray-700"><th${ssrRenderAttr("colspan", colspan.value)} class="px-3 py-1.5 text-end text-gray-500">${ssrInterpolate(_ctx.$t("Subtotal"))}</th><th class="px-3 py-1.5 text-end">${ssrInterpolate(_ctx.$currency(__props.record.subtotal))}</th></tr><tr class="border-t border-gray-200 dark:border-gray-700"><th${ssrRenderAttr("colspan", colspan.value)} class="px-3 py-1.5 text-end text-gray-500">${ssrInterpolate(_ctx.$t("Tax"))}</th><th class="px-3 py-1.5 text-end">${ssrInterpolate(_ctx.$currency(__props.record.total_tax_amount))}</th></tr><!--]-->`);
					else if (unref(page).props.settings.show_zero_taxes == 1) _push(`<tr class="border-t border-gray-200 dark:border-gray-700"><th${ssrRenderAttr("colspan", colspan.value)} class="px-3 py-1.5 text-end text-gray-500">${ssrInterpolate(_ctx.$t("Tax"))}</th><th class="px-3 py-1.5 text-end">${ssrInterpolate(_ctx.$currency(__props.record.total_tax_amount))}</th></tr>`);
					else _push(`<!---->`);
					_push(`<tr class="bg-teal-600 text-white print:bg-teal-600! print:text-white!"><th${ssrRenderAttr("colspan", colspan.value)} class="px-3 py-2.5 text-end text-lg font-black">${ssrInterpolate(_ctx.$t("Total"))}</th><th class="px-3 py-2.5 text-end text-lg font-black">${ssrInterpolate(_ctx.$currency(__props.record.grand_total))}</th></tr>`);
					if ((__props.type === "sale" || __props.type === "purchase") && __props.record.return_orders && __props.record.return_orders.length > 0) {
						_push(`<!--[--><!--[-->`);
						ssrRenderList(__props.record.return_orders, (returnOrder) => {
							_push(`<tr class="border-t border-gray-200 dark:border-gray-700"><th${ssrRenderAttr("colspan", colspan.value)} class="px-3 py-1.5 text-end text-gray-500">${ssrInterpolate(_ctx.$t("Return"))}: ${ssrInterpolate(returnOrder.reference)}</th><th class="px-3 py-1.5 text-end whitespace-nowrap text-red-600 dark:text-red-400"> -${ssrInterpolate(_ctx.$currency(returnOrder.grand_total))}</th></tr>`);
						});
						_push(`<!--]--><!--[-->`);
						ssrRenderList(__props.record.return_orders.filter((r) => Number(r.return_payment_amount) > 0), (returnOrder) => {
							_push(`<tr class="border-t border-gray-200 dark:border-gray-700"><th${ssrRenderAttr("colspan", colspan.value)} class="px-3 py-1.5 text-end text-gray-500">${ssrInterpolate(_ctx.$t("Return Payment"))} (${ssrInterpolate(returnOrder.return_payment_method)}) </th><th class="px-3 py-1.5 text-end text-red-600 dark:text-red-400">-${ssrInterpolate(_ctx.$currency(returnOrder.return_payment_amount))}</th></tr>`);
						});
						_push(`<!--]--><!--]-->`);
					} else _push(`<!---->`);
					if (typeConfig.value.showPaid) _push(`<tr class="border-t border-gray-200 dark:border-gray-700"><th${ssrRenderAttr("colspan", colspan.value)} class="px-3 py-1.5 text-end text-gray-500">${ssrInterpolate(_ctx.$t("Paid"))}</th><th class="px-3 py-1.5 text-end font-bold">${ssrInterpolate(_ctx.$currency(__props.record.paid - (__props.record.return_orders?.reduce((sum, r) => sum + Number(r.return_payment_amount), 0) || 0)))}</th></tr>`);
					else _push(`<!---->`);
					if (typeConfig.value.showBalance) _push(`<tr class="border-t border-gray-200 dark:border-gray-700"><th${ssrRenderAttr("colspan", colspan.value)} class="px-3 py-1.5 text-end font-bold">${ssrInterpolate(_ctx.$t("Balance"))}</th><th class="px-3 py-1.5 text-end font-bold">${ssrInterpolate(_ctx.$currency(__props.record.grand_total - __props.record.paid + (__props.record.return_orders?.reduce((sum, r) => sum + Number(r.return_payment_amount), 0) || 0) - (__props.record.return_orders?.reduce((sum, r) => sum + Number(r.grand_total), 0) || 0)))}</th></tr>`);
					else _push(`<!---->`);
					_push(`</tfoot>`);
				} else _push(`<tfoot><tr class="bg-teal-600 text-white print:bg-teal-600! print:text-white!"><td colspan="2" class="px-3 py-2 text-end font-bold">${ssrInterpolate(_ctx.$t("Total Quantity"))}</td><td class="px-3 py-2 text-center font-bold">${ssrInterpolate(_ctx.$number_qty(__props.record.items.reduce((a, i) => Number(i.quantity) + a, 0)))}</td></tr></tfoot>`);
				_push(`</table></div>`);
			} else _push(`<!---->`);
			_push(`<div class="-mx-4">`);
			ssrRenderSlot(_ctx.$slots, "amount", { record: __props.record }, null, _push, _parent);
			_push(`</div>`);
			_push(ssrRenderComponent(unref(_sfc_main$10), {
				modal: false,
				fields: __props.custom_fields,
				title: _ctx.$t("Custom Fields"),
				extra_attributes: __props.record.extra_attributes
			}, null, _parent));
			if (__props.record.details) _push(`<div class="mt-6 border-s-4 border-teal-500 ps-4 text-sm print:border-teal-500!">${ssrInterpolate(__props.record.details)}</div>`);
			else _push(`<!---->`);
			if (__props.type == "sale") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.sale_footer) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.sale_footer)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "purchase") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.purchase_footer) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.purchase_footer)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "payment") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.payment_footer) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.payment_footer)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "quotation") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.quotation_footer) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.quotation_footer)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else _push(`<!---->`);
			if (__props.record.attachments && __props.record.attachments.length) {
				_push(`<div class="mt-8 w-full py-2 print:hidden">`);
				_push(ssrRenderComponent(unref(_sfc_main$37), { attachments: __props.record.attachments }, null, _parent));
				_push(`</div>`);
			} else _push(`<!---->`);
			_push(`</div>`);
			if (typeConfig.value.showPayments && __props.record.payments && __props.record.payments.length) {
				_push(`<div class="mx-6 mb-6 rounded-sm border border-gray-200 dark:border-gray-700 print:hidden"><h4 class="border-b border-gray-200 px-4 py-2 text-base font-extrabold dark:border-gray-700">${ssrInterpolate(_ctx.$t("Payments"))}</h4><div class="overflow-x-auto py-1"><table class="w-full divide-y divide-gray-200 text-sm dark:divide-gray-700"><thead><tr><th class="w-[140px] p-2 text-start font-bold uppercase">${ssrInterpolate(_ctx.$t("Date"))}</th><th class="p-2 text-start font-bold uppercase">${ssrInterpolate(_ctx.$t("Reference"))}</th><th class="w-[100px] p-2 text-start font-bold uppercase">${ssrInterpolate(_ctx.$t("Method"))}</th><th class="w-[120px] p-2 text-center font-bold uppercase">${ssrInterpolate(_ctx.$t("Amount"))}</th></tr></thead><tbody><!--[-->`);
				ssrRenderList(__props.record.payments, (p) => {
					_push(`<tr><td class="p-2 whitespace-nowrap">${ssrInterpolate(_ctx.$date(p.date))}</td><td class="p-2">${ssrInterpolate(p.reference)}</td><td class="p-2 whitespace-nowrap">${ssrInterpolate(_ctx.$t(p.method))}</td><td class="p-2 text-end">${ssrInterpolate(_ctx.$currency(p.amount))}</td></tr>`);
				});
				_push(`<!--]--></tbody></table></div></div>`);
			} else _push(`<!---->`);
			if (__props.showPackingList) _push(ssrRenderComponent(unref(_sfc_main$52), {
				show: packing.value,
				"max-width": "2xl",
				onClose: ($event) => packing.value = false,
				class: "modal-2"
			}, {
				default: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) _push(ssrRenderComponent(_sfc_main$8, {
						record: __props.record,
						type: __props.type
					}, null, _parent, _scopeId));
					else return [createVNode(_sfc_main$8, {
						record: __props.record,
						type: __props.type
					}, null, 8, ["record", "type"])];
				}),
				_: 1
			}, _parent));
			else _push(`<!---->`);
			_push(`</div>`);
		};
	}
};
var _sfc_setup$7 = _sfc_main$7.setup;
_sfc_main$7.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Templates/TemplateFive.vue");
	return _sfc_setup$7 ? _sfc_setup$7(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Templates/TemplateFour.vue
var _sfc_main$6 = {
	__name: "TemplateFour",
	__ssrInlineRender: true,
	props: {
		record: {
			type: Object,
			required: true
		},
		type: {
			type: String,
			required: true
		},
		custom_fields: {
			type: Array,
			default: () => []
		},
		editRow: {
			type: Function,
			default: null
		},
		xfetch: {
			type: Boolean,
			default: false
		},
		qrUrl: {
			type: String,
			default: null
		},
		showPackingList: {
			type: Boolean,
			default: false
		}
	},
	setup(__props) {
		const { t } = useI18n();
		const page = usePage();
		const props = __props;
		const colspan = ref(4);
		const qrcode = ref(null);
		const packing = ref(false);
		const typeConfig = computed(() => {
			const configs = {
				sale: {
					label: t("Sale"),
					noLabel: t("{x} No.", { x: t("Sale") }),
					permission: "update-sales",
					personLabel: t("Bill To"),
					showPerson: true,
					personField: "customer",
					showAddress: true,
					addressLabel: t("Ship To"),
					showItems: true,
					showPayments: true,
					showPaid: true,
					showBalance: true,
					priceField: "price",
					quantityField: "quantity"
				},
				quotation: {
					label: t("Quotation"),
					noLabel: t("{x} No.", { x: t("Quotation") }),
					permission: "update-quotations",
					personLabel: t("Quote To"),
					showPerson: true,
					personField: "customer",
					showAddress: true,
					addressLabel: t("Ship To"),
					showItems: true,
					showPayments: false,
					showPaid: false,
					showBalance: false,
					priceField: "price",
					quantityField: "quantity"
				},
				purchase: {
					label: t("Purchase"),
					noLabel: t("{x} No.", { x: t("Purchase") }),
					permission: "update-purchases",
					personLabel: t("Purchase From"),
					showPerson: true,
					personField: "supplier",
					showAddress: false,
					showItems: true,
					showPayments: true,
					showPaid: true,
					showBalance: true,
					priceField: "cost",
					quantityField: "quantity"
				},
				payment: {
					label: t("Payment"),
					noLabel: t("{x} No.", { x: t("Payment") }),
					permission: "update-payments",
					personLabel: t("From"),
					showPerson: true,
					personField: "customer",
					showAddress: false,
					showItems: false,
					showPayments: false,
					showPaid: false,
					showBalance: false
				},
				expense: {
					label: t("Expense"),
					noLabel: t("{x} No.", { x: t("Expense") }),
					permission: "update-expenses",
					personLabel: t("Order To"),
					showPerson: true,
					personField: "supplier",
					showAddress: false,
					showItems: false,
					showPayments: false,
					showPaid: false,
					showBalance: false
				},
				transfer: {
					label: t("Transfer"),
					noLabel: t("{x} No.", { x: t("Transfer") }),
					permission: "update-transfers",
					personLabel: t("Transfer To"),
					showPerson: true,
					personField: "to_store",
					showAddress: false,
					showItems: true,
					showPayments: false,
					showPaid: false,
					showBalance: false,
					showPrices: false,
					quantityField: "quantity"
				},
				adjustment: {
					label: t("Adjustment"),
					noLabel: t("{x} No.", { x: t("Adjustment") }),
					permission: "update-adjustments",
					showPerson: false,
					showAddress: false,
					showItems: true,
					showPayments: false,
					showPaid: false,
					showBalance: false,
					showPrices: false,
					quantityField: "quantity"
				},
				return_order: {
					label: t("Return Order"),
					noLabel: t("{x} No.", { x: t("Return Order") }),
					permission: "update-return-orders",
					personLabel: props.record?.type === "Purchase" ? t("Returned To") : t("Returned From"),
					showPerson: true,
					personField: props.record?.type === "Purchase" ? "supplier" : "customer",
					showAddress: false,
					showItems: true,
					showPayments: false,
					showPaid: false,
					showBalance: false,
					priceField: props.record?.type === "Purchase" ? "cost" : "price",
					quantityField: "quantity"
				},
				delivery: {
					label: t("Delivery"),
					noLabel: t("{x} No.", { x: t("Delivery Order") }),
					permission: "update-deliveries",
					personLabel: t("Deliver To"),
					showPerson: true,
					personField: "customer",
					showAddress: true,
					showItems: false,
					showPayments: false,
					showPaid: false,
					showBalance: false
				}
			};
			return configs[props.type] || configs.sale;
		});
		const person = computed(() => {
			if (!typeConfig.value.showPerson || !typeConfig.value.personField) return null;
			return props.record[typeConfig.value.personField];
		});
		onMounted(async () => {
			if (page.props.settings.show_discount == 1) colspan.value++;
			if (page.props.settings.show_tax == 1) colspan.value++;
			await nextTick();
			if (props.qrUrl) qrcode.value = await generateQR(props.qrUrl);
			JsBarcode(".barcode").init();
		});
		async function generateQR(text) {
			try {
				return await QRCode.toString(text, { type: "svg" });
			} catch (err) {
				console.error(err);
				return `<span class="text-red-500">${err.toString()}</span>`;
			}
		}
		return (_ctx, _push, _parent, _attrs) => {
			const _component_Icon = resolveComponent("Icon");
			_push(`<div${ssrRenderAttrs(_attrs)}>`);
			if (!__props.xfetch) {
				_push(`<!--[--><span class="absolute end-12 top-4 inline-flex items-center gap-x-4 sm:end-14 print:hidden"><button type="button" class="link -m-2 p-2">`);
				_push(ssrRenderComponent(_component_Icon, {
					name: "print-o",
					class: "size-5"
				}, null, _parent));
				_push(`</button>`);
				if (__props.showPackingList) {
					_push(`<button type="button" class="link -m-2 p-2">`);
					_push(ssrRenderComponent(_component_Icon, {
						name: "archive",
						class: "size-5"
					}, null, _parent));
					_push(`</button>`);
				} else _push(`<!---->`);
				if (__props.editRow && _ctx.$can(typeConfig.value.permission)) {
					_push(`<button type="button" class="link -m-2 p-2">`);
					_push(ssrRenderComponent(_component_Icon, {
						name: "edit-o",
						class: "size-5"
					}, null, _parent));
					_push(`</button>`);
				} else _push(`<!---->`);
				_push(`</span><div class="border-b border-gray-200 px-4 py-4 sm:px-6 dark:border-gray-700 print:hidden"><div class="sm:flex sm:items-baseline sm:justify-between"><div class="sm:w-0 sm:flex-1"><h1 class="text-focus text-base font-semibold">${ssrInterpolate(typeConfig.value.label)} #${ssrInterpolate(__props.record?.id)} (${ssrInterpolate(__props.record?.reference)})</h1><p class="text-mute mt-1 truncate text-sm">${ssrInterpolate(_ctx.$t("Please view the details below"))}</p></div></div></div><!--]-->`);
			} else _push(`<!---->`);
			_push(`<div class="mb-9">`);
			ssrRenderSlot(_ctx.$slots, "alerts", {}, null, _push, _parent);
			_push(`</div><div class="bg-gray-800 px-6 py-5 text-white dark:bg-gray-950"><div class="flex items-center justify-between"><div class="flex items-center gap-4"><div class="max-h-14 max-w-[200px]">`);
			if (__props.record.store?.logo) _push(`<img class="h-14 max-w-full brightness-0 invert"${ssrRenderAttr("src", __props.record.store.logo)}${ssrRenderAttr("alt", __props.record.store.name)}>`);
			else {
				_push(`<!--[-->`);
				if (_ctx.$page.props.settings?.logo) _push(`<img${ssrRenderAttr("alt", _ctx.$page.props.settings?.name)}${ssrRenderAttr("src", _ctx.$page.props.settings?.logo)} class="h-14 max-w-full brightness-0 invert dark:hidden print:block! print:brightness-100! print:invert-0!">`);
				else _push(`<!---->`);
				if (_ctx.$page.props.settings?.logo_dark) _push(`<img${ssrRenderAttr("alt", _ctx.$page.props.settings?.name)}${ssrRenderAttr("src", _ctx.$page.props.settings?.logo_dark)} class="hidden h-14 max-w-full brightness-0 invert dark:block print:hidden!">`);
				else _push(`<!---->`);
				_push(`<!--]-->`);
			}
			_push(`</div>`);
			if (!__props.record.store?.logo && !_ctx.$page.props.settings?.logo) _push(`<div class="text-xl font-bold">${ssrInterpolate(__props.record.store?.name || _ctx.$page.props.settings?.name)}</div>`);
			else _push(`<!---->`);
			_push(`</div><div class="text-end"><div class="text-3xl font-black tracking-wider uppercase">${ssrInterpolate(typeConfig.value.label)}</div><div class="mt-1 text-sm text-gray-300 print:text-gray-300!">${ssrInterpolate(typeConfig.value.noLabel)} ${ssrInterpolate(__props.record.id)}</div></div></div></div><div class="${ssrRenderClass([__props.record.due_date ? "sm:grid-cols-4" : "sm:grid-cols-3", "grid grid-cols-2 gap-px bg-gray-200 pb-px text-sm dark:bg-gray-700 print:bg-gray-200!"])}"><div class="bg-white px-4 py-3 dark:bg-gray-800"><div class="text-xs font-semibold text-gray-500 uppercase dark:text-gray-400 print:text-gray-500!">${ssrInterpolate(_ctx.$t("Date"))}</div><div class="mt-0.5 font-semibold">${ssrInterpolate(_ctx.$date(__props.record.date || __props.record.created_at))}</div></div><div class="bg-white px-4 py-3 dark:bg-gray-800"><div class="text-xs font-semibold text-gray-500 uppercase dark:text-gray-400 print:text-gray-500!">${ssrInterpolate(_ctx.$t("Reference"))}</div><div class="mt-0.5 truncate font-semibold">${ssrInterpolate(__props.record.reference)}</div></div>`);
			if (__props.record.due_date) _push(`<div class="bg-white px-4 py-3 dark:bg-gray-800"><div class="text-xs font-semibold text-gray-500 uppercase dark:text-gray-400 print:text-gray-500!">${ssrInterpolate(_ctx.$t("Due Date"))}</div><div class="mt-0.5 font-semibold">${ssrInterpolate(_ctx.$date(__props.record.due_date))}</div></div>`);
			else _push(`<!---->`);
			if (typeConfig.value.showPrices !== false) _push(`<div class="bg-white px-4 py-3 dark:bg-gray-800"><div class="text-xs font-semibold text-gray-500 uppercase dark:text-gray-400 print:text-gray-500!">${ssrInterpolate(_ctx.$t("Amount Due"))}</div><div class="mt-0.5 font-bold text-gray-900 dark:text-white">${ssrInterpolate(_ctx.$currency(__props.record.grand_total || __props.record.amount || 0))}</div></div>`);
			else _push(`<!---->`);
			_push(`</div><div class="px-6 py-6 print:py-4">`);
			if (__props.type == "sale") {
				_push(`<div class="mb-4 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.sale_header) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.sale_header)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "purchase") {
				_push(`<div class="mb-4 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.purchase_header) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.purchase_header)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "payment") {
				_push(`<div class="mb-4 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.payment_header) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.payment_header)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "quotation") {
				_push(`<div class="mb-4 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.quotation_header) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.quotation_header)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else _push(`<!---->`);
			_push(`<div class="mb-6 flex flex-wrap items-start justify-between gap-4 text-sm"><div><div class="font-semibold">${ssrInterpolate(__props.record.store?.name)}</div><div class="text-gray-500 dark:text-gray-400">${ssrInterpolate(_ctx.$address(__props.record.store))}</div>`);
			if (__props.record.store?.phone) _push(`<div class="text-gray-500 dark:text-gray-400">${ssrInterpolate(_ctx.$t("Phone"))}: ${ssrInterpolate(__props.record.store.phone)}</div>`);
			else _push(`<!---->`);
			if (__props.record.store?.email) _push(`<div class="text-gray-500 dark:text-gray-400">${ssrInterpolate(_ctx.$t("Email"))}: ${ssrInterpolate(__props.record.store.email)}</div>`);
			else _push(`<!---->`);
			_push(`</div>`);
			if (__props.qrUrl) _push(`<div class="flex items-center gap-4"><div class="bc-image h-[70px] overflow-hidden"><svg class="barcode"${ssrRenderAttr("jsbarcode-width", 1)}${ssrRenderAttr("jsbarcode-margin", 5)}${ssrRenderAttr("jsbarcode-height", 60)}${ssrRenderAttr("jsbarcode-fontsize", 11)}${ssrRenderAttr("jsbarcode-textmargin", 3)} jsbarcode-format="CODE128" jsbarcode-fontoptions="bold"${ssrRenderAttr("jsbarcode-displayvalue", false)}${ssrRenderAttr("jsbarcode-value", __props.record.reference)}></svg></div><div class="qr-image qrcode h-[70px] overflow-hidden">${qrcode.value ?? ""}</div></div>`);
			else _push(`<!---->`);
			_push(`</div>`);
			if (person.value) {
				_push(`<div class="mb-6 grid gap-4 text-sm sm:grid-cols-2"><div class="rounded-sm border border-gray-200 p-4 dark:border-gray-700"><div class="mb-2 text-xs font-bold tracking-wider text-gray-500 uppercase dark:text-gray-400 print:text-gray-500!">${ssrInterpolate(typeConfig.value.personLabel)}</div><div class="text-base font-semibold">${ssrInterpolate(person.value.company || person.value.name)}</div><div>${ssrInterpolate(_ctx.$address(person.value))}</div>`);
				if (person.value.phone) _push(`<div>${ssrInterpolate(_ctx.$t("Phone"))}: ${ssrInterpolate(person.value.phone)}</div>`);
				else _push(`<!---->`);
				if (person.value.email) _push(`<div>${ssrInterpolate(_ctx.$t("Email"))}: ${ssrInterpolate(person.value.email)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
				if (typeConfig.value.showAddress && __props.record.address) {
					_push(`<div class="rounded-sm border border-gray-200 p-4 dark:border-gray-700"><div class="mb-2 text-xs font-bold tracking-wider text-gray-500 uppercase dark:text-gray-400 print:text-gray-500!">${ssrInterpolate(typeConfig.value.addressLabel || _ctx.$t("Ship To"))}</div><div class="text-base font-semibold">${ssrInterpolate(__props.record.address.company || __props.record.address.name)}</div><div>${ssrInterpolate(_ctx.$address(__props.record.address))}</div>`);
					if (__props.record.address.phone) _push(`<div>${ssrInterpolate(_ctx.$t("Phone"))}: ${ssrInterpolate(__props.record.address.phone)}</div>`);
					else _push(`<!---->`);
					if (__props.record.address.email) _push(`<div>${ssrInterpolate(_ctx.$t("Email"))}: ${ssrInterpolate(__props.record.address.email)}</div>`);
					else _push(`<!---->`);
					_push(`</div>`);
				} else _push(`<!---->`);
				_push(`</div>`);
			} else _push(`<!---->`);
			_push(`<div class="mb-6">`);
			ssrRenderSlot(_ctx.$slots, "content", {
				record: __props.record,
				typeConfig: typeConfig.value
			}, null, _push, _parent);
			_push(`</div>`);
			if (typeConfig.value.showItems && __props.record.items) {
				_push(`<table class="w-full text-sm"><thead><tr class="border-b-2 border-gray-800 dark:border-gray-200 print:border-gray-800!"><th class="py-2 pe-3 text-end font-bold uppercase">#</th><th class="py-2 pe-3 text-start font-bold uppercase">${ssrInterpolate(_ctx.$t("Description"))}</th>`);
				if (typeConfig.value.showPrices !== false) _push(`<th class="w-[120px] py-2 pe-3 text-end font-bold whitespace-nowrap uppercase">${ssrInterpolate(unref(page).props.settings.show_tax == 1 ? _ctx.$t("Price") : _ctx.$t("Unit Price"))}</th>`);
				else _push(`<!---->`);
				_push(`<th class="w-[80px] py-2 pe-3 text-center font-bold uppercase">${ssrInterpolate(_ctx.$t("Qty"))}</th>`);
				if (typeConfig.value.showPrices !== false) {
					_push(`<!--[-->`);
					if (unref(page).props.settings.show_discount == 1) _push(`<th class="w-[80px] py-2 pe-3 text-end font-bold uppercase">${ssrInterpolate(_ctx.$t("Discount"))}</th>`);
					else _push(`<!---->`);
					if (unref(page).props.settings.show_tax == 1) _push(`<th class="w-[80px] py-2 pe-3 text-end font-bold uppercase">${ssrInterpolate(_ctx.$t("Tax"))}</th>`);
					else _push(`<!---->`);
					_push(`<th class="w-[120px] py-2 text-end font-bold uppercase">${ssrInterpolate(_ctx.$t("Total"))}</th><!--]-->`);
				} else _push(`<!---->`);
				_push(`</tr></thead><!--[-->`);
				ssrRenderList(__props.record.items, (item, index) => {
					_push(`<!--[-->`);
					if (item.variations && item.variations.length) {
						_push(`<tbody><tr class="${ssrRenderClass(index % 2 === 0 ? "bg-gray-50 dark:bg-gray-800/50" : "")}"><td class="py-2 pe-3 text-end text-gray-500">${ssrInterpolate(index + 1)}</td><td class="py-2 pe-3"><div class="flex items-center gap-2">`);
						if (item.product && unref(page).props.settings.show_image == 1) {
							_push(`<!--[-->`);
							if (item.product.photo) _push(`<img class="h-8 w-8 rounded-xs"${ssrRenderAttr("src", item.product.photo)} alt="Product Image">`);
							else _push(`<img class="me-2 h-8 w-8 rounded-xs" src="img/no-image.png" alt="No Image">`);
							_push(`<!--]-->`);
						} else _push(`<!---->`);
						_push(`<div><div class="font-medium">${ssrInterpolate(item.product?.name || "")}</div>`);
						if (item.comment) _push(`<div class="text-xs text-gray-500">${ssrInterpolate(item.comment)}</div>`);
						else _push(`<!---->`);
						if (item.batch_no || item.expiry_date) {
							_push(`<div class="flex items-center gap-4 text-xs font-bold">`);
							if (item.batch_no) _push(`<div><span class="text-mute">${ssrInterpolate(_ctx.$t("Batch"))}:</span> ${ssrInterpolate(item.batch_no)}</div>`);
							else _push(`<!---->`);
							if (item.expiry_date) _push(`<div><span class="text-mute">${ssrInterpolate(_ctx.$t("Expiry"))}:</span> ${ssrInterpolate(item.expiry_date)}</div>`);
							else _push(`<!---->`);
							_push(`</div>`);
						} else _push(`<!---->`);
						if (item.serials && item.serials.length) _push(`<div class="text-xs"><span class="text-mute font-bold">${ssrInterpolate(_ctx.$t("Serials"))}:</span> ${ssrInterpolate(item.serials.map((s) => s.number).join(", "))}</div>`);
						else _push(`<!---->`);
						_push(`</div></div></td>`);
						if (typeConfig.value.showPrices !== false) _push(`<td class="py-2 pe-3"></td>`);
						else _push(`<!---->`);
						_push(`<td class="py-2 pe-3 text-center"></td>`);
						if (typeConfig.value.showPrices !== false) {
							_push(`<!--[-->`);
							if (unref(page).props.settings.show_discount == 1) _push(`<td class="py-2 pe-3"></td>`);
							else _push(`<!---->`);
							if (unref(page).props.settings.show_tax == 1) _push(`<td class="py-2 pe-3"></td>`);
							else _push(`<!---->`);
							_push(`<td class="py-2"></td><!--]-->`);
						} else _push(`<!---->`);
						_push(`</tr><!--[-->`);
						ssrRenderList(item.variations, (variation) => {
							_push(`<tr class="${ssrRenderClass(index % 2 === 0 ? "bg-gray-50 dark:bg-gray-800/50" : "")}"><td class="py-2 pe-3"></td><td class="py-2 ps-6 pe-3 text-gray-600 dark:text-gray-300">${ssrInterpolate(_ctx.$meta(variation.meta))}</td>`);
							if (typeConfig.value.showPrices !== false) _push(`<td class="py-2 pe-3 text-end">${ssrInterpolate(_ctx.$number(variation.pivot[typeConfig.value.priceField]))}</td>`);
							else _push(`<!---->`);
							_push(`<td class="py-2 pe-3 text-center">${ssrInterpolate(_ctx.$number_qty(variation.pivot.quantity))}${ssrInterpolate(variation.pivot?.unit?.code || "")}</td>`);
							if (typeConfig.value.showPrices !== false) {
								_push(`<!--[-->`);
								if (unref(page).props.settings.show_discount == 1) _push(`<td class="py-2 pe-3 text-end">${ssrInterpolate(_ctx.$number(variation.pivot.discount_amount))}</td>`);
								else _push(`<!---->`);
								if (unref(page).props.settings.show_tax == 1) _push(`<td class="py-2 pe-3 text-end">${ssrInterpolate(_ctx.$number(variation.pivot.tax_amount))}</td>`);
								else _push(`<!---->`);
								_push(`<td class="py-2 text-end font-bold">${ssrInterpolate(_ctx.$number(variation.pivot.total))}</td><!--]-->`);
							} else _push(`<!---->`);
							_push(`</tr>`);
						});
						_push(`<!--]--></tbody>`);
					} else {
						_push(`<tbody><tr class="${ssrRenderClass(index % 2 === 0 ? "bg-gray-50 dark:bg-gray-800/50" : "")}"><td class="py-2 pe-3 text-end text-gray-500">${ssrInterpolate(index + 1)}</td><td class="py-2 pe-3"><div class="flex items-center gap-2">`);
						if (item.product && unref(page).props.settings.show_image == 1) {
							_push(`<!--[-->`);
							if (item.product.photo) _push(`<img class="h-8 w-8 rounded-xs"${ssrRenderAttr("src", item.product.photo)} alt="Product Image">`);
							else _push(`<img class="me-2 h-8 w-8 rounded-xs" src="img/no-image.png" alt="No Image">`);
							_push(`<!--]-->`);
						} else _push(`<!---->`);
						_push(`<div><div class="font-medium">${ssrInterpolate(item.product?.name || "")}</div>`);
						if (item.comment) _push(`<div class="${ssrRenderClass(item.product?.name ? "text-xs text-gray-500" : "")}">${ssrInterpolate(item.comment)}</div>`);
						else _push(`<!---->`);
						if (item.batch_no || item.expiry_date) {
							_push(`<div class="flex items-center gap-4 text-xs font-bold">`);
							if (item.batch_no) _push(`<div><span class="text-mute">${ssrInterpolate(_ctx.$t("Batch"))}:</span> ${ssrInterpolate(item.batch_no)}</div>`);
							else _push(`<!---->`);
							if (item.expiry_date) _push(`<div><span class="text-mute">${ssrInterpolate(_ctx.$t("Expiry"))}:</span> ${ssrInterpolate(item.expiry_date)}</div>`);
							else _push(`<!---->`);
							_push(`</div>`);
						} else _push(`<!---->`);
						if (item.serials && item.serials.length) _push(`<div class="text-xs"><span class="text-mute font-bold">${ssrInterpolate(_ctx.$t("Serials"))}:</span> ${ssrInterpolate(item.serials.map((s) => s.number).join(", "))}</div>`);
						else _push(`<!---->`);
						_push(`</div></div></td>`);
						if (typeConfig.value.showPrices !== false) _push(`<td class="py-2 pe-3 text-end">${ssrInterpolate(_ctx.$number(item[typeConfig.value.priceField]))}</td>`);
						else _push(`<!---->`);
						_push(`<td class="py-2 pe-3 text-center">${ssrInterpolate(_ctx.$number_qty(item.quantity))}${ssrInterpolate(item.unit?.code || "")}</td>`);
						if (typeConfig.value.showPrices !== false) {
							_push(`<!--[-->`);
							if (unref(page).props.settings.show_discount == 1) _push(`<td class="py-2 pe-3 text-end">${ssrInterpolate(_ctx.$number(item.discount_amount))}</td>`);
							else _push(`<!---->`);
							if (unref(page).props.settings.show_tax == 1) _push(`<td class="py-2 pe-3 text-end">${ssrInterpolate(_ctx.$number(item.tax_amount))}</td>`);
							else _push(`<!---->`);
							_push(`<td class="py-2 text-end font-bold">${ssrInterpolate(_ctx.$number(item.total))}</td><!--]-->`);
						} else _push(`<!---->`);
						_push(`</tr></tbody>`);
					}
					_push(`<!--]-->`);
				});
				_push(`<!--]-->`);
				if (typeConfig.value.showPrices !== false) {
					_push(`<tfoot class="break-inside-avoid border-t-2 border-gray-800 dark:border-gray-200 print:border-gray-800!">`);
					if (unref(page).props.settings.show_discount == 1 && Number(__props.record.total_discount_amount) > 0) _push(`<tr><th${ssrRenderAttr("colspan", colspan.value)} class="py-1 pe-3 text-end font-semibold text-gray-500">${ssrInterpolate(_ctx.$t("Discount"))}</th><th class="py-1 text-end">${ssrInterpolate(_ctx.$currency(__props.record.total_discount_amount))}</th></tr>`);
					else _push(`<!---->`);
					if (_ctx.$decimal(__props.record.total_tax_amount, true) > 0 || unref(page).props.settings.show_tax == 1) _push(`<!--[--><tr><th${ssrRenderAttr("colspan", colspan.value)} class="py-1 pe-3 text-end font-semibold text-gray-500">${ssrInterpolate(_ctx.$t("Subtotal"))}</th><th class="py-1 text-end">${ssrInterpolate(_ctx.$currency(__props.record.subtotal))}</th></tr><tr><th${ssrRenderAttr("colspan", colspan.value)} class="py-1 pe-3 text-end font-semibold text-gray-500">${ssrInterpolate(_ctx.$t("Tax"))}</th><th class="py-1 text-end">${ssrInterpolate(_ctx.$currency(__props.record.total_tax_amount))}</th></tr><!--]-->`);
					else if (unref(page).props.settings.show_zero_taxes == 1) _push(`<tr><th${ssrRenderAttr("colspan", colspan.value)} class="pe-3 pt-2 pb-1 text-end font-semibold text-gray-500">${ssrInterpolate(_ctx.$t("Tax"))}</th><th class="pt-2 pb-1 text-end">${ssrInterpolate(_ctx.$currency(__props.record.total_tax_amount))}</th></tr>`);
					else _push(`<!---->`);
					_push(`<tr class=""><th${ssrRenderAttr("colspan", colspan.value)} class="py-2 pe-3 text-end text-lg font-black">${ssrInterpolate(_ctx.$t("Total"))}</th><th class="py-2 text-end text-lg font-black">${ssrInterpolate(_ctx.$currency(__props.record.grand_total))}</th></tr>`);
					if ((__props.type === "sale" || __props.type === "purchase") && __props.record.return_orders && __props.record.return_orders.length > 0) {
						_push(`<!--[--><!--[-->`);
						ssrRenderList(__props.record.return_orders, (returnOrder) => {
							_push(`<tr><th${ssrRenderAttr("colspan", colspan.value)} class="pe-3 pt-2 pb-1 text-end text-gray-500">${ssrInterpolate(_ctx.$t("Return"))}: ${ssrInterpolate(returnOrder.reference)}</th><th class="pt-2 pb-1 text-end whitespace-nowrap text-red-600 dark:text-red-400"> -${ssrInterpolate(_ctx.$currency(returnOrder.grand_total))}</th></tr>`);
						});
						_push(`<!--]--><!--[-->`);
						ssrRenderList(__props.record.return_orders.filter((r) => Number(r.return_payment_amount) > 0), (returnOrder) => {
							_push(`<tr><th${ssrRenderAttr("colspan", colspan.value)} class="pe-3 pt-2 pb-1 text-end text-gray-500">${ssrInterpolate(_ctx.$t("Return Payment"))} (${ssrInterpolate(returnOrder.return_payment_method)}) </th><th class="pt-2 pb-1 text-end text-red-600 dark:text-red-400">-${ssrInterpolate(_ctx.$currency(returnOrder.return_payment_amount))}</th></tr>`);
						});
						_push(`<!--]--><!--]-->`);
					} else _push(`<!---->`);
					if (typeConfig.value.showPaid) _push(`<tr><th${ssrRenderAttr("colspan", colspan.value)} class="py-1 pe-3 text-end font-semibold text-gray-500">${ssrInterpolate(_ctx.$t("Paid"))}</th><th class="py-1 text-end">${ssrInterpolate(_ctx.$currency(__props.record.paid - (__props.record.return_orders?.reduce((sum, r) => sum + Number(r.return_payment_amount), 0) || 0)))}</th></tr>`);
					else _push(`<!---->`);
					if (typeConfig.value.showBalance) _push(`<tr><th${ssrRenderAttr("colspan", colspan.value)} class="py-1 pe-3 text-end text-lg font-black">${ssrInterpolate(_ctx.$t("Balance"))}</th><th class="py-1 text-end text-lg font-black">${ssrInterpolate(_ctx.$currency(__props.record.grand_total - __props.record.paid + (__props.record.return_orders?.reduce((sum, r) => sum + Number(r.return_payment_amount), 0) || 0) - (__props.record.return_orders?.reduce((sum, r) => sum + Number(r.grand_total), 0) || 0)))}</th></tr>`);
					else _push(`<!---->`);
					_push(`</tfoot>`);
				} else _push(`<tfoot><tr class="border-t-2 border-gray-800 dark:border-gray-200 print:border-gray-800!"><td colspan="2" class="py-2 pe-3 text-end font-bold">${ssrInterpolate(_ctx.$t("Total Quantity"))}</td><td class="py-2 text-center font-bold">${ssrInterpolate(_ctx.$number_qty(__props.record.items.reduce((a, i) => Number(i.quantity) + a, 0)))}</td></tr></tfoot>`);
				_push(`</table>`);
			} else _push(`<!---->`);
			_push(`<div class="-mx-4">`);
			ssrRenderSlot(_ctx.$slots, "amount", { record: __props.record }, null, _push, _parent);
			_push(`</div>`);
			_push(ssrRenderComponent(unref(_sfc_main$10), {
				modal: false,
				fields: __props.custom_fields,
				title: _ctx.$t("Custom Fields"),
				extra_attributes: __props.record.extra_attributes
			}, null, _parent));
			if (__props.record.details) _push(`<div class="mt-6 border-t border-gray-200 pt-4 text-sm dark:border-gray-700">${ssrInterpolate(__props.record.details)}</div>`);
			else _push(`<!---->`);
			if (__props.type == "sale") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.sale_footer) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.sale_footer)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "purchase") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.purchase_footer) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.purchase_footer)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "payment") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.payment_footer) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.payment_footer)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "quotation") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.quotation_footer) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.quotation_footer)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else _push(`<!---->`);
			if (__props.record.attachments && __props.record.attachments.length) {
				_push(`<div class="mt-8 w-full py-2 print:hidden">`);
				_push(ssrRenderComponent(unref(_sfc_main$37), { attachments: __props.record.attachments }, null, _parent));
				_push(`</div>`);
			} else _push(`<!---->`);
			_push(`</div>`);
			if (typeConfig.value.showPayments && __props.record.payments && __props.record.payments.length) {
				_push(`<div class="mx-6 mb-6 rounded-sm border border-gray-200 dark:border-gray-700 print:hidden"><h4 class="border-b border-gray-200 px-4 py-2 text-base font-extrabold dark:border-gray-700">${ssrInterpolate(_ctx.$t("Payments"))}</h4><div class="overflow-x-auto py-1"><table class="w-full divide-y divide-gray-200 text-sm dark:divide-gray-700"><thead><tr><th class="w-[140px] p-2 text-start font-bold uppercase">${ssrInterpolate(_ctx.$t("Date"))}</th><th class="p-2 text-start font-bold uppercase">${ssrInterpolate(_ctx.$t("Reference"))}</th><th class="w-[100px] p-2 text-start font-bold uppercase">${ssrInterpolate(_ctx.$t("Method"))}</th><th class="w-[120px] p-2 text-center font-bold uppercase">${ssrInterpolate(_ctx.$t("Amount"))}</th></tr></thead><tbody><!--[-->`);
				ssrRenderList(__props.record.payments, (p) => {
					_push(`<tr><td class="p-2 whitespace-nowrap">${ssrInterpolate(_ctx.$date(p.date))}</td><td class="p-2">${ssrInterpolate(p.reference)}</td><td class="p-2 whitespace-nowrap">${ssrInterpolate(_ctx.$t(p.method))}</td><td class="p-2 text-end">${ssrInterpolate(_ctx.$currency(p.amount))}</td></tr>`);
				});
				_push(`<!--]--></tbody></table></div></div>`);
			} else _push(`<!---->`);
			if (__props.showPackingList) _push(ssrRenderComponent(unref(_sfc_main$52), {
				show: packing.value,
				"max-width": "2xl",
				onClose: ($event) => packing.value = false,
				class: "modal-2"
			}, {
				default: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) _push(ssrRenderComponent(_sfc_main$8, {
						record: __props.record,
						type: __props.type
					}, null, _parent, _scopeId));
					else return [createVNode(_sfc_main$8, {
						record: __props.record,
						type: __props.type
					}, null, 8, ["record", "type"])];
				}),
				_: 1
			}, _parent));
			else _push(`<!---->`);
			_push(`</div>`);
		};
	}
};
var _sfc_setup$6 = _sfc_main$6.setup;
_sfc_main$6.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Templates/TemplateFour.vue");
	return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Templates/TemplateMinimal.vue
var _sfc_main$5 = {
	__name: "TemplateMinimal",
	__ssrInlineRender: true,
	props: {
		record: {
			type: Object,
			required: true
		},
		type: {
			type: String,
			required: true
		},
		xfetch: {
			type: Boolean,
			default: false
		},
		editRow: {
			type: Function,
			default: null
		}
	},
	setup(__props) {
		const { t } = useI18n();
		const props = __props;
		const typeConfig = computed(() => {
			const configs = {
				sale: {
					label: t("Sale"),
					noLabel: t("{x} No.", { x: t("Sale") }),
					permission: "update-sales",
					personLabel: t("Sell To"),
					showPerson: true,
					personField: "customer",
					showAddress: true,
					showItems: true,
					showPayments: true,
					showPaid: true,
					showBalance: true,
					priceField: "price"
				},
				quotation: {
					label: t("Quotation"),
					noLabel: t("{x} No.", { x: t("Quotation") }),
					permission: "update-quotations",
					personLabel: t("Quote To"),
					showPerson: true,
					personField: "customer",
					showAddress: true,
					showItems: true,
					showPayments: false,
					showPaid: false,
					showBalance: false,
					priceField: "price"
				},
				purchase: {
					label: t("Purchase"),
					noLabel: t("{x} No.", { x: t("Purchase") }),
					permission: "update-purchases",
					personLabel: t("Purchase From"),
					showPerson: true,
					personField: "supplier",
					showAddress: false,
					showItems: true,
					showPayments: true,
					showPaid: true,
					showBalance: true,
					priceField: "cost"
				},
				payment: {
					label: t("Payment"),
					noLabel: t("{x} No.", { x: t("Payment") }),
					permission: "update-payments",
					personLabel: t("From"),
					showPerson: true,
					personField: "customer",
					showAddress: false,
					showItems: false,
					showPayments: false,
					showPaid: false,
					showBalance: false
				},
				expense: {
					label: t("Expense"),
					noLabel: t("{x} No.", { x: t("Expense") }),
					permission: "update-expenses",
					personLabel: t("Order To"),
					showPerson: true,
					personField: "supplier",
					showAddress: false,
					showItems: false,
					showPayments: false,
					showPaid: false,
					showBalance: false
				},
				transfer: {
					label: t("Transfer"),
					noLabel: t("{x} No.", { x: t("Transfer") }),
					permission: "update-transfers",
					personLabel: t("Transfer To"),
					showPerson: true,
					personField: "to_store",
					showAddress: false,
					showItems: true,
					showPayments: false,
					showPaid: false,
					showBalance: false,
					showPrices: false
				},
				adjustment: {
					label: t("Adjustment"),
					noLabel: t("{x} No.", { x: t("Adjustment") }),
					permission: "update-adjustments",
					showPerson: false,
					showAddress: false,
					showItems: true,
					showPayments: false,
					showPaid: false,
					showBalance: false,
					showPrices: false
				},
				return_order: {
					label: t("Return Order"),
					noLabel: t("{x} No.", { x: t("Return Order") }),
					permission: "update-return-orders",
					personLabel: props.record?.type === "Purchase" ? t("Returned To") : t("Returned From"),
					showPerson: true,
					personField: props.record?.type === "Purchase" ? "supplier" : "customer",
					showAddress: false,
					showItems: true,
					showPayments: false,
					showPaid: false,
					showBalance: false,
					priceField: props.record?.type === "Purchase" ? "cost" : "price"
				},
				delivery: {
					label: t("Delivery"),
					noLabel: t("{x} No.", { x: t("Delivery Order") }),
					permission: "update-deliveries",
					personLabel: t("Deliver To"),
					showPerson: true,
					personField: "customer",
					showAddress: true,
					showItems: false,
					showPayments: false,
					showPaid: false,
					showBalance: false
				}
			};
			return configs[props.type] || configs.sale;
		});
		const person = computed(() => {
			if (!typeConfig.value.showPerson || !typeConfig.value.personField) return null;
			return props.record[typeConfig.value.personField];
		});
		return (_ctx, _push, _parent, _attrs) => {
			const _component_Icon = resolveComponent("Icon");
			_push(`<div${ssrRenderAttrs(mergeProps({ class: "font-mono text-sm" }, _attrs))}>`);
			if (!__props.xfetch) {
				_push(`<!--[--><span class="absolute end-12 top-4 inline-flex items-center gap-x-4 sm:end-14 print:hidden"><button type="button" class="link -m-2 p-2">`);
				_push(ssrRenderComponent(_component_Icon, {
					name: "print-o",
					class: "size-5"
				}, null, _parent));
				_push(`</button>`);
				if (__props.editRow && _ctx.$can(typeConfig.value.permission)) {
					_push(`<button type="button" class="link -m-2 p-2">`);
					_push(ssrRenderComponent(_component_Icon, {
						name: "edit-o",
						class: "size-5"
					}, null, _parent));
					_push(`</button>`);
				} else _push(`<!---->`);
				_push(`</span><div class="border-b border-gray-200 px-4 py-4 sm:px-6 dark:border-gray-700 print:hidden"><div class="sm:flex sm:items-baseline sm:justify-between"><div class="sm:w-0 sm:flex-1"><h1 class="text-focus text-base font-semibold">${ssrInterpolate(typeConfig.value.label)} #${ssrInterpolate(__props.record?.id)} (${ssrInterpolate(__props.record?.reference)})</h1><p class="text-mute mt-1 truncate text-sm">${ssrInterpolate(_ctx.$t("Please view the details below"))}</p></div></div></div><!--]-->`);
			} else _push(`<!---->`);
			_push(`<div class="mx-auto mb-1 max-h-16 max-w-60 px-4">`);
			if (__props.record.store?.logo) _push(`<img class="h-16 max-w-full"${ssrRenderAttr("src", __props.record.store.logo)}${ssrRenderAttr("alt", __props.record.store.name)}>`);
			else {
				_push(`<!--[-->`);
				if (_ctx.$page.props.settings?.logo) _push(`<img${ssrRenderAttr("alt", _ctx.$page.props.settings?.name)}${ssrRenderAttr("src", _ctx.$page.props.settings?.logo)} class="h-16 max-w-full dark:hidden print:block!">`);
				else _push(`<!---->`);
				if (_ctx.$page.props.settings?.logo_dark) _push(`<img${ssrRenderAttr("alt", _ctx.$page.props.settings?.name)}${ssrRenderAttr("src", _ctx.$page.props.settings?.logo_dark)} class="hidden h-16 max-w-full dark:block print:hidden!">`);
				else _push(`<!---->`);
				_push(`<!--]-->`);
			}
			_push(`</div><div class="px-4 py-2 text-center"><div class="text-sm font-bold">${ssrInterpolate(__props.record.store?.name)}</div><div>${ssrInterpolate(_ctx.$address(__props.record.store))}</div>`);
			if (__props.record.store?.phone) _push(`<div>${ssrInterpolate(_ctx.$t("Phone"))}: ${ssrInterpolate(__props.record.store.phone)}</div>`);
			else _push(`<!---->`);
			if (__props.record.store?.email) _push(`<div>${ssrInterpolate(_ctx.$t("Email"))}: ${ssrInterpolate(__props.record.store.email)}</div>`);
			else _push(`<!---->`);
			_push(`</div><div class="border-t border-dashed border-gray-400 px-4 py-2 dark:border-gray-600"><div class="flex justify-between"><span>${ssrInterpolate(typeConfig.value.noLabel)}:</span><span>#${ssrInterpolate(__props.record.id)}</span></div><div class="flex justify-between"><span>${ssrInterpolate(_ctx.$t("Ref"))}:</span><span>${ssrInterpolate(__props.record.reference)}</span></div><div class="flex justify-between"><span>${ssrInterpolate(_ctx.$t("Date"))}:</span><span>${ssrInterpolate(_ctx.$date(__props.record.date || __props.record.created_at))}</span></div></div>`);
			if (__props.type == "sale") {
				_push(`<div class="mb-4 pt-4 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.sale_header) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.sale_header)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "purchase") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.purchase_header) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.purchase_header)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "payment") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.payment_header) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.payment_header)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "quotation") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.quotation_header) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.quotation_header)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else _push(`<!---->`);
			if (person.value) {
				_push(`<div class="flex w-full gap-6 px-4 py-4"><div class=""><h2 class="mb-1 text-xs font-bold">${ssrInterpolate(typeConfig.value.personLabel)}</h2><div class="font-semibold">${ssrInterpolate(person.value.company || person.value.name)}</div>`);
				if (person.value.company) _push(`<div class="font-semibold">${ssrInterpolate(_ctx.$t("Attn"))}: ${ssrInterpolate(person.value.name)}</div>`);
				else _push(`<!---->`);
				_push(`<div class="text-sm">${ssrInterpolate(_ctx.$address(person.value))}</div>`);
				if (person.value.phone) _push(`<div class="text-sm">${ssrInterpolate(_ctx.$t("Phone"))}: ${ssrInterpolate(person.value.phone)}</div>`);
				else _push(`<!---->`);
				if (person.value.email) _push(`<div class="text-sm">${ssrInterpolate(_ctx.$t("Email"))}: ${ssrInterpolate(person.value.email)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
				if (typeConfig.value.showAddress && __props.record.address) {
					_push(`<div><h2 class="mb-1 text-xs font-bold">${ssrInterpolate(_ctx.$t("Ship To"))}</h2><div class="font-semibold">${ssrInterpolate(__props.record.address.company || __props.record.address.name)}</div>`);
					if (__props.record.address.company) _push(`<div class="font-semibold">${ssrInterpolate(_ctx.$t("Attn"))}: ${ssrInterpolate(__props.record.address.name)}</div>`);
					else _push(`<!---->`);
					_push(`<div class="text-sm">${ssrInterpolate(_ctx.$address(__props.record.address))}</div>`);
					if (__props.record.address.phone) _push(`<div class="text-sm">${ssrInterpolate(_ctx.$t("Phone"))}: ${ssrInterpolate(__props.record.address.phone)}</div>`);
					else _push(`<!---->`);
					if (__props.record.address.email) _push(`<div class="text-sm">${ssrInterpolate(_ctx.$t("Email"))}: ${ssrInterpolate(__props.record.address.email)}</div>`);
					else _push(`<!---->`);
					_push(`</div>`);
				} else _push(`<!---->`);
				_push(`</div>`);
			} else _push(`<!---->`);
			ssrRenderSlot(_ctx.$slots, "content", {
				record: __props.record,
				typeConfig: typeConfig.value
			}, null, _push, _parent);
			if (typeConfig.value.showItems && __props.record.items) {
				_push(`<!--[--><div class="border-t border-dashed border-gray-400 px-4 py-2 dark:border-gray-600"><table class="w-full"><thead><tr class="border-b border-dashed border-gray-300 dark:border-gray-600"><th class="py-1 text-start">#</th><th class="py-1 text-start">${ssrInterpolate(_ctx.$t("Item"))}</th><th class="py-1 text-end">${ssrInterpolate(_ctx.$t("Qty"))}</th>`);
				if (typeConfig.value.showPrices !== false) _push(`<!--[--><th class="py-1 text-end">${ssrInterpolate(_ctx.$t("Price"))}</th><th class="py-1 text-end">${ssrInterpolate(_ctx.$t("Total"))}</th><!--]-->`);
				else _push(`<!---->`);
				_push(`</tr></thead><tbody><!--[-->`);
				ssrRenderList(__props.record.items, (item, index) => {
					_push(`<!--[-->`);
					if (item.variations && item.variations.length) {
						_push(`<!--[--><tr><td class="py-0.5">${ssrInterpolate(index + 1)}</td><td colspan="4" class="py-0.5 font-semibold">${ssrInterpolate(item.product?.name || "")}</td></tr>`);
						if (item.serials && item.serials.length) _push(`<tr><td></td><td colspan="4" class="py-0.5 text-xs"><span class="font-bold">${ssrInterpolate(_ctx.$t("Serials"))}:</span> ${ssrInterpolate(item.serials.map((s) => s.number).join(", "))}</td></tr>`);
						else _push(`<!---->`);
						_push(`<!--[-->`);
						ssrRenderList(item.variations, (v) => {
							_push(`<tr><td></td><td class="truncate py-0.5 ps-1">${ssrInterpolate(_ctx.$meta(v.meta))}</td><td class="py-0.5 text-end">${ssrInterpolate(_ctx.$number_qty(v.pivot.quantity))}</td>`);
							if (typeConfig.value.showPrices !== false) _push(`<!--[--><td class="py-0.5 text-end">${ssrInterpolate(_ctx.$number(v.pivot[typeConfig.value.priceField]))}</td><td class="py-0.5 text-end">${ssrInterpolate(_ctx.$number(v.pivot.total))}</td><!--]-->`);
							else _push(`<!---->`);
							_push(`</tr>`);
						});
						_push(`<!--]--><!--]-->`);
					} else {
						_push(`<!--[--><tr><td class="py-0.5">${ssrInterpolate(index + 1)}</td><td class="truncate py-0.5">${ssrInterpolate(item.product?.name || item.comment || "")}</td><td class="py-0.5 text-end">${ssrInterpolate(_ctx.$number_qty(item.quantity))}</td>`);
						if (typeConfig.value.showPrices !== false) _push(`<!--[--><td class="py-0.5 text-end">${ssrInterpolate(_ctx.$number(item[typeConfig.value.priceField]))}</td><td class="py-0.5 text-end">${ssrInterpolate(_ctx.$number(item.total))}</td><!--]-->`);
						else _push(`<!---->`);
						_push(`</tr>`);
						if (item.serials && item.serials.length) _push(`<tr><td></td><td colspan="4" class="py-0.5 text-xs"><span class="font-bold">${ssrInterpolate(_ctx.$t("Serials"))}:</span> ${ssrInterpolate(item.serials.map((s) => s.number).join(", "))}</td></tr>`);
						else _push(`<!---->`);
						_push(`<!--]-->`);
					}
					_push(`<!--]-->`);
				});
				_push(`<!--]--></tbody></table></div><div class="border-t border-dashed border-gray-400 px-4 py-2 dark:border-gray-600">`);
				if (typeConfig.value.showPrices !== false) {
					_push(`<!--[-->`);
					if (_ctx.$decimal(__props.record.total_discount_amount, true) > 0) _push(`<div class="flex justify-end gap-4"><span>${ssrInterpolate(_ctx.$t("Discount"))}:</span><span class="w-20 text-end">${ssrInterpolate(_ctx.$currency(__props.record.total_discount_amount))}</span></div>`);
					else _push(`<!---->`);
					if (_ctx.$decimal(__props.record.total_tax_amount, true) > 0 || _ctx.$page.props.settings.show_tax == 1) _push(`<!--[--><div class="flex justify-end gap-4"><span>${ssrInterpolate(_ctx.$t("Subtotal"))}:</span><span class="w-20 text-end">${ssrInterpolate(_ctx.$currency(__props.record.subtotal))}</span></div><div class="flex justify-end gap-4"><span>${ssrInterpolate(_ctx.$t("Tax"))}:</span><span class="w-20 text-end">${ssrInterpolate(_ctx.$currency(__props.record.total_tax_amount))}</span></div><!--]-->`);
					else _push(`<!---->`);
					_push(`<div class="flex justify-end gap-4 font-bold"><span>${ssrInterpolate(_ctx.$t("Total"))}:</span><span class="w-20 text-end">${ssrInterpolate(_ctx.$currency(__props.record.grand_total))}</span></div>`);
					if ((__props.type === "sale" || __props.type === "purchase") && __props.record.return_orders && __props.record.return_orders.length > 0) {
						_push(`<!--[--><!--[-->`);
						ssrRenderList(__props.record.return_orders, (returnOrder) => {
							_push(`<div class="flex justify-end gap-4"><span>${ssrInterpolate(_ctx.$t("Return"))}: ${ssrInterpolate(returnOrder.reference)}:</span><span class="w-20 text-end whitespace-nowrap text-red-600 dark:text-red-400">-${ssrInterpolate(_ctx.$currency(returnOrder.grand_total))}</span></div>`);
						});
						_push(`<!--]--><!--[-->`);
						ssrRenderList(__props.record.return_orders.filter((r) => Number(r.return_payment_amount) > 0), (returnOrder) => {
							_push(`<div class="flex justify-end gap-4"><span>${ssrInterpolate(_ctx.$t("Return Payment"))} (${ssrInterpolate(returnOrder.return_payment_method)}):</span><span class="w-20 text-end text-red-600 dark:text-red-400">-${ssrInterpolate(_ctx.$currency(returnOrder.return_payment_amount))}</span></div>`);
						});
						_push(`<!--]--><!--]-->`);
					} else _push(`<!---->`);
					if (typeConfig.value.showPaid) _push(`<div class="flex justify-end gap-4"><span>${ssrInterpolate(_ctx.$t("Paid"))}:</span><span class="w-20 text-end">${ssrInterpolate(_ctx.$currency(__props.record.paid - (__props.record.return_orders?.reduce((sum, r) => sum + Number(r.return_payment_amount), 0) || 0)))}</span></div>`);
					else _push(`<!---->`);
					if (typeConfig.value.showBalance) _push(`<div class="flex justify-end gap-4 font-bold"><span>${ssrInterpolate(_ctx.$t("Balance"))}:</span><span class="w-20 text-end">${ssrInterpolate(_ctx.$currency(__props.record.grand_total - __props.record.paid + (__props.record.return_orders?.reduce((sum, r) => sum + Number(r.return_payment_amount), 0) || 0) - (__props.record.return_orders?.reduce((sum, r) => sum + Number(r.grand_total), 0) || 0)))}</span></div>`);
					else _push(`<!---->`);
					_push(`<!--]-->`);
				} else _push(`<div class="flex justify-center gap-4 font-bold"><span>${ssrInterpolate(_ctx.$t("Total Quantity"))}:</span><span class="w-20 text-center">${ssrInterpolate(_ctx.$number_qty(__props.record.items.reduce((a, i) => Number(i.quantity) + a, 0)))}</span></div>`);
				_push(`</div><!--]-->`);
			} else _push(`<!---->`);
			ssrRenderSlot(_ctx.$slots, "amount", { record: __props.record }, null, _push, _parent);
			if (__props.record.details) _push(`<div class="mb-4 px-4 pt-6 text-center text-sm">${ssrInterpolate(__props.record.details)}</div>`);
			else _push(`<!---->`);
			if (__props.type == "sale") {
				_push(`<div class="mb-4 pt-4 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.sale_footer) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.sale_footer)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "purchase") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.purchase_footer) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.purchase_footer)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "payment") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.payment_footer) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.payment_footer)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "quotation") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.quotation_footer) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.quotation_footer)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else _push(`<!---->`);
			if (typeConfig.value.showPayments && __props.record.payments && __props.record.payments.length) {
				_push(`<div class="border-t border-dashed border-gray-400 px-4 py-2 dark:border-gray-600 print:hidden"><div class="mb-1 font-bold">${ssrInterpolate(_ctx.$t("Payments"))}</div><!--[-->`);
				ssrRenderList(__props.record.payments, (p) => {
					_push(`<div class="flex justify-between"><span>${ssrInterpolate(_ctx.$date(p.date))} ${ssrInterpolate(_ctx.$t(p.method))}</span><span>${ssrInterpolate(_ctx.$currency(p.amount))}</span></div>`);
				});
				_push(`<!--]--></div>`);
			} else _push(`<!---->`);
			_push(`</div>`);
		};
	}
};
var _sfc_setup$5 = _sfc_main$5.setup;
_sfc_main$5.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Templates/TemplateMinimal.vue");
	return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Templates/TemplateOne.vue
var _sfc_main$4 = {
	__name: "TemplateOne",
	__ssrInlineRender: true,
	props: {
		record: {
			type: Object,
			required: true
		},
		type: {
			type: String,
			required: true
		},
		custom_fields: {
			type: Array,
			default: () => []
		},
		editRow: {
			type: Function,
			default: null
		},
		xfetch: {
			type: Boolean,
			default: false
		},
		qrUrl: {
			type: String,
			default: null
		},
		showPackingList: {
			type: Boolean,
			default: false
		}
	},
	setup(__props) {
		const { t } = useI18n();
		const page = usePage();
		const props = __props;
		const colspan = ref(4);
		const qrcode = ref(null);
		const packing = ref(false);
		const typeConfig = computed(() => {
			const configs = {
				sale: {
					label: t("Sale"),
					noLabel: t("Sale No. {x}", { x: props.record?.id }),
					permission: "update-sales",
					personLabel: t("Sell To"),
					showPerson: true,
					personField: "customer",
					showAddress: true,
					showItems: true,
					showPayments: true,
					showPaid: true,
					showBalance: true,
					priceField: "price",
					quantityField: "quantity"
				},
				quotation: {
					label: t("Quotation"),
					noLabel: t("Quotation No. {x}", { x: props.record?.id }),
					permission: "update-quotations",
					personLabel: t("Quote To"),
					showPerson: true,
					personField: "customer",
					showAddress: true,
					showItems: true,
					showPayments: false,
					showPaid: false,
					showBalance: false,
					priceField: "price",
					quantityField: "quantity"
				},
				purchase: {
					label: t("Purchase"),
					noLabel: t("Purchase No. {x}", { x: props.record?.id }),
					permission: "update-purchases",
					personLabel: t("Purchase From"),
					showPerson: true,
					personField: "supplier",
					showAddress: false,
					showItems: true,
					showPayments: true,
					showPaid: true,
					showBalance: true,
					priceField: "cost",
					quantityField: "quantity"
				},
				payment: {
					label: t("Payment"),
					noLabel: t("Payment No. {x}", { x: props.record?.id }),
					permission: "update-payments",
					personLabel: t("From"),
					showPerson: true,
					personField: "customer",
					showAddress: false,
					showItems: false,
					showPayments: false,
					showPaid: false,
					showBalance: false
				},
				expense: {
					label: t("Expense"),
					noLabel: t("Expense No. {x}", { x: props.record?.id }),
					permission: "update-expenses",
					personLabel: t("Order To"),
					showPerson: true,
					personField: "supplier",
					showAddress: false,
					showItems: false,
					showPayments: false,
					showPaid: false,
					showBalance: false
				},
				transfer: {
					label: t("Transfer"),
					noLabel: t("Transfer No. {x}", { x: props.record?.id }),
					permission: "update-transfers",
					personLabel: t("Transfer To"),
					showPerson: true,
					personField: "to_store",
					showAddress: false,
					showItems: true,
					showPayments: false,
					showPaid: false,
					showBalance: false,
					showPrices: false,
					quantityField: "quantity"
				},
				adjustment: {
					label: t("Adjustment"),
					noLabel: t("Adjustment No. {x}", { x: props.record?.id }),
					permission: "update-adjustments",
					showPerson: false,
					showAddress: false,
					showItems: true,
					showPayments: false,
					showPaid: false,
					showBalance: false,
					showPrices: false,
					quantityField: "quantity"
				},
				return_order: {
					label: t("Return Order"),
					noLabel: t("Return Order No. {x}", { x: props.record?.id }),
					permission: "update-return-orders",
					personLabel: props.record?.type === "Purchase" ? t("Returned To") : t("Returned From"),
					showPerson: true,
					personField: props.record?.type === "Purchase" ? "supplier" : "customer",
					showAddress: false,
					showItems: true,
					showPayments: false,
					showPaid: false,
					showBalance: false,
					priceField: props.record?.type === "Purchase" ? "cost" : "price",
					quantityField: "quantity"
				},
				delivery: {
					label: t("Delivery"),
					noLabel: t("Delivery Order No. {x}", { x: props.record?.id }),
					permission: "update-deliveries",
					personLabel: t("Deliver To"),
					showPerson: true,
					personField: "customer",
					showAddress: true,
					showItems: false,
					showPayments: false,
					showPaid: false,
					showBalance: false
				}
			};
			return configs[props.type] || configs.sale;
		});
		const person = computed(() => {
			if (!typeConfig.value.showPerson || !typeConfig.value.personField) return null;
			return props.record[typeConfig.value.personField];
		});
		onMounted(async () => {
			if (page.props.settings.show_discount == 1) colspan.value++;
			if (page.props.settings.show_tax == 1) colspan.value++;
			await nextTick();
			if (props.qrUrl) qrcode.value = await generateQR(props.qrUrl);
			JsBarcode(".barcode").init();
		});
		async function generateQR(text) {
			try {
				return await QRCode.toString(text, { type: "svg" });
			} catch (err) {
				console.error(err);
				return `<span class="text-red-500">${err.toString()}</span>`;
			}
		}
		return (_ctx, _push, _parent, _attrs) => {
			const _component_Icon = resolveComponent("Icon");
			_push(`<div${ssrRenderAttrs(_attrs)}>`);
			if (!__props.xfetch) {
				_push(`<!--[--><span class="absolute end-12 top-4 inline-flex items-center gap-x-4 sm:end-14 print:hidden"><button type="button" class="link -m-2 p-2">`);
				_push(ssrRenderComponent(_component_Icon, {
					name: "print-o",
					class: "size-5"
				}, null, _parent));
				_push(`</button>`);
				if (__props.showPackingList) {
					_push(`<button type="button" class="link -m-2 p-2">`);
					_push(ssrRenderComponent(_component_Icon, {
						name: "archive",
						class: "size-5"
					}, null, _parent));
					_push(`</button>`);
				} else _push(`<!---->`);
				if (__props.editRow && _ctx.$can(typeConfig.value.permission)) {
					_push(`<button type="button" class="link -m-2 p-2">`);
					_push(ssrRenderComponent(_component_Icon, {
						name: "edit-o",
						class: "size-5"
					}, null, _parent));
					_push(`</button>`);
				} else _push(`<!---->`);
				_push(`</span><div class="border-b border-gray-200 px-4 py-4 sm:px-6 dark:border-gray-700 print:hidden"><div class="sm:flex sm:items-baseline sm:justify-between"><div class="sm:w-0 sm:flex-1"><h1 class="text-focus text-base font-semibold">${ssrInterpolate(typeConfig.value.label)} #${ssrInterpolate(__props.record?.id)} (${ssrInterpolate(__props.record?.reference)})</h1><p class="text-mute mt-1 truncate text-sm">${ssrInterpolate(_ctx.$t("Please view the details below"))}</p></div></div></div><!--]-->`);
			} else _push(`<!---->`);
			ssrRenderSlot(_ctx.$slots, "alerts", {}, null, _push, _parent);
			_push(`<div class="mt-4 px-6 py-4 print:m-0 print:py-0"><div class="mb-1 max-h-16 max-w-[250px]">`);
			if (__props.record.store?.logo) _push(`<img class="h-16 max-w-full"${ssrRenderAttr("src", __props.record.store.logo)}${ssrRenderAttr("alt", __props.record.store.name)}>`);
			else {
				_push(`<!--[-->`);
				if (_ctx.$page.props.settings?.logo) _push(`<img${ssrRenderAttr("alt", _ctx.$page.props.settings?.name)}${ssrRenderAttr("src", _ctx.$page.props.settings?.logo)} class="h-16 max-w-full dark:hidden print:block!">`);
				else _push(`<!---->`);
				if (_ctx.$page.props.settings?.logo_dark) _push(`<img${ssrRenderAttr("alt", _ctx.$page.props.settings?.name)}${ssrRenderAttr("src", _ctx.$page.props.settings?.logo_dark)} class="hidden h-16 max-w-full dark:block print:hidden!">`);
				else _push(`<!---->`);
				_push(`<!--]-->`);
			}
			_push(`</div><div class="flex items-start justify-between gap-3"><div class="flex w-3/5 flex-col"><div class="text-lg font-semibold">${ssrInterpolate(__props.record.store?.name)}</div><div class="text-sm">${ssrInterpolate(_ctx.$address(__props.record.store))}</div>`);
			if (__props.record.store?.phone) _push(`<div class="text-sm">${ssrInterpolate(_ctx.$t("Phone"))}: ${ssrInterpolate(__props.record.store.phone)}</div>`);
			else _push(`<!---->`);
			if (__props.record.store?.email) _push(`<div class="text-sm">${ssrInterpolate(_ctx.$t("Email"))}: ${ssrInterpolate(__props.record.store.email)}</div>`);
			else _push(`<!---->`);
			_push(`</div><div class="w-2/5"><div class="mb-1 text-lg font-extrabold uppercase">${ssrInterpolate(typeConfig.value.label)}</div><div class="text-sm">${ssrInterpolate(typeConfig.value.noLabel)}</div><div class="text-sm">${ssrInterpolate(_ctx.$t("Date"))}: ${ssrInterpolate(_ctx.$date(__props.record.date || __props.record.created_at))}</div><div class="text-sm">${ssrInterpolate(_ctx.$t("Created at"))}: ${ssrInterpolate(_ctx.$datetime(__props.record.created_at))}</div><div class="flex gap-1 text-sm">${ssrInterpolate(_ctx.$t("Reference"))}: <p class="truncate hover:text-clip print:block print:text-clip" dir="rtl">${ssrInterpolate(__props.record.reference)}</p></div>`);
			if (__props.record.due_date) _push(`<div class="text-sm">${ssrInterpolate(_ctx.$t("Due Date"))}: ${ssrInterpolate(_ctx.$date(__props.record.due_date))}</div>`);
			else _push(`<!---->`);
			_push(`</div></div>`);
			if (__props.type == "sale") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.sale_header) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.sale_header)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "purchase") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.purchase_header) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.purchase_header)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "payment") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.payment_header) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.payment_header)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "quotation") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.quotation_header) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.quotation_header)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else _push(`<!---->`);
			if (__props.qrUrl) _push(`<div class="mt-6 flex items-center justify-center gap-6"><div class="bc-image h-[80px] overflow-hidden rounded"><svg class="barcode"${ssrRenderAttr("jsbarcode-width", 1)}${ssrRenderAttr("jsbarcode-margin", 5)}${ssrRenderAttr("jsbarcode-height", 70)}${ssrRenderAttr("jsbarcode-fontsize", 12)}${ssrRenderAttr("jsbarcode-textmargin", 3)} jsbarcode-format="CODE128" jsbarcode-fontoptions="bold"${ssrRenderAttr("jsbarcode-displayvalue", false)}${ssrRenderAttr("jsbarcode-value", __props.record.reference)}></svg></div><div class="qr-image qrcode h-[80px] overflow-hidden rounded">${qrcode.value ?? ""}</div></div>`);
			else _push(`<!---->`);
			if (person.value) {
				_push(`<div class="mt-6 flex w-full gap-6"><div class=""><h2 class="mb-1 text-xs font-bold">${ssrInterpolate(typeConfig.value.personLabel)}</h2><div class="text-lg font-semibold">${ssrInterpolate(person.value.company || person.value.name)}</div><div class="text-sm">${ssrInterpolate(_ctx.$address(person.value))}</div>`);
				if (person.value.phone) _push(`<div class="text-sm">${ssrInterpolate(_ctx.$t("Phone"))}: ${ssrInterpolate(person.value.phone)}</div>`);
				else _push(`<!---->`);
				if (person.value.email) _push(`<div class="text-sm">${ssrInterpolate(_ctx.$t("Email"))}: ${ssrInterpolate(person.value.email)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
				if (typeConfig.value.showAddress && __props.record.address) {
					_push(`<div><h2 class="mb-1 text-xs font-bold">${ssrInterpolate(_ctx.$t("Ship To"))}</h2><div class="text-lg font-semibold">${ssrInterpolate(__props.record.address.company || __props.record.address.name)}</div><div class="text-sm">${ssrInterpolate(_ctx.$address(__props.record.address))}</div>`);
					if (__props.record.address.phone) _push(`<div class="text-sm">${ssrInterpolate(_ctx.$t("Phone"))}: ${ssrInterpolate(__props.record.address.phone)}</div>`);
					else _push(`<!---->`);
					if (__props.record.address.email) _push(`<div class="text-sm">${ssrInterpolate(_ctx.$t("Email"))}: ${ssrInterpolate(__props.record.address.email)}</div>`);
					else _push(`<!---->`);
					_push(`</div>`);
				} else _push(`<!---->`);
				_push(`</div>`);
			} else _push(`<!---->`);
			_push(`<div class="mt-6">`);
			ssrRenderSlot(_ctx.$slots, "content", {
				record: __props.record,
				typeConfig: typeConfig.value
			}, null, _push, _parent);
			_push(`</div>`);
			if (typeConfig.value.showItems && __props.record.items) {
				_push(`<div class="overflow-x-auto"><table class="w-full divide-y divide-gray-200 dark:divide-gray-700 print:divide-gray-400 dark:print:divide-gray-400"><thead><tr><th class="w-7 p-2 text-center font-bold uppercase">#</th><th class="p-2 text-start font-bold uppercase">${ssrInterpolate(_ctx.$t("Description"))}</th>`);
				if (typeConfig.value.showPrices !== false) _push(`<th class="w-[120px] p-2 text-center font-bold whitespace-nowrap uppercase">${ssrInterpolate(unref(page).props.settings.show_tax == 1 ? _ctx.$t("Price") : _ctx.$t("Unit Price"))}</th>`);
				else _push(`<!---->`);
				_push(`<th class="w-[80px] p-2 text-center font-bold uppercase">${ssrInterpolate(_ctx.$t("Qty"))}</th>`);
				if (typeConfig.value.showPrices !== false) {
					_push(`<!--[-->`);
					if (unref(page).props.settings.show_discount == 1) _push(`<th class="w-[80px] p-2 text-center font-bold uppercase">${ssrInterpolate(_ctx.$t("Discount"))}</th>`);
					else _push(`<!---->`);
					if (unref(page).props.settings.show_tax == 1) _push(`<th class="w-[80px] p-2 text-center font-bold uppercase">${ssrInterpolate(_ctx.$t("Tax"))}</th>`);
					else _push(`<!---->`);
					_push(`<th class="w-[120px] p-2 text-center font-bold uppercase">${ssrInterpolate(_ctx.$t("Total"))}</th><!--]-->`);
				} else _push(`<!---->`);
				_push(`</tr></thead><!--[-->`);
				ssrRenderList(__props.record.items, (item, index) => {
					_push(`<!--[-->`);
					if (item.variations && item.variations.length) {
						_push(`<tbody><tr><td class="w-7 p-2 text-end">${ssrInterpolate(index + 1)}</td><td class="px-2 py-1"><div class="flex items-center gap-2">`);
						if (item.product && unref(page).props.settings.show_image == 1) {
							_push(`<!--[-->`);
							if (item.product.photo) _push(`<img class="h-8 w-8 self-start rounded-xs"${ssrRenderAttr("src", item.product.photo)} alt="Product Image">`);
							else _push(`<img class="me-2 h-8 w-8 self-start rounded-xs" src="img/no-image.png" alt="No Image">`);
							_push(`<!--]-->`);
						} else _push(`<!---->`);
						_push(`<div>${ssrInterpolate(item.product?.name || "")} `);
						if (item.comment) _push(`<div class="text-xs">${ssrInterpolate(item.comment)}</div>`);
						else _push(`<!---->`);
						if (item.batch_no || item.expiry_date) {
							_push(`<div class="flex items-center gap-4 text-xs font-bold">`);
							if (item.batch_no) _push(`<div><span class="text-mute">${ssrInterpolate(_ctx.$t("Batch"))}:</span> ${ssrInterpolate(item.batch_no)}</div>`);
							else _push(`<!---->`);
							if (item.expiry_date) _push(`<div><span class="text-mute">${ssrInterpolate(_ctx.$t("Expiry"))}:</span> ${ssrInterpolate(item.expiry_date)}</div>`);
							else _push(`<!---->`);
							_push(`</div>`);
						} else _push(`<!---->`);
						if (item.serials && item.serials.length) _push(`<div class="text-xs"><span class="text-mute font-bold">${ssrInterpolate(_ctx.$t("Serials"))}:</span> ${ssrInterpolate(item.serials.map((s) => s.number).join(", "))}</div>`);
						else _push(`<!---->`);
						_push(`</div></div></td>`);
						if (typeConfig.value.showPrices !== false) _push(`<td class="p-2"></td>`);
						else _push(`<!---->`);
						_push(`<td class="p-2 text-end"></td>`);
						if (typeConfig.value.showPrices !== false) {
							_push(`<!--[-->`);
							if (unref(page).props.settings.show_discount == 1) _push(`<td class="p-2 text-end"></td>`);
							else _push(`<!---->`);
							if (unref(page).props.settings.show_tax == 1) _push(`<td class="p-2"></td>`);
							else _push(`<!---->`);
							_push(`<td class="p-2"></td><!--]-->`);
						} else _push(`<!---->`);
						_push(`</tr><!--[-->`);
						ssrRenderList(item.variations, (variation) => {
							_push(`<tr><td class="w-7"></td><td class="p-2">${ssrInterpolate(_ctx.$meta(variation.meta))}</td>`);
							if (typeConfig.value.showPrices !== false) _push(`<td class="p-2 text-end">${ssrInterpolate(_ctx.$number(variation.pivot[typeConfig.value.priceField]))}</td>`);
							else _push(`<!---->`);
							_push(`<td class="p-2 text-center"><div class="flex items-center justify-center">${ssrInterpolate(_ctx.$number_qty(variation.pivot.quantity))}${ssrInterpolate(variation.pivot?.unit?.code || "")}</div></td>`);
							if (typeConfig.value.showPrices !== false) {
								_push(`<!--[-->`);
								if (unref(page).props.settings.show_discount == 1) _push(`<td class="p-2 text-end">${ssrInterpolate(_ctx.$number(variation.pivot.discount_amount))}</td>`);
								else _push(`<!---->`);
								if (unref(page).props.settings.show_tax == 1) _push(`<td class="p-2 text-end">${ssrInterpolate(_ctx.$number(variation.pivot.tax_amount))}</td>`);
								else _push(`<!---->`);
								_push(`<td class="p-2 text-end font-bold">${ssrInterpolate(_ctx.$number(variation.pivot.total))}</td><!--]-->`);
							} else _push(`<!---->`);
							_push(`</tr>`);
						});
						_push(`<!--]--></tbody>`);
					} else {
						_push(`<tbody class="divide-y divide-gray-200 border-y border-gray-200 dark:divide-gray-700 dark:border-gray-700 print:divide-gray-400 dark:print:divide-gray-400"><tr><td class="w-7 p-2 text-end">${ssrInterpolate(index + 1)}</td><td class="px-2 py-1"><div class="flex items-center gap-2">`);
						if (item.product && unref(page).props.settings.show_image == 1) {
							_push(`<!--[-->`);
							if (item.product.photo) _push(`<img class="h-8 w-8 self-start rounded-xs"${ssrRenderAttr("src", item.product.photo)} alt="Product Image">`);
							else _push(`<img class="me-2 h-8 w-8 self-start rounded-xs" src="img/no-image.png" alt="No Image">`);
							_push(`<!--]-->`);
						} else _push(`<!---->`);
						_push(`<div>${ssrInterpolate(item.product?.name || "")} `);
						if (item.comment) _push(`<div class="${ssrRenderClass(item.product?.name ? "text-xs" : "")}">${ssrInterpolate(item.comment)}</div>`);
						else _push(`<!---->`);
						if (item.batch_no || item.expiry_date) {
							_push(`<div class="flex items-center gap-4 text-xs font-bold">`);
							if (item.batch_no) _push(`<div><span class="text-mute">${ssrInterpolate(_ctx.$t("Batch"))}:</span> ${ssrInterpolate(item.batch_no)}</div>`);
							else _push(`<!---->`);
							if (item.expiry_date) _push(`<div><span class="text-mute">${ssrInterpolate(_ctx.$t("Expiry"))}:</span> ${ssrInterpolate(item.expiry_date)}</div>`);
							else _push(`<!---->`);
							_push(`</div>`);
						} else _push(`<!---->`);
						if (item.serials && item.serials.length) _push(`<div class="text-xs"><span class="text-mute font-bold">${ssrInterpolate(_ctx.$t("Serials"))}:</span> ${ssrInterpolate(item.serials.map((s) => s.number).join(", "))}</div>`);
						else _push(`<!---->`);
						_push(`</div></div></td>`);
						if (typeConfig.value.showPrices !== false) _push(`<td class="p-2 text-end">${ssrInterpolate(_ctx.$number(item[typeConfig.value.priceField]))}</td>`);
						else _push(`<!---->`);
						_push(`<td class="p-2 text-center"><div class="flex items-center justify-center">${ssrInterpolate(_ctx.$number_qty(item.quantity))}${ssrInterpolate(item.unit?.code || "")}</div></td>`);
						if (typeConfig.value.showPrices !== false) {
							_push(`<!--[-->`);
							if (unref(page).props.settings.show_discount == 1) _push(`<td class="p-2 text-end">${ssrInterpolate(_ctx.$number(item.discount_amount))}</td>`);
							else _push(`<!---->`);
							if (unref(page).props.settings.show_tax == 1) _push(`<td class="p-2 text-end">${ssrInterpolate(_ctx.$number(item.tax_amount))}</td>`);
							else _push(`<!---->`);
							_push(`<td class="p-2 text-end font-bold">${ssrInterpolate(_ctx.$number(item.total))}</td><!--]-->`);
						} else _push(`<!---->`);
						_push(`</tr></tbody>`);
					}
					_push(`<!--]-->`);
				});
				_push(`<!--]-->`);
				if (typeConfig.value.showPrices !== false) {
					_push(`<tfoot class="break-inside-avoid divide-y divide-gray-200 dark:divide-gray-700">`);
					if (unref(page).props.settings.show_discount == 1 && Number(__props.record.total_discount_amount) > 0) _push(`<tr><th${ssrRenderAttr("colspan", colspan.value)} class="p-2 text-end text-lg font-bold">${ssrInterpolate(_ctx.$t("Discount"))}</th><th class="p-2 text-end text-lg font-bold">${ssrInterpolate(_ctx.$currency(__props.record.total_discount_amount))}</th></tr>`);
					else _push(`<!---->`);
					if (_ctx.$decimal(__props.record.total_tax_amount, true) > 0 || unref(page).props.settings.show_tax == 1) _push(`<!--[--><tr><th${ssrRenderAttr("colspan", colspan.value)} class="p-2 text-end text-lg font-bold">${ssrInterpolate(_ctx.$t("Subtotal"))}</th><th class="p-2 text-end text-lg font-bold">${ssrInterpolate(_ctx.$currency(__props.record.subtotal))}</th></tr><tr><th${ssrRenderAttr("colspan", colspan.value)} class="p-2 text-end text-lg font-bold">${ssrInterpolate(_ctx.$t("Tax"))}</th><th class="p-2 text-end text-lg font-bold">${ssrInterpolate(_ctx.$currency(__props.record.total_tax_amount))}</th></tr><!--]-->`);
					else if (unref(page).props.settings.show_zero_taxes == 1) _push(`<tr><th${ssrRenderAttr("colspan", colspan.value)} class="p-2 text-end text-lg font-bold">${ssrInterpolate(_ctx.$t("Tax"))}</th><th class="p-2 text-end text-lg font-bold">${ssrInterpolate(_ctx.$currency(__props.record.total_tax_amount))}</th></tr>`);
					else _push(`<!---->`);
					_push(`<tr><th${ssrRenderAttr("colspan", colspan.value)} class="p-2 text-end text-lg font-bold">${ssrInterpolate(_ctx.$t("Total"))}</th><th class="p-2 text-end text-lg font-bold">${ssrInterpolate(_ctx.$currency(__props.record.grand_total))}</th></tr>`);
					if ((__props.type === "sale" || __props.type === "purchase") && __props.record.return_orders && __props.record.return_orders.length > 0) {
						_push(`<!--[--><!--[-->`);
						ssrRenderList(__props.record.return_orders, (returnOrder) => {
							_push(`<tr><th${ssrRenderAttr("colspan", colspan.value)} class="p-2 text-end text-lg font-bold">${ssrInterpolate(_ctx.$t("Return"))}: ${ssrInterpolate(returnOrder.reference)}</th><th class="p-2 text-end text-lg font-bold whitespace-nowrap text-red-600 dark:text-red-400"> -${ssrInterpolate(_ctx.$currency(returnOrder.grand_total))}</th></tr>`);
						});
						_push(`<!--]--><!--[-->`);
						ssrRenderList(__props.record.return_orders.filter((r) => Number(r.return_payment_amount) > 0), (returnOrder) => {
							_push(`<tr><th${ssrRenderAttr("colspan", colspan.value)} class="p-2 text-end text-lg font-bold">${ssrInterpolate(_ctx.$t("Return Payment"))} (${ssrInterpolate(returnOrder.return_payment_method)}) </th><th class="p-2 text-end text-lg font-bold text-red-600 dark:text-red-400"> -${ssrInterpolate(_ctx.$currency(returnOrder.return_payment_amount))}</th></tr>`);
						});
						_push(`<!--]--><!--]-->`);
					} else _push(`<!---->`);
					if (typeConfig.value.showPaid) _push(`<tr><th${ssrRenderAttr("colspan", colspan.value)} class="p-2 text-end text-lg font-bold">${ssrInterpolate(_ctx.$t("Paid"))}</th><th class="p-2 text-end text-lg font-bold">${ssrInterpolate(_ctx.$currency(__props.record.paid - (__props.record.return_orders?.reduce((sum, r) => sum + Number(r.return_payment_amount), 0) || 0)))}</th></tr>`);
					else _push(`<!---->`);
					if (typeConfig.value.showBalance) _push(`<tr><th${ssrRenderAttr("colspan", colspan.value)} class="p-2 text-end text-lg font-bold">${ssrInterpolate(_ctx.$t("Balance"))}</th><th class="p-2 text-end text-lg font-bold">${ssrInterpolate(_ctx.$currency(__props.record.grand_total - __props.record.paid + (__props.record.return_orders?.reduce((sum, r) => sum + Number(r.return_payment_amount), 0) || 0) - (__props.record.return_orders?.reduce((sum, r) => sum + Number(r.grand_total), 0) || 0)))}</th></tr>`);
					else _push(`<!---->`);
					_push(`</tfoot>`);
				} else _push(`<tfoot><tr><td colspan="2" class="px-2 pt-1 pb-2 text-center font-bold">${ssrInterpolate(_ctx.$t("Total Quantity"))}</td><td class="w-[80px] px-2 pt-1 pb-2 text-center font-bold">${ssrInterpolate(_ctx.$number_qty(__props.record.items.reduce((a, i) => Number(i.quantity) + a, 0)))}</td></tr></tfoot>`);
				_push(`</table></div>`);
			} else _push(`<!---->`);
			_push(`<div class="-mx-4">`);
			ssrRenderSlot(_ctx.$slots, "amount", { record: __props.record }, null, _push, _parent);
			_push(`</div>`);
			_push(ssrRenderComponent(unref(_sfc_main$10), {
				modal: false,
				fields: __props.custom_fields,
				title: _ctx.$t("Custom Fields"),
				extra_attributes: __props.record.extra_attributes
			}, null, _parent));
			if (__props.record.details) _push(`<div class="mb-4 pt-8">${ssrInterpolate(__props.record.details)}</div>`);
			else _push(`<!---->`);
			if (__props.type == "sale") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.sale_footer) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.sale_footer)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "purchase") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.purchase_footer) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.purchase_footer)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "payment") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.payment_footer) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.payment_footer)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "quotation") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.quotation_footer) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.quotation_footer)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else _push(`<!---->`);
			if (__props.record.attachments && __props.record.attachments.length) {
				_push(`<div class="mt-8 w-full py-2 print:hidden">`);
				_push(ssrRenderComponent(unref(_sfc_main$37), { attachments: __props.record.attachments }, null, _parent));
				_push(`</div>`);
			} else _push(`<!---->`);
			_push(`</div>`);
			if (typeConfig.value.showPayments && __props.record.payments && __props.record.payments.length) {
				_push(`<div class="mx-6 mb-6 rounded-sm border border-gray-200 dark:border-gray-700 print:hidden"><h4 class="border-b border-gray-200 px-4 py-2 text-base font-extrabold dark:border-gray-700">${ssrInterpolate(_ctx.$t("Payments"))}</h4><div class="overflow-x-auto py-1"><table class="w-full divide-y divide-gray-200 text-sm dark:divide-gray-700"><thead><tr><th class="w-[140px] p-2 text-start font-bold uppercase">${ssrInterpolate(_ctx.$t("Date"))}</th><th class="p-2 text-start font-bold uppercase">${ssrInterpolate(_ctx.$t("Reference"))}</th><th class="w-[100px] p-2 text-start font-bold uppercase">${ssrInterpolate(_ctx.$t("Method"))}</th><th class="w-[120px] p-2 text-center font-bold uppercase">${ssrInterpolate(_ctx.$t("Amount"))}</th></tr></thead><tbody><!--[-->`);
				ssrRenderList(__props.record.payments, (p) => {
					_push(`<tr><td class="p-2 whitespace-nowrap">${ssrInterpolate(_ctx.$date(p.date))}</td><td class="p-2">${ssrInterpolate(p.reference)}</td><td class="p-2 whitespace-nowrap">${ssrInterpolate(_ctx.$t(p.method))}</td><td class="p-2 text-end">${ssrInterpolate(_ctx.$currency(p.amount))}</td></tr>`);
				});
				_push(`<!--]--></tbody></table></div></div>`);
			} else _push(`<!---->`);
			if (__props.showPackingList) _push(ssrRenderComponent(unref(_sfc_main$52), {
				show: packing.value,
				"max-width": "2xl",
				onClose: ($event) => packing.value = false,
				class: "modal-2"
			}, {
				default: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) _push(ssrRenderComponent(_sfc_main$8, {
						record: __props.record,
						type: __props.type
					}, null, _parent, _scopeId));
					else return [createVNode(_sfc_main$8, {
						record: __props.record,
						type: __props.type
					}, null, 8, ["record", "type"])];
				}),
				_: 1
			}, _parent));
			else _push(`<!---->`);
			_push(`</div>`);
		};
	}
};
var _sfc_setup$4 = _sfc_main$4.setup;
_sfc_main$4.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Templates/TemplateOne.vue");
	return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Templates/TemplateSix.vue
var _sfc_main$3 = {
	__name: "TemplateSix",
	__ssrInlineRender: true,
	props: {
		record: {
			type: Object,
			required: true
		},
		type: {
			type: String,
			required: true
		},
		custom_fields: {
			type: Array,
			default: () => []
		},
		editRow: {
			type: Function,
			default: null
		},
		xfetch: {
			type: Boolean,
			default: false
		},
		qrUrl: {
			type: String,
			default: null
		},
		showPackingList: {
			type: Boolean,
			default: false
		}
	},
	setup(__props) {
		const { t } = useI18n();
		const page = usePage();
		const props = __props;
		const colspan = ref(4);
		const qrcode = ref(null);
		const packing = ref(false);
		const typeConfig = computed(() => {
			const configs = {
				sale: {
					label: t("Sale"),
					noLabel: t("{x} No.", { x: t("Sale") }),
					permission: "update-sales",
					personLabel: t("Bill To"),
					showPerson: true,
					personField: "customer",
					showAddress: true,
					addressLabel: t("Ship To"),
					showItems: true,
					showPayments: true,
					showPaid: true,
					showBalance: true,
					priceField: "price",
					quantityField: "quantity"
				},
				quotation: {
					label: t("Quotation"),
					noLabel: t("{x} No.", { x: t("Quotation") }),
					permission: "update-quotations",
					personLabel: t("Quote To"),
					showPerson: true,
					personField: "customer",
					showAddress: true,
					addressLabel: t("Ship To"),
					showItems: true,
					showPayments: false,
					showPaid: false,
					showBalance: false,
					priceField: "price",
					quantityField: "quantity"
				},
				purchase: {
					label: t("Purchase"),
					noLabel: t("{x} No.", { x: t("Purchase") }),
					permission: "update-purchases",
					personLabel: t("Purchase From"),
					showPerson: true,
					personField: "supplier",
					showAddress: false,
					showItems: true,
					showPayments: true,
					showPaid: true,
					showBalance: true,
					priceField: "cost",
					quantityField: "quantity"
				},
				payment: {
					label: t("Payment"),
					noLabel: t("{x} No.", { x: t("Payment") }),
					permission: "update-payments",
					personLabel: t("From"),
					showPerson: true,
					personField: "customer",
					showAddress: false,
					showItems: false,
					showPayments: false,
					showPaid: false,
					showBalance: false
				},
				expense: {
					label: t("Expense"),
					noLabel: t("{x} No.", { x: t("Expense") }),
					permission: "update-expenses",
					personLabel: t("Order To"),
					showPerson: true,
					personField: "supplier",
					showAddress: false,
					showItems: false,
					showPayments: false,
					showPaid: false,
					showBalance: false
				},
				transfer: {
					label: t("Transfer"),
					noLabel: t("{x} No.", { x: t("Transfer") }),
					permission: "update-transfers",
					personLabel: t("Transfer To"),
					showPerson: true,
					personField: "to_store",
					showAddress: false,
					showItems: true,
					showPayments: false,
					showPaid: false,
					showBalance: false,
					showPrices: false,
					quantityField: "quantity"
				},
				adjustment: {
					label: t("Adjustment"),
					noLabel: t("{x} No.", { x: t("Adjustment") }),
					permission: "update-adjustments",
					showPerson: false,
					showAddress: false,
					showItems: true,
					showPayments: false,
					showPaid: false,
					showBalance: false,
					showPrices: false,
					quantityField: "quantity"
				},
				return_order: {
					label: t("Return Order"),
					noLabel: t("{x} No.", { x: t("Return Order") }),
					permission: "update-return-orders",
					personLabel: props.record?.type === "Purchase" ? t("Returned To") : t("Returned From"),
					showPerson: true,
					personField: props.record?.type === "Purchase" ? "supplier" : "customer",
					showAddress: false,
					showItems: true,
					showPayments: false,
					showPaid: false,
					showBalance: false,
					priceField: props.record?.type === "Purchase" ? "cost" : "price",
					quantityField: "quantity"
				},
				delivery: {
					label: t("Delivery"),
					noLabel: t("{x} No.", { x: t("Delivery Order") }),
					permission: "update-deliveries",
					personLabel: t("Deliver To"),
					showPerson: true,
					personField: "customer",
					showAddress: true,
					showItems: false,
					showPayments: false,
					showPaid: false,
					showBalance: false
				}
			};
			return configs[props.type] || configs.sale;
		});
		const person = computed(() => {
			if (!typeConfig.value.showPerson || !typeConfig.value.personField) return null;
			return props.record[typeConfig.value.personField];
		});
		onMounted(async () => {
			if (page.props.settings.show_discount == 1) colspan.value++;
			if (page.props.settings.show_tax == 1) colspan.value++;
			await nextTick();
			if (props.qrUrl) qrcode.value = await generateQR(props.qrUrl);
			JsBarcode(".barcode").init();
		});
		async function generateQR(text) {
			try {
				return await QRCode.toString(text, { type: "svg" });
			} catch (err) {
				console.error(err);
				return `<span class="text-red-500">${err.toString()}</span>`;
			}
		}
		return (_ctx, _push, _parent, _attrs) => {
			const _component_Icon = resolveComponent("Icon");
			_push(`<div${ssrRenderAttrs(_attrs)}>`);
			if (!__props.xfetch) {
				_push(`<!--[--><span class="absolute end-12 top-4 inline-flex items-center gap-x-4 sm:end-14 print:hidden"><button type="button" class="link -m-2 p-2">`);
				_push(ssrRenderComponent(_component_Icon, {
					name: "print-o",
					class: "size-5"
				}, null, _parent));
				_push(`</button>`);
				if (__props.showPackingList) {
					_push(`<button type="button" class="link -m-2 p-2">`);
					_push(ssrRenderComponent(_component_Icon, {
						name: "archive",
						class: "size-5"
					}, null, _parent));
					_push(`</button>`);
				} else _push(`<!---->`);
				if (__props.editRow && _ctx.$can(typeConfig.value.permission)) {
					_push(`<button type="button" class="link -m-2 p-2">`);
					_push(ssrRenderComponent(_component_Icon, {
						name: "edit-o",
						class: "size-5"
					}, null, _parent));
					_push(`</button>`);
				} else _push(`<!---->`);
				_push(`</span><div class="border-b border-gray-200 px-4 py-4 sm:px-6 dark:border-gray-700 print:hidden"><div class="sm:flex sm:items-baseline sm:justify-between"><div class="sm:w-0 sm:flex-1"><h1 class="text-focus text-base font-semibold">${ssrInterpolate(typeConfig.value.label)} #${ssrInterpolate(__props.record?.id)} (${ssrInterpolate(__props.record?.reference)})</h1><p class="text-mute mt-1 truncate text-sm">${ssrInterpolate(_ctx.$t("Please view the details below"))}</p></div></div></div><!--]-->`);
			} else _push(`<!---->`);
			_push(`<div class="mb-6">`);
			ssrRenderSlot(_ctx.$slots, "alerts", {}, null, _push, _parent);
			_push(`</div><div class="px-6 py-6 print:py-4"><div class="mb-4 text-center"><div class="mb-2 flex justify-center"><div class="max-h-16 max-w-[220px]">`);
			if (__props.record.store?.logo) _push(`<img class="h-16 max-w-full"${ssrRenderAttr("src", __props.record.store.logo)}${ssrRenderAttr("alt", __props.record.store.name)}>`);
			else {
				_push(`<!--[-->`);
				if (_ctx.$page.props.settings?.logo) _push(`<img${ssrRenderAttr("alt", _ctx.$page.props.settings?.name)}${ssrRenderAttr("src", _ctx.$page.props.settings?.logo)} class="h-16 max-w-full dark:hidden print:block!">`);
				else _push(`<!---->`);
				if (_ctx.$page.props.settings?.logo_dark) _push(`<img${ssrRenderAttr("alt", _ctx.$page.props.settings?.name)}${ssrRenderAttr("src", _ctx.$page.props.settings?.logo_dark)} class="hidden h-16 max-w-full dark:block print:hidden!">`);
				else _push(`<!---->`);
				_push(`<!--]-->`);
			}
			_push(`</div></div><div class="text-lg font-bold">${ssrInterpolate(__props.record.store?.name || _ctx.$page.props.settings?.name)}</div><div class="mt-1 flex flex-wrap items-center justify-center gap-x-4 gap-y-1 text-xs text-gray-500 dark:text-gray-400">`);
			if (__props.record.store?.phone || _ctx.$page.props.settings?.phone) _push(`<span>${ssrInterpolate(__props.record.store?.phone || _ctx.$page.props.settings?.phone)}</span>`);
			else _push(`<!---->`);
			if (__props.record.store?.email || _ctx.$page.props.settings?.email) _push(`<span>${ssrInterpolate(__props.record.store?.email || _ctx.$page.props.settings?.email)}</span>`);
			else _push(`<!---->`);
			if (__props.record.store) _push(`<span>${ssrInterpolate(_ctx.$address(__props.record.store))}</span>`);
			else _push(`<!---->`);
			_push(`</div></div><div class="relative mb-6 flex items-center gap-4"><div class="print:exact h-px flex-1 bg-gray-300 dark:bg-gray-600 print:bg-gray-300!"></div><div class="shrink-0 rounded-full border border-gray-300 px-5 py-1.5 text-sm font-bold tracking-widest uppercase dark:border-gray-600 print:border-gray-300!">${ssrInterpolate(typeConfig.value.label)}</div><div class="print:exact h-px flex-1 bg-gray-300 dark:bg-gray-600 print:bg-gray-300!"></div></div><div class="${ssrRenderClass([__props.record.due_date ? "sm:grid-cols-4" : "sm:grid-cols-3", "mb-6 grid grid-cols-2 gap-4 text-sm"])}"><div><div class="text-xs text-gray-400 uppercase">${ssrInterpolate(typeConfig.value.noLabel)}</div><div class="mt-0.5 font-bold">#${ssrInterpolate(__props.record.id)}</div></div><div><div class="text-xs text-gray-400 uppercase">${ssrInterpolate(_ctx.$t("Date"))}</div><div class="mt-0.5 font-bold">${ssrInterpolate(_ctx.$date(__props.record.date || __props.record.created_at))}</div></div>`);
			if (__props.record.due_date) _push(`<div><div class="text-xs text-gray-400 uppercase">${ssrInterpolate(_ctx.$t("Due Date"))}</div><div class="mt-0.5 font-bold">${ssrInterpolate(_ctx.$date(__props.record.due_date))}</div></div>`);
			else _push(`<!---->`);
			_push(`<div><div class="text-xs text-gray-400 uppercase">${ssrInterpolate(_ctx.$t("Reference"))}</div><div class="mt-0.5 truncate font-bold">${ssrInterpolate(__props.record.reference)}</div></div></div>`);
			if (__props.type == "sale") {
				_push(`<div class="mb-4 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.sale_header) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.sale_header)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "purchase") {
				_push(`<div class="mb-4 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.purchase_header) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.purchase_header)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "payment") {
				_push(`<div class="mb-4 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.payment_header) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.payment_header)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "quotation") {
				_push(`<div class="mb-4 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.quotation_header) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.quotation_header)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else _push(`<!---->`);
			if (__props.qrUrl) _push(`<div class="mb-6 flex items-center justify-center gap-6"><div class="bc-image h-[70px] overflow-hidden"><svg class="barcode"${ssrRenderAttr("jsbarcode-width", 1)}${ssrRenderAttr("jsbarcode-margin", 5)}${ssrRenderAttr("jsbarcode-height", 60)}${ssrRenderAttr("jsbarcode-fontsize", 11)}${ssrRenderAttr("jsbarcode-textmargin", 3)} jsbarcode-format="CODE128" jsbarcode-fontoptions="bold"${ssrRenderAttr("jsbarcode-displayvalue", false)}${ssrRenderAttr("jsbarcode-value", __props.record.reference)}></svg></div><div class="qr-image qrcode h-[70px] overflow-hidden">${qrcode.value ?? ""}</div></div>`);
			else _push(`<!---->`);
			if (person.value) {
				_push(`<div class="mb-6 grid gap-6 text-sm sm:grid-cols-2"><div><div class="mb-1.5 flex items-center gap-2"><div class="h-px w-5 bg-gray-400 dark:bg-gray-500 print:bg-gray-400!"></div><span class="text-xs font-bold tracking-widest text-gray-400 uppercase dark:text-gray-500 print:text-gray-400!">${ssrInterpolate(typeConfig.value.personLabel)}</span></div><div class="font-semibold">${ssrInterpolate(person.value.company || person.value.name)}</div><div class="text-gray-500 dark:text-gray-400">${ssrInterpolate(_ctx.$address(person.value))}</div>`);
				if (person.value.phone) _push(`<div class="text-gray-500 dark:text-gray-400">${ssrInterpolate(_ctx.$t("Phone"))}: ${ssrInterpolate(person.value.phone)}</div>`);
				else _push(`<!---->`);
				if (person.value.email) _push(`<div class="text-gray-500 dark:text-gray-400">${ssrInterpolate(_ctx.$t("Email"))}: ${ssrInterpolate(person.value.email)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
				if (typeConfig.value.showAddress && __props.record.address) {
					_push(`<div><div class="mb-1.5 flex items-center gap-2"><div class="h-px w-5 bg-gray-400 dark:bg-gray-500 print:bg-gray-400!"></div><span class="text-xs font-bold tracking-widest text-gray-400 uppercase dark:text-gray-500 print:text-gray-400!">${ssrInterpolate(typeConfig.value.addressLabel || _ctx.$t("Ship To"))}</span></div><div class="font-semibold">${ssrInterpolate(__props.record.address.company || __props.record.address.name)}</div><div class="text-gray-500 dark:text-gray-400">${ssrInterpolate(_ctx.$address(__props.record.address))}</div>`);
					if (__props.record.address.phone) _push(`<div class="text-gray-500 dark:text-gray-400">${ssrInterpolate(_ctx.$t("Phone"))}: ${ssrInterpolate(__props.record.address.phone)}</div>`);
					else _push(`<!---->`);
					if (__props.record.address.email) _push(`<div class="text-gray-500 dark:text-gray-400">${ssrInterpolate(_ctx.$t("Email"))}: ${ssrInterpolate(__props.record.address.email)}</div>`);
					else _push(`<!---->`);
					_push(`</div>`);
				} else _push(`<!---->`);
				_push(`</div>`);
			} else _push(`<!---->`);
			_push(`<div class="mb-4">`);
			ssrRenderSlot(_ctx.$slots, "content", {
				record: __props.record,
				typeConfig: typeConfig.value
			}, null, _push, _parent);
			_push(`</div>`);
			if (typeConfig.value.showItems && __props.record.items) {
				_push(`<div class="overflow-x-auto"><table class="w-full border-collapse text-sm"><thead><tr class="border-t-2 border-b-2 border-gray-300 dark:border-gray-600 print:border-gray-300!"><th class="print:exact bg-gray-100 px-3 py-2.5 text-center font-bold dark:bg-gray-700 print:bg-gray-100!">#</th><th class="px-3 py-2.5 text-start font-bold">${ssrInterpolate(_ctx.$t("Description"))}</th>`);
				if (typeConfig.value.showPrices !== false) _push(`<th class="w-[120px] px-3 py-2.5 text-end font-bold whitespace-nowrap">${ssrInterpolate(unref(page).props.settings.show_tax == 1 ? _ctx.$t("Price") : _ctx.$t("Unit Price"))}</th>`);
				else _push(`<!---->`);
				_push(`<th class="w-[80px] px-3 py-2.5 text-center font-bold">${ssrInterpolate(_ctx.$t("Qty"))}</th>`);
				if (typeConfig.value.showPrices !== false) {
					_push(`<!--[-->`);
					if (unref(page).props.settings.show_discount == 1) _push(`<th class="w-[80px] px-3 py-2.5 text-end font-bold">${ssrInterpolate(_ctx.$t("Discount"))}</th>`);
					else _push(`<!---->`);
					if (unref(page).props.settings.show_tax == 1) _push(`<th class="w-[80px] px-3 py-2.5 text-end font-bold">${ssrInterpolate(_ctx.$t("Tax"))}</th>`);
					else _push(`<!---->`);
					_push(`<th class="w-[120px] px-3 py-2.5 text-end font-bold">${ssrInterpolate(_ctx.$t("Total"))}</th><!--]-->`);
				} else _push(`<!---->`);
				_push(`</tr></thead><!--[-->`);
				ssrRenderList(__props.record.items, (item, index) => {
					_push(`<!--[-->`);
					if (item.variations && item.variations.length) {
						_push(`<tbody><tr class="border-b border-gray-100 dark:border-gray-700/50"><td class="print:exact bg-gray-100 px-3 py-2 text-center font-semibold dark:bg-gray-700 print:bg-gray-100!">${ssrInterpolate(index + 1)}</td><td class="px-3 py-2"><div class="flex items-center gap-2">`);
						if (item.product && unref(page).props.settings.show_image == 1) {
							_push(`<!--[-->`);
							if (item.product.photo) _push(`<img class="h-8 w-8 rounded-xs"${ssrRenderAttr("src", item.product.photo)} alt="Product Image">`);
							else _push(`<img class="me-2 h-8 w-8 rounded-xs" src="img/no-image.png" alt="No Image">`);
							_push(`<!--]-->`);
						} else _push(`<!---->`);
						_push(`<div><div class="font-medium">${ssrInterpolate(item.product?.name || "")}</div>`);
						if (item.comment) _push(`<div class="text-xs text-gray-500">${ssrInterpolate(item.comment)}</div>`);
						else _push(`<!---->`);
						if (item.batch_no || item.expiry_date) {
							_push(`<div class="flex items-center gap-4 text-xs font-bold">`);
							if (item.batch_no) _push(`<div><span class="text-mute">${ssrInterpolate(_ctx.$t("Batch"))}:</span> ${ssrInterpolate(item.batch_no)}</div>`);
							else _push(`<!---->`);
							if (item.expiry_date) _push(`<div><span class="text-mute">${ssrInterpolate(_ctx.$t("Expiry"))}:</span> ${ssrInterpolate(item.expiry_date)}</div>`);
							else _push(`<!---->`);
							_push(`</div>`);
						} else _push(`<!---->`);
						_push(`</div>`);
						if (item.serials && item.serials.length) _push(`<div class="text-xs"><span class="text-mute font-bold">${ssrInterpolate(_ctx.$t("Serials"))}:</span> ${ssrInterpolate(item.serials.map((s) => s.number).join(", "))}</div>`);
						else _push(`<!---->`);
						_push(`</div></td>`);
						if (typeConfig.value.showPrices !== false) _push(`<td class="px-3 py-2"></td>`);
						else _push(`<!---->`);
						_push(`<td class="px-3 py-2"></td>`);
						if (typeConfig.value.showPrices !== false) {
							_push(`<!--[-->`);
							if (unref(page).props.settings.show_discount == 1) _push(`<td class="px-3 py-2"></td>`);
							else _push(`<!---->`);
							if (unref(page).props.settings.show_tax == 1) _push(`<td class="px-3 py-2"></td>`);
							else _push(`<!---->`);
							_push(`<td class="px-3 py-2"></td><!--]-->`);
						} else _push(`<!---->`);
						_push(`</tr><!--[-->`);
						ssrRenderList(item.variations, (variation) => {
							_push(`<tr class="border-b border-gray-100 dark:border-gray-700/50"><td class="print:exact bg-gray-100 px-3 py-2 dark:bg-gray-700 print:bg-gray-100!"></td><td class="px-3 py-2 ps-8 text-gray-600 dark:text-gray-300">${ssrInterpolate(_ctx.$meta(variation.meta))}</td>`);
							if (typeConfig.value.showPrices !== false) _push(`<td class="px-3 py-2 text-end">${ssrInterpolate(_ctx.$number(variation.pivot[typeConfig.value.priceField]))}</td>`);
							else _push(`<!---->`);
							_push(`<td class="px-3 py-2 text-center">${ssrInterpolate(_ctx.$number_qty(variation.pivot.quantity))}${ssrInterpolate(variation.pivot?.unit?.code || "")}</td>`);
							if (typeConfig.value.showPrices !== false) {
								_push(`<!--[-->`);
								if (unref(page).props.settings.show_discount == 1) _push(`<td class="px-3 py-2 text-end">${ssrInterpolate(_ctx.$number(variation.pivot.discount_amount))}</td>`);
								else _push(`<!---->`);
								if (unref(page).props.settings.show_tax == 1) _push(`<td class="px-3 py-2 text-end">${ssrInterpolate(_ctx.$number(variation.pivot.tax_amount))}</td>`);
								else _push(`<!---->`);
								_push(`<td class="px-3 py-2 text-end font-bold">${ssrInterpolate(_ctx.$number(variation.pivot.total))}</td><!--]-->`);
							} else _push(`<!---->`);
							_push(`</tr>`);
						});
						_push(`<!--]--></tbody>`);
					} else {
						_push(`<tbody><tr class="border-b border-gray-100 dark:border-gray-700/50"><td class="print:exact bg-gray-100 px-3 py-2 text-center font-semibold dark:bg-gray-700 print:bg-gray-100!">${ssrInterpolate(index + 1)}</td><td class="px-3 py-2"><div class="flex items-center gap-2">`);
						if (item.product && unref(page).props.settings.show_image == 1) {
							_push(`<!--[-->`);
							if (item.product.photo) _push(`<img class="h-8 w-8 rounded-xs"${ssrRenderAttr("src", item.product.photo)} alt="Product Image">`);
							else _push(`<img class="me-2 h-8 w-8 rounded-xs" src="img/no-image.png" alt="No Image">`);
							_push(`<!--]-->`);
						} else _push(`<!---->`);
						_push(`<div><div class="font-medium">${ssrInterpolate(item.product?.name || "")}</div>`);
						if (item.comment) _push(`<div class="${ssrRenderClass(item.product?.name ? "text-xs text-gray-500" : "")}">${ssrInterpolate(item.comment)}</div>`);
						else _push(`<!---->`);
						if (item.batch_no || item.expiry_date) {
							_push(`<div class="flex items-center gap-4 text-xs font-bold">`);
							if (item.batch_no) _push(`<div><span class="text-mute">${ssrInterpolate(_ctx.$t("Batch"))}:</span> ${ssrInterpolate(item.batch_no)}</div>`);
							else _push(`<!---->`);
							if (item.expiry_date) _push(`<div><span class="text-mute">${ssrInterpolate(_ctx.$t("Expiry"))}:</span> ${ssrInterpolate(item.expiry_date)}</div>`);
							else _push(`<!---->`);
							_push(`</div>`);
						} else _push(`<!---->`);
						_push(`</div>`);
						if (item.serials && item.serials.length) _push(`<div class="text-xs"><span class="text-mute font-bold">${ssrInterpolate(_ctx.$t("Serials"))}:</span> ${ssrInterpolate(item.serials.map((s) => s.number).join(", "))}</div>`);
						else _push(`<!---->`);
						_push(`</div></td>`);
						if (typeConfig.value.showPrices !== false) _push(`<td class="px-3 py-2 text-end">${ssrInterpolate(_ctx.$number(item[typeConfig.value.priceField]))}</td>`);
						else _push(`<!---->`);
						_push(`<td class="px-3 py-2 text-center">${ssrInterpolate(_ctx.$number_qty(item.quantity))}${ssrInterpolate(item.unit?.code || "")}</td>`);
						if (typeConfig.value.showPrices !== false) {
							_push(`<!--[-->`);
							if (unref(page).props.settings.show_discount == 1) _push(`<td class="px-3 py-2 text-end">${ssrInterpolate(_ctx.$number(item.discount_amount))}</td>`);
							else _push(`<!---->`);
							if (unref(page).props.settings.show_tax == 1) _push(`<td class="px-3 py-2 text-end">${ssrInterpolate(_ctx.$number(item.tax_amount))}</td>`);
							else _push(`<!---->`);
							_push(`<td class="px-3 py-2 text-end font-bold">${ssrInterpolate(_ctx.$number(item.total))}</td><!--]-->`);
						} else _push(`<!---->`);
						_push(`</tr></tbody>`);
					}
					_push(`<!--]-->`);
				});
				_push(`<!--]-->`);
				if (typeConfig.value.showPrices !== false) {
					_push(`<tfoot class="break-inside-avoid border-t-2 border-gray-300 dark:border-gray-600 print:border-gray-300!">`);
					if (unref(page).props.settings.show_discount == 1 && Number(__props.record.total_discount_amount) > 0) _push(`<tr><th${ssrRenderAttr("colspan", colspan.value)} class="px-3 py-1 text-end text-gray-500">${ssrInterpolate(_ctx.$t("Discount"))}</th><th class="px-3 py-1 text-end">${ssrInterpolate(_ctx.$currency(__props.record.total_discount_amount))}</th></tr>`);
					else _push(`<!---->`);
					if (_ctx.$decimal(__props.record.total_tax_amount, true) > 0 || unref(page).props.settings.show_tax == 1) _push(`<!--[--><tr><th${ssrRenderAttr("colspan", colspan.value)} class="px-3 py-1 text-end text-gray-500">${ssrInterpolate(_ctx.$t("Subtotal"))}</th><th class="px-3 py-1 text-end">${ssrInterpolate(_ctx.$currency(__props.record.subtotal))}</th></tr><tr><th${ssrRenderAttr("colspan", colspan.value)} class="px-3 py-1 text-end text-gray-500">${ssrInterpolate(_ctx.$t("Tax"))}</th><th class="px-3 py-1 text-end">${ssrInterpolate(_ctx.$currency(__props.record.total_tax_amount))}</th></tr><!--]-->`);
					else if (unref(page).props.settings.show_zero_taxes == 1) _push(`<tr><th${ssrRenderAttr("colspan", colspan.value)} class="px-3 py-1 text-end text-gray-500">${ssrInterpolate(_ctx.$t("Tax"))}</th><th class="px-3 py-1 text-end">${ssrInterpolate(_ctx.$currency(__props.record.total_tax_amount))}</th></tr>`);
					else _push(`<!---->`);
					_push(`<tr><th${ssrRenderAttr("colspan", colspan.value)} class="px-3 py-2 text-end text-lg font-black">${ssrInterpolate(_ctx.$t("Total"))}</th><th class="px-3 py-2 text-end text-lg font-black">${ssrInterpolate(_ctx.$currency(__props.record.grand_total))}</th></tr>`);
					if ((__props.type === "sale" || __props.type === "purchase") && __props.record.return_orders && __props.record.return_orders.length > 0) {
						_push(`<!--[--><!--[-->`);
						ssrRenderList(__props.record.return_orders, (returnOrder) => {
							_push(`<tr><th${ssrRenderAttr("colspan", colspan.value)} class="px-3 py-2 text-end text-lg font-black">${ssrInterpolate(_ctx.$t("Return"))}: ${ssrInterpolate(returnOrder.reference)}</th><th class="px-3 py-2 text-end text-lg font-black whitespace-nowrap">-${ssrInterpolate(_ctx.$currency(returnOrder.grand_total))}</th></tr>`);
						});
						_push(`<!--]--><!--[-->`);
						ssrRenderList(__props.record.return_orders.filter((r) => Number(r.return_payment_amount) > 0), (returnOrder) => {
							_push(`<tr><th${ssrRenderAttr("colspan", colspan.value)} class="px-3 py-2 text-end text-lg font-black">${ssrInterpolate(_ctx.$t("Return Payment"))} (${ssrInterpolate(returnOrder.return_payment_method)}) </th><th class="px-3 py-2 text-end text-lg font-black">-${ssrInterpolate(_ctx.$currency(returnOrder.return_payment_amount))}</th></tr>`);
						});
						_push(`<!--]--><!--]-->`);
					} else _push(`<!---->`);
					if (typeConfig.value.showPaid) _push(`<tr><th${ssrRenderAttr("colspan", colspan.value)} class="px-3 py-1 text-end text-gray-500">${ssrInterpolate(_ctx.$t("Paid"))}</th><th class="px-3 py-1 text-end font-bold">${ssrInterpolate(_ctx.$currency(__props.record.paid - (__props.record.return_orders?.reduce((sum, r) => sum + Number(r.return_payment_amount), 0) || 0)))}</th></tr>`);
					else _push(`<!---->`);
					if (typeConfig.value.showBalance) _push(`<tr><th${ssrRenderAttr("colspan", colspan.value)} class="px-3 py-2 text-end font-black">${ssrInterpolate(_ctx.$t("Balance"))}</th><th class="px-3 py-2 text-end font-black">${ssrInterpolate(_ctx.$currency(__props.record.grand_total - __props.record.paid + (__props.record.return_orders?.reduce((sum, r) => sum + Number(r.return_payment_amount), 0) || 0) - (__props.record.return_orders?.reduce((sum, r) => sum + Number(r.grand_total), 0) || 0)))}</th></tr>`);
					else _push(`<!---->`);
					_push(`</tfoot>`);
				} else _push(`<tfoot class="border-t-2 border-gray-300 dark:border-gray-600 print:border-gray-300!"><tr><td class="bg-gray-100 px-3 py-2 text-center font-bold dark:bg-gray-800 print:bg-gray-100!"></td><td class="px-3 py-2 font-bold">${ssrInterpolate(_ctx.$t("Total Quantity"))}</td><td class="px-3 py-2 text-center font-bold">${ssrInterpolate(_ctx.$number_qty(__props.record.items.reduce((a, i) => Number(i.quantity) + a, 0)))}</td></tr></tfoot>`);
				_push(`</table></div>`);
			} else _push(`<!---->`);
			_push(`<div class="-mx-4">`);
			ssrRenderSlot(_ctx.$slots, "amount", { record: __props.record }, null, _push, _parent);
			_push(`</div>`);
			_push(ssrRenderComponent(unref(_sfc_main$10), {
				modal: false,
				fields: __props.custom_fields,
				title: _ctx.$t("Custom Fields"),
				extra_attributes: __props.record.extra_attributes
			}, null, _parent));
			if (__props.record.details) _push(`<div class="mt-6 text-sm text-gray-600 dark:text-gray-300">${ssrInterpolate(__props.record.details)}</div>`);
			else _push(`<!---->`);
			if (__props.type == "sale") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.sale_footer) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.sale_footer)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "purchase") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.purchase_footer) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.purchase_footer)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "payment") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.payment_footer) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.payment_footer)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "quotation") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.quotation_footer) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.quotation_footer)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else _push(`<!---->`);
			_push(`<div class="mt-6 flex items-center gap-4"><div class="h-px flex-1 bg-gray-300 dark:bg-gray-600 print:bg-gray-300!"></div><div class="text-xs tracking-widest text-gray-400 uppercase">${ssrInterpolate(_ctx.$page.props.settings?.name)}</div><div class="h-px flex-1 bg-gray-300 dark:bg-gray-600 print:bg-gray-300!"></div></div>`);
			if (__props.record.attachments && __props.record.attachments.length) {
				_push(`<div class="mt-8 w-full py-2 print:hidden">`);
				_push(ssrRenderComponent(unref(_sfc_main$37), { attachments: __props.record.attachments }, null, _parent));
				_push(`</div>`);
			} else _push(`<!---->`);
			_push(`</div>`);
			if (typeConfig.value.showPayments && __props.record.payments && __props.record.payments.length) {
				_push(`<div class="mx-6 mb-6 rounded-sm border border-gray-200 dark:border-gray-700 print:hidden"><h4 class="border-b border-gray-200 px-4 py-2 text-base font-extrabold dark:border-gray-700">${ssrInterpolate(_ctx.$t("Payments"))}</h4><div class="overflow-x-auto py-1"><table class="w-full divide-y divide-gray-200 text-sm dark:divide-gray-700"><thead><tr><th class="w-[140px] p-2 text-start font-bold uppercase">${ssrInterpolate(_ctx.$t("Date"))}</th><th class="p-2 text-start font-bold uppercase">${ssrInterpolate(_ctx.$t("Reference"))}</th><th class="w-[100px] p-2 text-start font-bold uppercase">${ssrInterpolate(_ctx.$t("Method"))}</th><th class="w-[120px] p-2 text-center font-bold uppercase">${ssrInterpolate(_ctx.$t("Amount"))}</th></tr></thead><tbody><!--[-->`);
				ssrRenderList(__props.record.payments, (p) => {
					_push(`<tr><td class="p-2 whitespace-nowrap">${ssrInterpolate(_ctx.$date(p.date))}</td><td class="p-2">${ssrInterpolate(p.reference)}</td><td class="p-2 whitespace-nowrap">${ssrInterpolate(_ctx.$t(p.method))}</td><td class="p-2 text-end">${ssrInterpolate(_ctx.$currency(p.amount))}</td></tr>`);
				});
				_push(`<!--]--></tbody></table></div></div>`);
			} else _push(`<!---->`);
			if (__props.showPackingList) _push(ssrRenderComponent(unref(_sfc_main$52), {
				show: packing.value,
				"max-width": "2xl",
				onClose: ($event) => packing.value = false,
				class: "modal-2"
			}, {
				default: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) _push(ssrRenderComponent(_sfc_main$8, {
						record: __props.record,
						type: __props.type
					}, null, _parent, _scopeId));
					else return [createVNode(_sfc_main$8, {
						record: __props.record,
						type: __props.type
					}, null, 8, ["record", "type"])];
				}),
				_: 1
			}, _parent));
			else _push(`<!---->`);
			_push(`</div>`);
		};
	}
};
var _sfc_setup$3 = _sfc_main$3.setup;
_sfc_main$3.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Templates/TemplateSix.vue");
	return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Templates/TemplateThree.vue
var _sfc_main$2 = {
	__name: "TemplateThree",
	__ssrInlineRender: true,
	props: {
		record: {
			type: Object,
			required: true
		},
		type: {
			type: String,
			required: true
		},
		custom_fields: {
			type: Array,
			default: () => []
		},
		editRow: {
			type: Function,
			default: null
		},
		xfetch: {
			type: Boolean,
			default: false
		},
		qrUrl: {
			type: String,
			default: null
		},
		showPackingList: {
			type: Boolean,
			default: false
		}
	},
	setup(__props) {
		const { t } = useI18n();
		const page = usePage();
		const props = __props;
		const colspan = ref(4);
		const qrcode = ref(null);
		const packing = ref(false);
		const typeConfig = computed(() => {
			const configs = {
				sale: {
					label: t("Sale"),
					noLabel: t("{x} No.", { x: t("Sale") }),
					permission: "update-sales",
					personLabel: t("Billing Address"),
					showPerson: true,
					personField: "customer",
					showAddress: true,
					addressLabel: t("Shipping Address"),
					showItems: true,
					showPayments: true,
					showPaid: true,
					showBalance: true,
					priceField: "price",
					quantityField: "quantity"
				},
				quotation: {
					label: t("Quotation"),
					noLabel: t("{x} No.", { x: t("Quotation") }),
					permission: "update-quotations",
					personLabel: t("Billing Address"),
					showPerson: true,
					personField: "customer",
					showAddress: true,
					addressLabel: t("Shipping Address"),
					showItems: true,
					showPayments: false,
					showPaid: false,
					showBalance: false,
					priceField: "price",
					quantityField: "quantity"
				},
				purchase: {
					label: t("Purchase"),
					noLabel: t("{x} No.", { x: t("Purchase") }),
					permission: "update-purchases",
					personLabel: t("Purchase From"),
					showPerson: true,
					personField: "supplier",
					showAddress: false,
					showItems: true,
					showPayments: true,
					showPaid: true,
					showBalance: true,
					priceField: "cost",
					quantityField: "quantity"
				},
				payment: {
					label: t("Payment"),
					noLabel: t("{x} No.", { x: t("Payment") }),
					permission: "update-payments",
					personLabel: t("From"),
					showPerson: true,
					personField: "customer",
					showAddress: false,
					showItems: false,
					showPayments: false,
					showPaid: false,
					showBalance: false
				},
				expense: {
					label: t("Expense"),
					noLabel: t("{x} No.", { x: t("Expense") }),
					permission: "update-expenses",
					personLabel: t("Order To"),
					showPerson: true,
					personField: "supplier",
					showAddress: false,
					showItems: false,
					showPayments: false,
					showPaid: false,
					showBalance: false
				},
				transfer: {
					label: t("Transfer"),
					noLabel: t("{x} No.", { x: t("Transfer") }),
					permission: "update-transfers",
					personLabel: t("Transfer To"),
					showPerson: true,
					personField: "to_store",
					showAddress: false,
					showItems: true,
					showPayments: false,
					showPaid: false,
					showBalance: false,
					showPrices: false,
					quantityField: "quantity"
				},
				adjustment: {
					label: t("Adjustment"),
					noLabel: t("{x} No.", { x: t("Adjustment") }),
					permission: "update-adjustments",
					showPerson: false,
					showAddress: false,
					showItems: true,
					showPayments: false,
					showPaid: false,
					showBalance: false,
					showPrices: false,
					quantityField: "quantity"
				},
				return_order: {
					label: t("Return Order"),
					noLabel: t("{x} No.", { x: t("Return Order") }),
					permission: "update-return-orders",
					personLabel: props.record?.type === "Purchase" ? t("Returned To") : t("Returned From"),
					showPerson: true,
					personField: props.record?.type === "Purchase" ? "supplier" : "customer",
					showAddress: false,
					showItems: true,
					showPayments: false,
					showPaid: false,
					showBalance: false,
					priceField: props.record?.type === "Purchase" ? "cost" : "price",
					quantityField: "quantity"
				},
				delivery: {
					label: t("Delivery"),
					noLabel: t("{x} No.", { x: t("Delivery Order") }),
					permission: "update-deliveries",
					personLabel: t("Deliver To"),
					showPerson: true,
					personField: "customer",
					showAddress: true,
					showItems: false,
					showPayments: false,
					showPaid: false,
					showBalance: false
				}
			};
			return configs[props.type] || configs.sale;
		});
		const person = computed(() => {
			if (!typeConfig.value.showPerson || !typeConfig.value.personField) return null;
			return props.record[typeConfig.value.personField];
		});
		const paymentStatus = computed(() => {
			if (props.record.paid >= props.record.grand_total) return {
				label: "Paid",
				class: "bg-green-100 text-green-800"
			};
			if (props.record.due_date && new Date(props.record.due_date) < /* @__PURE__ */ new Date() && props.record.paid < props.record.grand_total) return {
				label: "Overdue",
				class: "bg-red-100 text-red-800"
			};
			if (props.record.due_date && new Date(props.record.due_date) > /* @__PURE__ */ new Date()) return {
				label: "Pending",
				class: "bg-primary-100 text-primary-800"
			};
			return {
				label: "Due",
				class: "bg-yellow-100 text-yellow-800"
			};
		});
		onMounted(async () => {
			if (page.props.settings.show_discount == 1) colspan.value++;
			if (page.props.settings.show_tax == 1) colspan.value++;
			await nextTick();
			if (props.qrUrl) qrcode.value = await generateQR(props.qrUrl);
			JsBarcode(".barcode").init();
		});
		async function generateQR(text) {
			try {
				return await QRCode.toString(text, { type: "svg" });
			} catch (err) {
				console.error(err);
				return `<span class="text-red-500">${err.toString()}</span>`;
			}
		}
		return (_ctx, _push, _parent, _attrs) => {
			const _component_Icon = resolveComponent("Icon");
			_push(`<div${ssrRenderAttrs(_attrs)}>`);
			if (!__props.xfetch) {
				_push(`<!--[--><span class="absolute end-12 top-4 inline-flex items-center gap-x-4 sm:end-14 print:hidden"><button type="button" class="link -m-2 p-2">`);
				_push(ssrRenderComponent(_component_Icon, {
					name: "print-o",
					class: "size-5"
				}, null, _parent));
				_push(`</button>`);
				if (__props.showPackingList) {
					_push(`<button type="button" class="link -m-2 p-2">`);
					_push(ssrRenderComponent(_component_Icon, {
						name: "archive",
						class: "size-5"
					}, null, _parent));
					_push(`</button>`);
				} else _push(`<!---->`);
				if (__props.editRow && _ctx.$can(typeConfig.value.permission)) {
					_push(`<button type="button" class="link -m-2 p-2">`);
					_push(ssrRenderComponent(_component_Icon, {
						name: "edit-o",
						class: "size-5"
					}, null, _parent));
					_push(`</button>`);
				} else _push(`<!---->`);
				_push(`</span><div class="border-b border-gray-200 px-4 py-4 sm:px-6 dark:border-gray-700 print:hidden"><div class="sm:flex sm:items-baseline sm:justify-between"><div class="sm:w-0 sm:flex-1"><h1 class="text-focus text-base font-semibold">${ssrInterpolate(typeConfig.value.label)} #${ssrInterpolate(__props.record?.id)} (${ssrInterpolate(__props.record?.reference)})</h1><p class="text-mute mt-1 truncate text-sm">${ssrInterpolate(_ctx.$t("Please view the details below"))}</p></div></div></div><!--]-->`);
			} else _push(`<!---->`);
			_push(`<div class="p-6 print:p-0"><div class="-mx-6 -mt-6 mb-6">`);
			ssrRenderSlot(_ctx.$slots, "alerts", {}, null, _push, _parent);
			_push(`</div><div class="mb-6 flex justify-between"><div><h1 class="text-focus text-2xl font-black"><div class="max-h-16 min-h-10 max-w-[250px]">`);
			if (__props.record.store?.logo) _push(`<img class="max-h-16 min-h-10 max-w-full"${ssrRenderAttr("src", __props.record.store.logo)}${ssrRenderAttr("alt", __props.record.store.name)}>`);
			else {
				_push(`<!--[-->`);
				if (_ctx.$page.props.settings?.logo) _push(`<img${ssrRenderAttr("alt", _ctx.$page.props.settings?.name)}${ssrRenderAttr("src", _ctx.$page.props.settings?.logo)} class="max-h-16 min-h-10 max-w-full dark:hidden print:block!">`);
				else _push(`<!---->`);
				if (_ctx.$page.props.settings?.logo_dark) _push(`<img${ssrRenderAttr("alt", _ctx.$page.props.settings?.name)}${ssrRenderAttr("src", _ctx.$page.props.settings?.logo_dark)} class="hidden max-h-16 min-h-10 max-w-full dark:block print:hidden!">`);
				else _push(`<!---->`);
				_push(`<!--]-->`);
			}
			_push(`</div></h1><div>${ssrInterpolate(_ctx.$address(__props.record.store))}</div></div><div class="shrink-0 space-y-1 text-end text-sm whitespace-nowrap">`);
			if (__props.record.store?.phone) _push(`<div>${ssrInterpolate(_ctx.$t("Phone"))}: ${ssrInterpolate(__props.record.store.phone)}</div>`);
			else _push(`<!---->`);
			if (__props.record.store?.email) _push(`<div>${ssrInterpolate(_ctx.$t("Email"))}: ${ssrInterpolate(__props.record.store.email)}</div>`);
			else _push(`<!---->`);
			_push(`</div></div><div class="${ssrRenderClass([{
				"grid-cols-4": typeConfig.value.showPaid,
				"grid-cols-3": !typeConfig.value.showPaid && typeConfig.value.showPrices !== false,
				"grid-cols-2": typeConfig.value.showPrices === false
			}, "text-focus grid gap-4 border-t border-b border-gray-300 py-4 text-center text-sm font-semibold uppercase dark:border-gray-700"])}"><div class="text-left"><span class="font-bold">${ssrInterpolate(typeConfig.value.noLabel)}</span><br><span class="text-lg font-black">${ssrInterpolate(__props.record.id)}</span></div><div><span class="font-bold">${ssrInterpolate(_ctx.$t("Date"))}</span><br><span class="text-lg font-black">${ssrInterpolate(_ctx.$date(__props.record.date || __props.record.created_at))}</span></div>`);
			if (typeConfig.value.showPaid) _push(`<div><span class="font-bold">${ssrInterpolate(_ctx.$t("Payment Status"))}</span><br><span class="${ssrRenderClass([paymentStatus.value.class, "mt-1 inline-block rounded-full px-3 py-px text-sm font-semibold"])}">${ssrInterpolate(_ctx.$t(paymentStatus.value.label))}</span></div>`);
			else _push(`<!---->`);
			if (typeConfig.value.showPrices !== false) _push(`<div class="text-right"><span class="font-bold">${ssrInterpolate(_ctx.$t("Total Amount"))}</span><br><span class="text-lg font-black">${ssrInterpolate(_ctx.$currency(__props.record.grand_total || __props.record.amount || 0))}</span></div>`);
			else _push(`<!---->`);
			_push(`</div>`);
			if (__props.type == "sale") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.sale_header) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.sale_header)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "purchase") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.purchase_header) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.purchase_header)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "payment") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.payment_header) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.payment_header)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "quotation") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.quotation_header) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.quotation_header)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else _push(`<!---->`);
			if (__props.qrUrl) _push(`<div class="flex items-center justify-between gap-6 border-b border-gray-300 py-2 dark:border-gray-700"><div class="bc-image h-[80px] overflow-hidden rounded"><svg class="barcode"${ssrRenderAttr("jsbarcode-width", 1)}${ssrRenderAttr("jsbarcode-margin", 5)}${ssrRenderAttr("jsbarcode-height", 70)}${ssrRenderAttr("jsbarcode-fontsize", 12)}${ssrRenderAttr("jsbarcode-textmargin", 3)} jsbarcode-format="CODE128" jsbarcode-fontoptions="bold"${ssrRenderAttr("jsbarcode-displayvalue", false)}${ssrRenderAttr("jsbarcode-value", __props.record.reference)}></svg></div><div class="qr-image qrcode h-[80px] overflow-hidden rounded">${qrcode.value ?? ""}</div></div>`);
			else _push(`<!---->`);
			if (person.value) {
				_push(`<div class="mt-8 grid grid-cols-2 gap-8 text-sm"><div><p class="mb-2 font-bold uppercase">${ssrInterpolate(typeConfig.value.personLabel)}</p><div class="text-lg font-semibold">${ssrInterpolate(person.value.company || person.value.name)}</div><div class="text-sm">${ssrInterpolate(_ctx.$address(person.value))}</div>`);
				if (person.value.phone) _push(`<div class="text-sm">${ssrInterpolate(_ctx.$t("Phone"))}: ${ssrInterpolate(person.value.phone)}</div>`);
				else _push(`<!---->`);
				if (person.value.email) _push(`<div class="text-sm">${ssrInterpolate(_ctx.$t("Email"))}: ${ssrInterpolate(person.value.email)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
				if (typeConfig.value.showAddress && __props.record.address) {
					_push(`<div><p class="mb-2 font-bold uppercase">${ssrInterpolate(typeConfig.value.addressLabel || _ctx.$t("Ship To"))}</p><div class="text-lg font-semibold">${ssrInterpolate(__props.record.address.company || __props.record.address.name)}</div><div class="text-sm">${ssrInterpolate(_ctx.$address(__props.record.address))}</div>`);
					if (__props.record.address.phone) _push(`<div class="text-sm">${ssrInterpolate(_ctx.$t("Phone"))}: ${ssrInterpolate(__props.record.address.phone)}</div>`);
					else _push(`<!---->`);
					if (__props.record.address.email) _push(`<div class="text-sm">${ssrInterpolate(_ctx.$t("Email"))}: ${ssrInterpolate(__props.record.address.email)}</div>`);
					else _push(`<!---->`);
					_push(`</div>`);
				} else _push(`<!---->`);
				_push(`</div>`);
			} else _push(`<!---->`);
			_push(`<div class="mt-6">`);
			ssrRenderSlot(_ctx.$slots, "content", {
				record: __props.record,
				typeConfig: typeConfig.value
			}, null, _push, _parent);
			_push(`</div>`);
			if (typeConfig.value.showItems && __props.record.items) {
				_push(`<div class="rounded-corners mt-6"><table class="w-full"><thead class="bg-gray-100 text-sm dark:bg-gray-900"><tr><th class="w-7 border border-gray-300 p-2 text-center font-bold uppercase dark:border-gray-700">#</th><th class="border border-gray-300 p-2 text-start font-bold uppercase dark:border-gray-700">${ssrInterpolate(_ctx.$t("Description"))}</th>`);
				if (typeConfig.value.showPrices !== false) _push(`<th class="w-[120px] border border-gray-300 p-2 text-center font-bold whitespace-nowrap uppercase dark:border-gray-700">${ssrInterpolate(unref(page).props.settings.show_tax == 1 ? _ctx.$t("Price") : _ctx.$t("Unit Price"))}</th>`);
				else _push(`<!---->`);
				_push(`<th class="w-[80px] border border-gray-300 p-2 text-center font-bold uppercase dark:border-gray-700">${ssrInterpolate(_ctx.$t("Qty"))}</th>`);
				if (typeConfig.value.showPrices !== false) {
					_push(`<!--[-->`);
					if (unref(page).props.settings.show_discount == 1) _push(`<th class="w-[80px] border border-gray-300 p-2 text-center font-bold uppercase dark:border-gray-700">${ssrInterpolate(_ctx.$t("Discount"))}</th>`);
					else _push(`<!---->`);
					if (unref(page).props.settings.show_tax == 1) _push(`<th class="w-[80px] border border-gray-300 p-2 text-center font-bold uppercase dark:border-gray-700">${ssrInterpolate(_ctx.$t("Tax"))}</th>`);
					else _push(`<!---->`);
					_push(`<th class="w-[120px] border border-gray-300 p-2 text-center font-bold uppercase dark:border-gray-700">${ssrInterpolate(_ctx.$t("Total"))}</th><!--]-->`);
				} else _push(`<!---->`);
				_push(`</tr></thead><!--[-->`);
				ssrRenderList(__props.record.items, (item, index) => {
					_push(`<!--[-->`);
					if (item.variations && item.variations.length) {
						_push(`<tbody><tr><td class="w-7 border border-gray-300 p-2 text-end dark:border-gray-700">${ssrInterpolate(index + 1)}</td><td class="border border-gray-300 px-2 py-1 dark:border-gray-700"><div class="flex items-center gap-2">`);
						if (item.product && unref(page).props.settings.show_image == 1) {
							_push(`<!--[-->`);
							if (item.product.photo) _push(`<img class="h-8 w-8 rounded-xs"${ssrRenderAttr("src", item.product.photo)} alt="Product Image">`);
							else _push(`<img class="me-2 h-8 w-8 rounded-xs" src="img/no-image.png" alt="No Image">`);
							_push(`<!--]-->`);
						} else _push(`<!---->`);
						_push(`<div>${ssrInterpolate(item.product?.name || "")} <div class="text-mute text-sm">${ssrInterpolate(item.product?.code || "")}</div>`);
						if (item.comment) _push(`<div class="text-xs">${ssrInterpolate(item.comment)}</div>`);
						else _push(`<!---->`);
						if (item.serials && item.serials.length) _push(`<div class="text-xs"><span class="text-mute font-bold">${ssrInterpolate(_ctx.$t("Serials"))}:</span> ${ssrInterpolate(item.serials.map((s) => s.number).join(", "))}</div>`);
						else _push(`<!---->`);
						_push(`</div></div></td>`);
						if (typeConfig.value.showPrices !== false) _push(`<td class="border border-gray-300 p-2 dark:border-gray-700"></td>`);
						else _push(`<!---->`);
						_push(`<td class="border border-gray-300 p-2 text-center dark:border-gray-700"></td>`);
						if (typeConfig.value.showPrices !== false) {
							_push(`<!--[-->`);
							if (unref(page).props.settings.show_discount == 1) _push(`<td class="border border-gray-300 p-2 text-end dark:border-gray-700"></td>`);
							else _push(`<!---->`);
							if (unref(page).props.settings.show_tax == 1) _push(`<td class="border border-gray-300 p-2 dark:border-gray-700"></td>`);
							else _push(`<!---->`);
							_push(`<td class="border border-gray-300 p-2 dark:border-gray-700"></td><!--]-->`);
						} else _push(`<!---->`);
						_push(`</tr><!--[-->`);
						ssrRenderList(item.variations, (variation) => {
							_push(`<tr><td class="w-7 border border-gray-300 dark:border-gray-700"></td><td class="border border-gray-300 p-2 dark:border-gray-700">${ssrInterpolate(_ctx.$meta(variation.meta))}</td>`);
							if (typeConfig.value.showPrices !== false) _push(`<td class="border border-gray-300 p-2 text-end dark:border-gray-700">${ssrInterpolate(_ctx.$number(variation.pivot[typeConfig.value.priceField]))}</td>`);
							else _push(`<!---->`);
							_push(`<td class="border border-gray-300 p-2 text-center dark:border-gray-700"><div class="flex items-center justify-center">${ssrInterpolate(_ctx.$number_qty(variation.pivot.quantity))}${ssrInterpolate(variation.pivot?.unit?.code || "")}</div></td>`);
							if (typeConfig.value.showPrices !== false) {
								_push(`<!--[-->`);
								if (unref(page).props.settings.show_discount == 1) _push(`<td class="border border-gray-300 p-2 text-end dark:border-gray-700">${ssrInterpolate(_ctx.$number(variation.pivot.discount_amount))}</td>`);
								else _push(`<!---->`);
								if (unref(page).props.settings.show_tax == 1) _push(`<td class="border border-gray-300 p-2 text-end dark:border-gray-700">${ssrInterpolate(_ctx.$number(variation.pivot.tax_amount))}</td>`);
								else _push(`<!---->`);
								_push(`<td class="border border-gray-300 p-2 text-end font-bold dark:border-gray-700">${ssrInterpolate(_ctx.$number(variation.pivot.total))}</td><!--]-->`);
							} else _push(`<!---->`);
							_push(`</tr>`);
						});
						_push(`<!--]--></tbody>`);
					} else {
						_push(`<tbody class="divide-y divide-gray-200 border-y border-gray-200 dark:divide-gray-700 dark:border-gray-700 print:divide-gray-400 dark:print:divide-gray-400"><tr><td class="w-7 border border-gray-300 p-2 text-end dark:border-gray-700">${ssrInterpolate(index + 1)}</td><td class="border border-gray-300 px-2 py-1 dark:border-gray-700"><div class="flex items-center gap-2">`);
						if (item.product && unref(page).props.settings.show_image == 1) {
							_push(`<!--[-->`);
							if (item.product.photo) _push(`<img class="h-8 w-8 rounded-xs"${ssrRenderAttr("src", item.product.photo)} alt="Product Image">`);
							else _push(`<img class="me-2 h-8 w-8 rounded-xs" src="img/no-image.png" alt="No Image">`);
							_push(`<!--]-->`);
						} else _push(`<!---->`);
						_push(`<div>${ssrInterpolate(item.product?.name || "")} <div class="text-mute text-sm">${ssrInterpolate(item.product?.code || "")}</div>`);
						if (item.comment) _push(`<div class="${ssrRenderClass(item.product?.name ? "text-mute text-xs" : "")}">${ssrInterpolate(item.comment)}</div>`);
						else _push(`<!---->`);
						if (item.serials && item.serials.length) _push(`<div class="text-xs"><span class="text-mute font-bold">${ssrInterpolate(_ctx.$t("Serials"))}:</span> ${ssrInterpolate(item.serials.map((s) => s.number).join(", "))}</div>`);
						else _push(`<!---->`);
						_push(`</div></div></td>`);
						if (typeConfig.value.showPrices !== false) _push(`<td class="border border-gray-300 p-2 text-end dark:border-gray-700">${ssrInterpolate(_ctx.$number(item[typeConfig.value.priceField]))}</td>`);
						else _push(`<!---->`);
						_push(`<td class="border border-gray-300 p-2 text-center dark:border-gray-700"><div class="flex items-center justify-center">${ssrInterpolate(_ctx.$number_qty(item.quantity))}${ssrInterpolate(item.unit?.code || "")}</div></td>`);
						if (typeConfig.value.showPrices !== false) {
							_push(`<!--[-->`);
							if (unref(page).props.settings.show_discount == 1) _push(`<td class="border border-gray-300 p-2 text-end dark:border-gray-700">${ssrInterpolate(_ctx.$number(item.discount_amount))}</td>`);
							else _push(`<!---->`);
							if (unref(page).props.settings.show_tax == 1) _push(`<td class="border border-gray-300 p-2 text-end dark:border-gray-700">${ssrInterpolate(_ctx.$number(item.tax_amount))}</td>`);
							else _push(`<!---->`);
							_push(`<td class="border border-gray-300 p-2 text-end font-bold dark:border-gray-700">${ssrInterpolate(_ctx.$number(item.total))}</td><!--]-->`);
						} else _push(`<!---->`);
						_push(`</tr></tbody>`);
					}
					_push(`<!--]-->`);
				});
				_push(`<!--]-->`);
				if (typeConfig.value.showPrices !== false) {
					_push(`<tfoot class="break-inside-avoid">`);
					if (unref(page).props.settings.show_discount == 1 && Number(__props.record.total_discount_amount) > 0) _push(`<tr><th${ssrRenderAttr("colspan", colspan.value)} class="border border-gray-300 p-2 text-end text-lg font-bold dark:border-gray-700">${ssrInterpolate(_ctx.$t("Discount"))}</th><th class="border border-gray-300 p-2 text-end text-lg font-bold dark:border-gray-700">${ssrInterpolate(_ctx.$currency(__props.record.total_discount_amount))}</th></tr>`);
					else _push(`<!---->`);
					if (_ctx.$decimal(__props.record.total_tax_amount, true) > 0 || unref(page).props.settings.show_tax == 1) _push(`<!--[--><tr><th${ssrRenderAttr("colspan", colspan.value)} class="border border-gray-300 p-2 text-end text-lg font-bold dark:border-gray-700">${ssrInterpolate(_ctx.$t("Subtotal"))}</th><th class="border border-gray-300 p-2 text-end text-lg font-bold dark:border-gray-700">${ssrInterpolate(_ctx.$currency(__props.record.subtotal))}</th></tr><tr><th${ssrRenderAttr("colspan", colspan.value)} class="border border-gray-300 p-2 text-end text-lg font-bold dark:border-gray-700">${ssrInterpolate(_ctx.$t("Tax"))}</th><th class="border border-gray-300 p-2 text-end text-lg font-bold dark:border-gray-700">${ssrInterpolate(_ctx.$currency(__props.record.total_tax_amount))}</th></tr><!--]-->`);
					else if (unref(page).props.settings.show_zero_taxes == 1) _push(`<tr><th${ssrRenderAttr("colspan", colspan.value)} class="border border-gray-300 p-2 text-end text-lg font-bold dark:border-gray-700">${ssrInterpolate(_ctx.$t("Tax"))}</th><th class="border border-gray-300 p-2 text-end text-lg font-bold dark:border-gray-700">${ssrInterpolate(_ctx.$currency(__props.record.total_tax_amount))}</th></tr>`);
					else _push(`<!---->`);
					_push(`<tr><th${ssrRenderAttr("colspan", colspan.value)} class="border border-gray-300 p-2 text-end text-lg font-bold dark:border-gray-700">${ssrInterpolate(_ctx.$t("Total"))}</th><th class="border border-gray-300 p-2 text-end text-lg font-bold dark:border-gray-700">${ssrInterpolate(_ctx.$currency(__props.record.grand_total))}</th></tr>`);
					if ((__props.type === "sale" || __props.type === "purchase") && __props.record.return_orders && __props.record.return_orders.length > 0) {
						_push(`<!--[--><!--[-->`);
						ssrRenderList(__props.record.return_orders, (returnOrder) => {
							_push(`<tr><th${ssrRenderAttr("colspan", colspan.value)} class="border border-gray-300 p-2 text-end text-lg font-bold dark:border-gray-700">${ssrInterpolate(_ctx.$t("Return"))}: ${ssrInterpolate(returnOrder.reference)}</th><th class="border border-gray-300 p-2 text-end text-lg font-bold whitespace-nowrap text-red-600 dark:border-gray-700 dark:text-red-400"> -${ssrInterpolate(_ctx.$currency(returnOrder.grand_total))}</th></tr>`);
						});
						_push(`<!--]--><!--[-->`);
						ssrRenderList(__props.record.return_orders.filter((r) => Number(r.return_payment_amount) > 0), (returnOrder) => {
							_push(`<tr><th${ssrRenderAttr("colspan", colspan.value)} class="border border-gray-300 p-2 text-end text-lg font-bold dark:border-gray-700">${ssrInterpolate(_ctx.$t("Return Payment"))} (${ssrInterpolate(returnOrder.return_payment_method)}) </th><th class="border border-gray-300 p-2 text-end text-lg font-bold text-red-600 dark:border-gray-700 dark:text-red-400"> -${ssrInterpolate(_ctx.$currency(returnOrder.return_payment_amount))}</th></tr>`);
						});
						_push(`<!--]--><!--]-->`);
					} else _push(`<!---->`);
					if (typeConfig.value.showPaid) _push(`<tr><th${ssrRenderAttr("colspan", colspan.value)} class="border border-gray-300 p-2 text-end text-lg font-bold dark:border-gray-700">${ssrInterpolate(_ctx.$t("Paid"))}</th><th class="border border-gray-300 p-2 text-end text-lg font-bold dark:border-gray-700">${ssrInterpolate(_ctx.$currency(__props.record.paid - (__props.record.return_orders?.reduce((sum, r) => sum + Number(r.return_payment_amount), 0) || 0)))}</th></tr>`);
					else _push(`<!---->`);
					if (typeConfig.value.showBalance) _push(`<tr><th${ssrRenderAttr("colspan", colspan.value)} class="border-x border-gray-300 p-2 text-end text-lg font-bold dark:border-gray-700">${ssrInterpolate(_ctx.$t("Balance"))}</th><th class="border-x border-gray-300 p-2 text-end text-lg font-bold dark:border-gray-700">${ssrInterpolate(_ctx.$currency(__props.record.grand_total - __props.record.paid + (__props.record.return_orders?.reduce((sum, r) => sum + Number(r.return_payment_amount), 0) || 0) - (__props.record.return_orders?.reduce((sum, r) => sum + Number(r.grand_total), 0) || 0)))}</th></tr>`);
					else _push(`<!---->`);
					_push(`</tfoot>`);
				} else _push(`<tfoot><tr><td colspan="2" class="border border-gray-300 px-2 pt-1 pb-2 text-center font-bold dark:border-gray-700">${ssrInterpolate(_ctx.$t("Total Quantity"))}</td><td class="w-[80px] border border-gray-300 px-2 pt-1 pb-2 text-center font-bold dark:border-gray-700">${ssrInterpolate(_ctx.$number_qty(__props.record.items.reduce((a, i) => Number(i.quantity) + a, 0)))}</td></tr></tfoot>`);
				_push(`</table></div>`);
			} else _push(`<!---->`);
			_push(`<div class="-mx-4">`);
			ssrRenderSlot(_ctx.$slots, "amount", { record: __props.record }, null, _push, _parent);
			_push(`</div>`);
			_push(ssrRenderComponent(unref(_sfc_main$10), {
				modal: false,
				fields: __props.custom_fields,
				title: _ctx.$t("Custom Fields"),
				extra_attributes: __props.record.extra_attributes
			}, null, _parent));
			if (__props.record.details) _push(`<div class="mt-6 rounded-md border border-gray-300 p-4 text-sm dark:border-gray-700">${ssrInterpolate(__props.record.details)}</div>`);
			else _push(`<!---->`);
			if (__props.type == "sale") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.sale_footer) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.sale_footer)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "purchase") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.purchase_footer) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.purchase_footer)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "payment") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.payment_footer) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.payment_footer)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "quotation") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.quotation_footer) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.quotation_footer)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else _push(`<!---->`);
			if (__props.record.attachments && __props.record.attachments.length) {
				_push(`<div class="mt-8 w-full py-2 print:hidden">`);
				_push(ssrRenderComponent(unref(_sfc_main$37), { attachments: __props.record.attachments }, null, _parent));
				_push(`</div>`);
			} else _push(`<!---->`);
			_push(`</div>`);
			if (typeConfig.value.showPayments && __props.record.payments && __props.record.payments.length) {
				_push(`<div class="mx-6 mb-6 rounded-sm border border-gray-200 dark:border-gray-700 print:hidden"><h4 class="border-b border-gray-200 px-4 py-2 text-base font-extrabold dark:border-gray-700">${ssrInterpolate(_ctx.$t("Payments"))}</h4><div class="-m-px"><table class="w-full text-sm"><thead><tr><th class="w-[140px] p-2 text-start font-bold uppercase">${ssrInterpolate(_ctx.$t("Date"))}</th><th class="p-2 text-start font-bold uppercase">${ssrInterpolate(_ctx.$t("Reference"))}</th><th class="w-[100px] p-2 text-start font-bold uppercase">${ssrInterpolate(_ctx.$t("Method"))}</th><th class="w-[120px] p-2 text-center font-bold uppercase">${ssrInterpolate(_ctx.$t("Amount"))}</th></tr></thead><tbody><!--[-->`);
				ssrRenderList(__props.record.payments, (p) => {
					_push(`<tr><td class="border-t border-gray-300 p-2 whitespace-nowrap dark:border-gray-700">${ssrInterpolate(_ctx.$date(p.date))}</td><td class="border-t border-gray-300 p-2 dark:border-gray-700">${ssrInterpolate(p.reference)}</td><td class="border-t border-gray-300 p-2 whitespace-nowrap dark:border-gray-700">${ssrInterpolate(_ctx.$t(p.method))}</td><td class="border-t border-gray-300 p-2 text-end dark:border-gray-700">${ssrInterpolate(_ctx.$currency(p.amount))}</td></tr>`);
				});
				_push(`<!--]--></tbody></table></div></div>`);
			} else _push(`<!---->`);
			if (__props.showPackingList) _push(ssrRenderComponent(unref(_sfc_main$52), {
				show: packing.value,
				"max-width": "2xl",
				onClose: ($event) => packing.value = false,
				class: "modal-2"
			}, {
				default: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) _push(ssrRenderComponent(_sfc_main$8, {
						record: __props.record,
						type: __props.type
					}, null, _parent, _scopeId));
					else return [createVNode(_sfc_main$8, {
						record: __props.record,
						type: __props.type
					}, null, 8, ["record", "type"])];
				}),
				_: 1
			}, _parent));
			else _push(`<!---->`);
			_push(`</div>`);
		};
	}
};
var _sfc_setup$2 = _sfc_main$2.setup;
_sfc_main$2.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Templates/TemplateThree.vue");
	return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Components/Templates/TemplateTwo.vue
var _sfc_main$1 = {
	__name: "TemplateTwo",
	__ssrInlineRender: true,
	props: {
		record: {
			type: Object,
			required: true
		},
		type: {
			type: String,
			required: true
		},
		custom_fields: {
			type: Array,
			default: () => []
		},
		editRow: {
			type: Function,
			default: null
		},
		xfetch: {
			type: Boolean,
			default: false
		},
		qrUrl: {
			type: String,
			default: null
		},
		showPackingList: {
			type: Boolean,
			default: false
		}
	},
	setup(__props) {
		const { t } = useI18n();
		const page = usePage();
		const props = __props;
		const colspan = ref(4);
		const qrcode = ref(null);
		const packing = ref(false);
		const typeConfig = computed(() => {
			const configs = {
				sale: {
					label: t("Sale"),
					noLabel: t("Sale No. {x}", { x: props.record?.id }),
					permission: "update-sales",
					personLabel: t("Sell To"),
					showPerson: true,
					personField: "customer",
					showAddress: true,
					showItems: true,
					showPayments: true,
					showPaid: true,
					showBalance: true,
					priceField: "price",
					quantityField: "quantity"
				},
				quotation: {
					label: t("Quotation"),
					noLabel: t("Quotation No. {x}", { x: props.record?.id }),
					permission: "update-quotations",
					personLabel: t("Quote To"),
					showPerson: true,
					personField: "customer",
					showAddress: true,
					showItems: true,
					showPayments: false,
					showPaid: false,
					showBalance: false,
					priceField: "price",
					quantityField: "quantity"
				},
				purchase: {
					label: t("Purchase"),
					noLabel: t("Purchase No. {x}", { x: props.record?.id }),
					permission: "update-purchases",
					personLabel: t("Purchase From"),
					showPerson: true,
					personField: "supplier",
					showAddress: false,
					showItems: true,
					showPayments: true,
					showPaid: true,
					showBalance: true,
					priceField: "cost",
					quantityField: "quantity"
				},
				payment: {
					label: t("Payment"),
					noLabel: t("Payment No. {x}", { x: props.record?.id }),
					permission: "update-payments",
					personLabel: t("From"),
					showPerson: true,
					personField: "customer",
					showAddress: false,
					showItems: false,
					showPayments: false,
					showPaid: false,
					showBalance: false
				},
				expense: {
					label: t("Expense"),
					noLabel: t("Expense No. {x}", { x: props.record?.id }),
					permission: "update-expenses",
					personLabel: t("Order To"),
					showPerson: true,
					personField: "supplier",
					showAddress: false,
					showItems: false,
					showPayments: false,
					showPaid: false,
					showBalance: false
				},
				transfer: {
					label: t("Transfer"),
					noLabel: t("Transfer No. {x}", { x: props.record?.id }),
					permission: "update-transfers",
					personLabel: t("Transfer To"),
					showPerson: true,
					personField: "to_store",
					showAddress: false,
					showItems: true,
					showPayments: false,
					showPaid: false,
					showBalance: false,
					showPrices: false,
					quantityField: "quantity"
				},
				adjustment: {
					label: t("Adjustment"),
					noLabel: t("Adjustment No. {x}", { x: props.record?.id }),
					permission: "update-adjustments",
					showPerson: false,
					showAddress: false,
					showItems: true,
					showPayments: false,
					showPaid: false,
					showBalance: false,
					showPrices: false,
					quantityField: "quantity"
				},
				return_order: {
					label: t("Return Order"),
					noLabel: t("Return Order No. {x}", { x: props.record?.id }),
					permission: "update-return-orders",
					personLabel: props.record?.type === "Purchase" ? t("Returned To") : t("Returned From"),
					showPerson: true,
					personField: props.record?.type === "Purchase" ? "supplier" : "customer",
					showAddress: false,
					showItems: true,
					showPayments: false,
					showPaid: false,
					showBalance: false,
					priceField: props.record?.type === "Purchase" ? "cost" : "price",
					quantityField: "quantity"
				},
				delivery: {
					label: t("Delivery"),
					noLabel: t("Delivery Order No. {x}", { x: props.record?.id }),
					permission: "update-deliveries",
					personLabel: t("Deliver To"),
					showPerson: true,
					personField: "customer",
					showAddress: true,
					showItems: false,
					showPayments: false,
					showPaid: false,
					showBalance: false
				}
			};
			return configs[props.type] || configs.sale;
		});
		const person = computed(() => {
			if (!typeConfig.value.showPerson || !typeConfig.value.personField) return null;
			return props.record[typeConfig.value.personField];
		});
		onMounted(async () => {
			if (page.props.settings.show_discount == 1) colspan.value++;
			if (page.props.settings.show_tax == 1) colspan.value++;
			await nextTick();
			if (props.qrUrl) qrcode.value = await generateQR(props.qrUrl);
			JsBarcode(".barcode").init();
		});
		async function generateQR(text) {
			try {
				return await QRCode.toString(text, { type: "svg" });
			} catch (err) {
				console.error(err);
				return `<span class="text-red-500">${err.toString()}</span>`;
			}
		}
		return (_ctx, _push, _parent, _attrs) => {
			const _component_Icon = resolveComponent("Icon");
			_push(`<div${ssrRenderAttrs(_attrs)}>`);
			if (!__props.xfetch) {
				_push(`<!--[--><span class="absolute end-12 top-4 inline-flex items-center gap-x-4 sm:end-14 print:hidden"><button type="button" class="link -m-2 p-2">`);
				_push(ssrRenderComponent(_component_Icon, {
					name: "print-o",
					class: "size-5"
				}, null, _parent));
				_push(`</button>`);
				if (__props.showPackingList) {
					_push(`<button type="button" class="link -m-2 p-2">`);
					_push(ssrRenderComponent(_component_Icon, {
						name: "archive",
						class: "size-5"
					}, null, _parent));
					_push(`</button>`);
				} else _push(`<!---->`);
				if (__props.editRow && _ctx.$can(typeConfig.value.permission)) {
					_push(`<button type="button" class="link -m-2 p-2">`);
					_push(ssrRenderComponent(_component_Icon, {
						name: "edit-o",
						class: "size-5"
					}, null, _parent));
					_push(`</button>`);
				} else _push(`<!---->`);
				_push(`</span><div class="border-b border-gray-200 px-4 py-4 sm:px-6 dark:border-gray-700 print:hidden"><div class="sm:flex sm:items-baseline sm:justify-between"><div class="sm:w-0 sm:flex-1"><h1 class="text-focus text-base font-semibold">${ssrInterpolate(typeConfig.value.label)} #${ssrInterpolate(__props.record?.id)} (${ssrInterpolate(__props.record?.reference)})</h1><p class="text-mute mt-1 truncate text-sm">${ssrInterpolate(_ctx.$t("Please view the details below"))}</p></div></div></div><!--]-->`);
			} else _push(`<!---->`);
			ssrRenderSlot(_ctx.$slots, "alerts", {}, null, _push, _parent);
			_push(`<div class="flex flex-col gap-6 p-6 print:p-0"><div class="flex items-end justify-between gap-x-8"><div class="w-2/3"><div class="max-h-16 max-w-[250px]">`);
			if (__props.record.store?.logo) _push(`<img class="h-16 max-w-full"${ssrRenderAttr("src", __props.record.store.logo)}${ssrRenderAttr("alt", __props.record.store.name)}>`);
			else {
				_push(`<!--[-->`);
				if (_ctx.$page.props.settings?.logo) _push(`<img${ssrRenderAttr("alt", _ctx.$page.props.settings?.name)}${ssrRenderAttr("src", _ctx.$page.props.settings?.logo)} class="h-16 max-w-full dark:hidden print:block!">`);
				else _push(`<!---->`);
				if (_ctx.$page.props.settings?.logo_dark) _push(`<img${ssrRenderAttr("alt", _ctx.$page.props.settings?.name)}${ssrRenderAttr("src", _ctx.$page.props.settings?.logo_dark)} class="hidden h-16 max-w-full dark:block print:hidden!">`);
				else _push(`<!---->`);
				_push(`<!--]-->`);
			}
			_push(`</div><div><div class="text-lg font-semibold">${ssrInterpolate(__props.record.store?.name)}</div><div class="text-sm">${ssrInterpolate(_ctx.$address(__props.record.store))}</div>`);
			if (__props.record.store?.phone) _push(`<div class="text-sm">${ssrInterpolate(_ctx.$t("Phone"))}: ${ssrInterpolate(__props.record.store.phone)}</div>`);
			else _push(`<!---->`);
			if (__props.record.store?.email) _push(`<div class="text-sm">${ssrInterpolate(_ctx.$t("Email"))}: ${ssrInterpolate(__props.record.store.email)}</div>`);
			else _push(`<!---->`);
			_push(`</div></div><div class="w-1/3 whitespace-nowrap"><h1 class="text-focus text-3xl font-bold uppercase">${ssrInterpolate(typeConfig.value.label)}</h1><div class="mt-1 text-sm"><div class="text-sm">${ssrInterpolate(typeConfig.value.noLabel)}</div><div class="text-sm">${ssrInterpolate(_ctx.$t("Date"))}: ${ssrInterpolate(_ctx.$date(__props.record.date || __props.record.created_at))}</div><div class="text-sm">${ssrInterpolate(_ctx.$t("Created at"))}: ${ssrInterpolate(_ctx.$datetime(__props.record.created_at))}</div><div class="flex gap-1 text-sm">${ssrInterpolate(_ctx.$t("Reference"))}: <p class="truncate hover:text-clip print:block print:text-clip" dir="rtl">${ssrInterpolate(__props.record.reference)}</p></div>`);
			if (__props.record.due_date) _push(`<div class="text-sm">${ssrInterpolate(_ctx.$t("Due Date"))}: ${ssrInterpolate(_ctx.$date(__props.record.due_date))}</div>`);
			else _push(`<!---->`);
			_push(`</div></div></div>`);
			if (__props.type == "sale") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.sale_header) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.sale_header)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "purchase") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.purchase_header) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.purchase_header)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "payment") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.payment_header) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.payment_header)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "quotation") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.quotation_header) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.quotation_header)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else _push(`<!---->`);
			if (__props.qrUrl) _push(`<div class="flex items-center justify-center gap-6"><div class="bc-image h-[80px] overflow-hidden rounded"><svg class="barcode"${ssrRenderAttr("jsbarcode-width", 1)}${ssrRenderAttr("jsbarcode-margin", 5)}${ssrRenderAttr("jsbarcode-height", 70)}${ssrRenderAttr("jsbarcode-fontsize", 12)}${ssrRenderAttr("jsbarcode-textmargin", 3)} jsbarcode-format="CODE128" jsbarcode-fontoptions="bold"${ssrRenderAttr("jsbarcode-displayvalue", false)}${ssrRenderAttr("jsbarcode-value", __props.record.reference)}></svg></div><div class="qr-image qrcode h-[80px] overflow-hidden rounded">${qrcode.value ?? ""}</div></div>`);
			else _push(`<!---->`);
			if (person.value) {
				_push(`<div class="flex justify-between text-sm"><div class="max-w-xs"><div class="mb-2 font-bold">${ssrInterpolate(typeConfig.value.personLabel)}:</div><div class="text-base font-semibold">${ssrInterpolate(person.value.company || person.value.name)}</div><div class="text-sm">${ssrInterpolate(_ctx.$address(person.value))}</div>`);
				if (person.value.phone) _push(`<div class="text-sm">${ssrInterpolate(_ctx.$t("Phone"))}: ${ssrInterpolate(person.value.phone)}</div>`);
				else _push(`<!---->`);
				if (person.value.email) _push(`<div class="text-sm">${ssrInterpolate(_ctx.$t("Email"))}: ${ssrInterpolate(person.value.email)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
				if (typeConfig.value.showAddress && __props.record.address) {
					_push(`<div class="max-w-xs text-end"><div class="mb-2 font-bold">${ssrInterpolate(_ctx.$t("Ship To"))}:</div><div class="text-base font-semibold">${ssrInterpolate(__props.record.customer?.company || __props.record.customer?.name)}</div><div class="text-sm">${ssrInterpolate(_ctx.$address(__props.record.address))}</div>`);
					if (__props.record.address.phone) _push(`<div class="text-sm">${ssrInterpolate(_ctx.$t("Phone"))}: ${ssrInterpolate(__props.record.address.phone)}</div>`);
					else _push(`<!---->`);
					if (__props.record.address.email) _push(`<div class="text-sm">${ssrInterpolate(_ctx.$t("Email"))}: ${ssrInterpolate(__props.record.address.email)}</div>`);
					else _push(`<!---->`);
					_push(`</div>`);
				} else _push(`<!---->`);
				_push(`</div>`);
			} else _push(`<!---->`);
			ssrRenderSlot(_ctx.$slots, "content", {
				record: __props.record,
				typeConfig: typeConfig.value
			}, null, _push, _parent);
			if (typeConfig.value.showItems && __props.record.items) {
				_push(`<div><div class="rounded-corners"><table class="w-full border-collapse text-sm"><thead class="bg-gray-100 dark:bg-gray-900"><tr><th class="border border-gray-300 p-3 text-start font-semibold dark:border-gray-700">${ssrInterpolate(_ctx.$t("Code"))}</th><th class="border border-gray-300 p-3 text-start font-semibold dark:border-gray-700">${ssrInterpolate(_ctx.$t("Name"))}</th>`);
				if (typeConfig.value.showPrices !== false) _push(`<th class="border border-gray-300 p-3 text-center font-semibold dark:border-gray-700">${ssrInterpolate(_ctx.$t("Price"))}</th>`);
				else _push(`<!---->`);
				_push(`<th class="border border-gray-300 p-3 text-center font-semibold dark:border-gray-700">${ssrInterpolate(_ctx.$t("Qty"))}</th>`);
				if (typeConfig.value.showPrices !== false) {
					_push(`<!--[-->`);
					if (unref(page).props.settings.show_discount == 1) _push(`<th class="w-[80px] border border-gray-300 p-3 text-center font-semibold dark:border-gray-700">${ssrInterpolate(_ctx.$t("Discount"))}</th>`);
					else _push(`<!---->`);
					if (unref(page).props.settings.show_tax == 1) _push(`<th class="w-[80px] border border-gray-300 p-3 text-center font-semibold dark:border-gray-700">${ssrInterpolate(_ctx.$t("Tax"))}</th>`);
					else _push(`<!---->`);
					_push(`<th class="border border-gray-300 p-3 text-center font-semibold dark:border-gray-700">${ssrInterpolate(_ctx.$t("Total"))}</th><!--]-->`);
				} else _push(`<!---->`);
				_push(`</tr></thead><!--[-->`);
				ssrRenderList(__props.record.items, (item, index) => {
					_push(`<!--[-->`);
					if (item.variations && item.variations.length) {
						_push(`<tbody><tr><td class="w-7 border border-gray-300 p-2 text-end dark:border-gray-700">${ssrInterpolate(item.product?.code || __props.record.repair_order_id || "")}</td><td class="border border-gray-300 px-2 py-1 dark:border-gray-700"><div class="flex items-center gap-2">`);
						if (item.product && unref(page).props.settings.show_image == 1) {
							_push(`<!--[-->`);
							if (item.product.photo) _push(`<img class="h-8 w-8 self-start rounded-xs"${ssrRenderAttr("src", item.product.photo)} alt="Product Image">`);
							else _push(`<img class="me-2 h-8 w-8 self-start rounded-xs" src="img/no-image.png" alt="No Image">`);
							_push(`<!--]-->`);
						} else _push(`<!---->`);
						_push(`<div>${ssrInterpolate(item.product?.name || "")} `);
						if (item.comment) _push(`<div class="text-xs">${ssrInterpolate(item.comment)}</div>`);
						else _push(`<!---->`);
						if (item.serials && item.serials.length) _push(`<div class="text-xs"><span class="text-mute font-bold">${ssrInterpolate(_ctx.$t("Serials"))}:</span> ${ssrInterpolate(item.serials.map((s) => s.number).join(", "))}</div>`);
						else _push(`<!---->`);
						_push(`</div></div></td>`);
						if (typeConfig.value.showPrices !== false) _push(`<td class="border border-gray-300 p-2 dark:border-gray-700"></td>`);
						else _push(`<!---->`);
						_push(`<td class="border border-gray-300 p-2 text-end dark:border-gray-700"></td>`);
						if (typeConfig.value.showPrices !== false) {
							_push(`<!--[-->`);
							if (unref(page).props.settings.show_discount == 1) _push(`<td class="p-2 text-end"></td>`);
							else _push(`<!---->`);
							if (unref(page).props.settings.show_tax == 1) _push(`<td class="p-2"></td>`);
							else _push(`<!---->`);
							_push(`<td class="border border-gray-300 p-2 dark:border-gray-700"></td><!--]-->`);
						} else _push(`<!---->`);
						_push(`</tr><!--[-->`);
						ssrRenderList(item.variations, (variation) => {
							_push(`<tr><td class="w-7 border border-gray-300 p-2 dark:border-gray-700">${ssrInterpolate(variation?.code || "")}</td><td class="border border-gray-300 p-2 dark:border-gray-700">${ssrInterpolate(_ctx.$meta(variation.meta))}</td>`);
							if (typeConfig.value.showPrices !== false) _push(`<td class="border border-gray-300 p-2 text-end dark:border-gray-700">${ssrInterpolate(_ctx.$number(variation.pivot[typeConfig.value.priceField]))}</td>`);
							else _push(`<!---->`);
							_push(`<td class="border border-gray-300 p-2 text-center dark:border-gray-700"><div class="flex items-center justify-center">${ssrInterpolate(_ctx.$number_qty(variation.pivot.quantity))}${ssrInterpolate(variation.pivot?.unit?.code || "")}</div></td>`);
							if (typeConfig.value.showPrices !== false) {
								_push(`<!--[-->`);
								if (unref(page).props.settings.show_discount == 1) _push(`<td class="border border-gray-300 p-2 text-end dark:border-gray-700">${ssrInterpolate(_ctx.$number(variation.pivot.discount_amount))}</td>`);
								else _push(`<!---->`);
								if (unref(page).props.settings.show_tax == 1) _push(`<td class="p-2 text-end">${ssrInterpolate(_ctx.$number(variation.pivot.tax_amount))}</td>`);
								else _push(`<!---->`);
								_push(`<td class="border border-gray-300 p-2 text-end font-bold dark:border-gray-700">${ssrInterpolate(_ctx.$number(variation.pivot.total))}</td><!--]-->`);
							} else _push(`<!---->`);
							_push(`</tr>`);
						});
						_push(`<!--]--></tbody>`);
					} else {
						_push(`<tbody class="divide-y divide-gray-200 border-y border-gray-200 dark:divide-gray-700 dark:border-gray-700 print:divide-gray-400 dark:print:divide-gray-400"><tr><td class="w-7 border border-gray-300 p-2 text-center dark:border-gray-700">${ssrInterpolate(item.product?.code || __props.record.repair_order_id || "")}</td><td class="border border-gray-300 px-2 py-1 dark:border-gray-700"><div class="flex items-center gap-2">`);
						if (item.product && unref(page).props.settings.show_image == 1) {
							_push(`<!--[-->`);
							if (item.product.photo) _push(`<img class="h-8 w-8 self-start rounded-xs"${ssrRenderAttr("src", item.product.photo)} alt="Product Image">`);
							else _push(`<img class="me-2 h-8 w-8 self-start rounded-xs" src="img/no-image.png" alt="No Image">`);
							_push(`<!--]-->`);
						} else _push(`<!---->`);
						_push(`<div>${ssrInterpolate(item.product?.name || "")} `);
						if (item.comment) _push(`<div class="${ssrRenderClass(item.product?.name ? "text-xs" : "")}">${ssrInterpolate(item.comment)}</div>`);
						else _push(`<!---->`);
						if (item.serials && item.serials.length) _push(`<div class="text-xs"><span class="text-mute font-bold">${ssrInterpolate(_ctx.$t("Serials"))}:</span> ${ssrInterpolate(item.serials.map((s) => s.number).join(", "))}</div>`);
						else _push(`<!---->`);
						_push(`</div></div></td>`);
						if (typeConfig.value.showPrices !== false) _push(`<td class="border border-gray-300 p-2 text-end dark:border-gray-700">${ssrInterpolate(_ctx.$number(item[typeConfig.value.priceField]))}</td>`);
						else _push(`<!---->`);
						_push(`<td class="border border-gray-300 p-2 text-center dark:border-gray-700"><div class="flex items-center justify-center">${ssrInterpolate(_ctx.$number_qty(item.quantity))}${ssrInterpolate(item.unit?.code || "")}</div></td>`);
						if (typeConfig.value.showPrices !== false) {
							_push(`<!--[-->`);
							if (unref(page).props.settings.show_discount == 1) _push(`<td class="border border-gray-300 p-2 text-end font-bold dark:border-gray-700">${ssrInterpolate(_ctx.$number(item.discount_amount))}</td>`);
							else _push(`<!---->`);
							if (unref(page).props.settings.show_tax == 1) _push(`<td class="border border-gray-300 p-2 text-end font-bold dark:border-gray-700">${ssrInterpolate(_ctx.$number(item.tax_amount))}</td>`);
							else _push(`<!---->`);
							_push(`<td class="border border-gray-300 p-2 text-end font-bold dark:border-gray-700">${ssrInterpolate(_ctx.$number(item.total))}</td><!--]-->`);
						} else _push(`<!---->`);
						_push(`</tr></tbody>`);
					}
					_push(`<!--]-->`);
				});
				_push(`<!--]--></table></div>`);
				if (typeConfig.value.showPrices !== false) {
					_push(`<div class="mt-6 flex break-inside-avoid justify-between gap-x-6 text-sm"><div class="max-w-sm"></div><div class="max-w-xs text-end"><div class="flex gap-x-6"><div class="grow font-semibold">${ssrInterpolate(_ctx.$t("Subtotal"))}</div><div class="w-24 font-bold">${ssrInterpolate(_ctx.$currency(__props.record.subtotal))}</div></div><div class="mt-1 flex gap-x-6"><div class="grow font-semibold">${ssrInterpolate(_ctx.$t("Tax"))}</div><div class="w-24">${ssrInterpolate(_ctx.$currency(__props.record.total_tax_amount))}</div></div>`);
					if (__props.record.total_discount_amount > 0) _push(`<div class="mt-1 flex gap-x-6"><div class="grow font-semibold">${ssrInterpolate(_ctx.$t("Discount"))}</div><div class="w-24">${ssrInterpolate(_ctx.$currency(__props.record.total_discount_amount))}</div></div>`);
					else _push(`<!---->`);
					_push(`<div class="mt-3 flex gap-x-6 border-t border-gray-400 pt-3 text-lg font-bold dark:border-gray-600"><div class="grow">${ssrInterpolate(_ctx.$t("Grand Total"))}</div><div class="w-24">${ssrInterpolate(_ctx.$currency(__props.record.grand_total))}</div></div>`);
					if ((__props.type === "sale" || __props.type === "purchase") && __props.record.return_orders && __props.record.return_orders.length > 0) {
						_push(`<!--[--><!--[-->`);
						ssrRenderList(__props.record.return_orders, (returnOrder) => {
							_push(`<div class="mt-1 flex gap-x-6"><div class="grow font-semibold">${ssrInterpolate(_ctx.$t("Return"))}: ${ssrInterpolate(returnOrder.reference)}</div><div class="w-24 whitespace-nowrap text-red-600 dark:text-red-400">-${ssrInterpolate(_ctx.$currency(returnOrder.grand_total))}</div></div>`);
						});
						_push(`<!--]--><!--[-->`);
						ssrRenderList(__props.record.return_orders.filter((r) => Number(r.return_payment_amount) > 0), (returnOrder) => {
							_push(`<div class="mt-1 flex gap-x-6"><div class="grow font-semibold">${ssrInterpolate(_ctx.$t("Return Payment"))} (${ssrInterpolate(returnOrder.return_payment_method)})</div><div class="w-24 text-red-600 dark:text-red-400">-${ssrInterpolate(_ctx.$currency(returnOrder.return_payment_amount))}</div></div>`);
						});
						_push(`<!--]--><!--]-->`);
					} else _push(`<!---->`);
					if (typeConfig.value.showPaid) _push(`<div class="mt-1 flex gap-x-6"><div class="grow font-semibold">${ssrInterpolate(_ctx.$t("Paid"))}</div><div class="w-24 font-bold">${ssrInterpolate(_ctx.$currency(__props.record.paid - (__props.record.return_orders?.reduce((sum, r) => sum + Number(r.return_payment_amount), 0) || 0)))}</div></div>`);
					else _push(`<!---->`);
					if (typeConfig.value.showBalance) _push(`<div class="mt-1 flex gap-x-6"><div class="grow font-semibold">${ssrInterpolate(_ctx.$t("Balance"))}</div><div class="w-24 font-bold">${ssrInterpolate(_ctx.$currency(__props.record.grand_total - __props.record.paid + (__props.record.return_orders?.reduce((sum, r) => sum + Number(r.return_payment_amount), 0) || 0) - (__props.record.return_orders?.reduce((sum, r) => sum + Number(r.grand_total), 0) || 0)))}</div></div>`);
					else _push(`<!---->`);
					_push(`</div></div>`);
				} else _push(`<div class="mt-4 flex justify-center"><div class="font-bold">${ssrInterpolate(_ctx.$t("Total Quantity"))}: ${ssrInterpolate(_ctx.$number_qty(__props.record.items.reduce((a, i) => Number(i.quantity) + a, 0)))}</div></div>`);
				_push(`</div>`);
			} else _push(`<!---->`);
			_push(`<div class="-mx-4">`);
			ssrRenderSlot(_ctx.$slots, "amount", { record: __props.record }, null, _push, _parent);
			_push(`</div>`);
			_push(ssrRenderComponent(unref(_sfc_main$10), {
				modal: false,
				fields: __props.custom_fields,
				title: _ctx.$t("Custom Fields"),
				extra_attributes: __props.record.extra_attributes
			}, null, _parent));
			if (__props.record.details) _push(`<div class="rounded-md border border-gray-300 p-4 text-sm dark:border-gray-700">${ssrInterpolate(__props.record.details)}</div>`);
			else _push(`<!---->`);
			if (__props.type == "sale") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.sale_footer) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.sale_footer)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "purchase") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.purchase_footer) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.purchase_footer)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "payment") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.payment_footer) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.payment_footer)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else if (__props.type == "quotation") {
				_push(`<div class="mb-4 pt-6 text-sm font-bold">`);
				if (_ctx.$page.props.settings?.quotation_footer) _push(`<div class="text-center">${ssrInterpolate(_ctx.$page.props.settings?.quotation_footer)}</div>`);
				else _push(`<!---->`);
				_push(`</div>`);
			} else _push(`<!---->`);
			if (__props.record.attachments && __props.record.attachments.length) {
				_push(`<div class="mt-8 w-full py-2 print:hidden">`);
				_push(ssrRenderComponent(unref(_sfc_main$37), { attachments: __props.record.attachments }, null, _parent));
				_push(`</div>`);
			} else _push(`<!---->`);
			_push(`</div>`);
			if (typeConfig.value.showPayments && __props.record.payments && __props.record.payments.length) {
				_push(`<div class="mx-6 mb-6 rounded-sm border border-gray-200 dark:border-gray-700 print:hidden"><h4 class="border-b border-gray-200 px-4 py-2 text-base font-extrabold dark:border-gray-700">${ssrInterpolate(_ctx.$t("Payments"))}</h4><div class="-m-px"><table class="w-full divide-y divide-gray-200 text-sm dark:divide-gray-700"><thead><tr><th class="w-[140px] p-2 text-start font-bold uppercase">${ssrInterpolate(_ctx.$t("Date"))}</th><th class="p-2 text-start font-bold uppercase">${ssrInterpolate(_ctx.$t("Reference"))}</th><th class="w-[100px] p-2 text-start font-bold uppercase">${ssrInterpolate(_ctx.$t("Method"))}</th><th class="w-[120px] p-2 text-center font-bold uppercase">${ssrInterpolate(_ctx.$t("Amount"))}</th></tr></thead><tbody><!--[-->`);
				ssrRenderList(__props.record.payments, (p) => {
					_push(`<tr><td class="p-2 whitespace-nowrap">${ssrInterpolate(_ctx.$date(p.date))}</td><td class="p-2">${ssrInterpolate(p.reference)}</td><td class="p-2 whitespace-nowrap">${ssrInterpolate(_ctx.$t(p.method))}</td><td class="p-2 text-end">${ssrInterpolate(_ctx.$currency(p.amount))}</td></tr>`);
				});
				_push(`<!--]--></tbody></table></div></div>`);
			} else _push(`<!---->`);
			if (__props.showPackingList) _push(ssrRenderComponent(unref(_sfc_main$52), {
				show: packing.value,
				"max-width": "2xl",
				onClose: ($event) => packing.value = false,
				class: "modal-2"
			}, {
				default: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) _push(ssrRenderComponent(_sfc_main$8, {
						record: __props.record,
						type: __props.type
					}, null, _parent, _scopeId));
					else return [createVNode(_sfc_main$8, {
						record: __props.record,
						type: __props.type
					}, null, 8, ["record", "type"])];
				}),
				_: 1
			}, _parent));
			else _push(`<!---->`);
			_push(`</div>`);
		};
	}
};
var _sfc_setup$1 = _sfc_main$1.setup;
_sfc_main$1.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Components/Templates/TemplateTwo.vue");
	return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
};
//#endregion
//#region resources/js/Core/mixin.js
var mixin = {
	computed: {
		$isAdmin() {
			return this.$page.props.auth.user && this.$page.props.auth.user.roles.find((r) => r.name == "Super Admin");
		},
		$company() {
			return this.$page.props.company;
		},
		$settings() {
			return this.$page.props.settings;
		}
	},
	methods: {
		$title(string) {
			return $capitalize(string);
		},
		$capitalize(string) {
			return string.charAt(0).toUpperCase() + string.slice(1);
		},
		$hasRole(name) {
			if (this.$isAdmin) return this.$page.props.is_impersonating ? this.$page.props.acting_as_user?.roles?.find((r) => r.name == name) : true;
			return this.$page.props.auth.user && this.$page.props.auth.user.roles.find((r) => r.name == name) || this.$page.props.acting_as_user?.roles?.find((r) => r.name == name);
		},
		$extra_attributes(extras) {
			return Object.keys(extras).map((k) => {
				return "<div><span class=\"text-gray-500 dark:text-gray-400\">" + k + ":</span> " + extras[k] + "</div>";
			}).join("");
		},
		$address(row) {
			return $address(row);
		},
		$decimal(amount) {
			return $decimal(amount);
		},
		$decimal_qty(amount) {
			return $decimal_qty(amount);
		},
		$number(amount, locale, options) {
			return $number(amount, locale, options);
		},
		$currency(amount, locale, options) {
			return $currency(amount, locale, options);
		},
		$number_qty(amount, unit, locale, options) {
			return $number_qty(amount, unit, locale, options);
		},
		$weight(amount, locale, options) {
			return $weight(amount, locale, options);
		},
		$date(date, locale, style, force = false) {
			return $date(date, locale, style, force);
		},
		$isValidDate(date) {
			return isValidDate(date);
		},
		$datetime(datetime, locale, style, force = false) {
			return $datetime(datetime, locale, style, force);
		},
		$boolean(v, c = false) {
			return $boolean(v, c);
		},
		$can(permissions) {
			return $can(permissions);
		},
		$meta(obj) {
			return $meta(obj);
		},
		$parseNumber(amount, locale) {
			if (!locale || locale.length != 2 && locale.length != 5) locale = this.$page.props.settings.default_locale;
			var thousandSeparator = Intl.NumberFormat(locale).format(11111).replace(/\p{Number}/gu, "");
			var decimalSeparator = Intl.NumberFormat(locale).format(1.1).replace(/\p{Number}/gu, "");
			return parseFloat(amount.replace(new RegExp("\\" + thousandSeparator, "g"), "").replace(new RegExp("\\" + decimalSeparator), "."));
		},
		$formatJSDate(date) {
			var d = new Date(date), month = "" + (d.getMonth() + 1), day = "" + d.getDate(), year = d.getFullYear();
			if (month.length < 2) month = "0" + month;
			if (day.length < 2) day = "0" + day;
			return [
				year,
				month,
				day
			].join("-");
		},
		$dateDay(date, locale) {
			let formatted = new Date(Date.parse(date));
			if (!locale || locale.length != 2 && locale.length != 5) locale = this.$page.props.settings.default_locale;
			try {
				return formatted.toLocaleString(locale, {
					day: "numeric",
					weekday: "short"
				});
			} catch {
				return formatted.toLocaleString("en-US", {
					day: "numeric",
					weekday: "short"
				});
			}
		},
		$month(month, locale, style = "short") {
			let formatted = new Date(Date.parse(month));
			if (!locale || locale.length != 2 && locale.length != 5) locale = this.$page.props.settings.default_locale;
			try {
				return formatted.toLocaleString(locale, {
					month: style,
					year: "numeric"
				});
			} catch {
				return formatted.toLocaleString("en-US", {
					month: style,
					year: "numeric"
				});
			}
		},
		$monthName(month, locale, style = "long") {
			let formatted = new Date(Date.parse(month));
			if (!locale || locale.length != 2 && locale.length != 5) locale = this.$page.props.settings.default_locale;
			try {
				return formatted.toLocaleString(locale, { month: style });
			} catch {
				return formatted.toLocaleString("en-US", { month: style });
			}
		},
		$time(date, locale) {
			let formatted = new Date(Date.parse(date));
			if (!formatted.getTime()) return (date + "").substring(0, 5);
			if (!locale || locale.length != 2 && locale.length != 5) locale = this.$page.props.settings.default_locale;
			try {
				return formatted.toLocaleString(locale, {
					timeStyle: "short",
					hour12: true
				});
			} catch {
				return formatted.toLocaleString("en-US", {
					timeStyle: "short",
					hour12: true
				});
			}
		}
	}
};
//#endregion
//#region resources/js/Layouts/Components/Header.vue
var _sfc_main = {};
function _sfc_ssrRender(_ctx, _push, _parent, _attrs) {
	_push(`<header${ssrRenderAttrs(mergeProps({ class: "flex items-start justify-between gap-x-6 border-b border-gray-200 px-4 py-3 sm:px-6 md:items-center lg:px-8 dark:border-gray-700" }, _attrs))}><div><h1 class="text-focus text-base leading-7 font-semibold">`);
	ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
	_push(`</h1><p class="text-mute mt-0.5 text-sm">`);
	ssrRenderSlot(_ctx.$slots, "subheading", {}, null, _push, _parent);
	_push(`</p></div><div class="z-1">`);
	ssrRenderSlot(_ctx.$slots, "menu", {}, null, _push, _parent);
	_push(`</div></header>`);
}
var _sfc_setup = _sfc_main.setup;
_sfc_main.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Layouts/Components/Header.vue");
	return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
var Header_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
//#endregion
//#region resources/js/ssr.js
var appName = "SMA SaaS";
createServer((page) => createInertiaApp({
	page,
	render: renderToString,
	title: (title) => `${title} - ${appName}`,
	resolve: (name) => {
		return (/* @__PURE__ */ Object.assign({
			"./Pages/API/Index.vue": () => import("./assets/Index-N3SXrgk3.js"),
			"./Pages/API/Partials/ApiTokenManager.vue": () => import("./assets/ApiTokenManager-CAyQgJys.js"),
			"./Pages/Auth/ConfirmPassword.vue": () => import("./assets/ConfirmPassword-B-C2Ntji.js"),
			"./Pages/Auth/ForgotPassword.vue": () => import("./assets/ForgotPassword-Byl5OcHh.js"),
			"./Pages/Auth/Login.vue": () => import("./assets/Login-DYLPD0go.js"),
			"./Pages/Auth/Register.vue": () => import("./assets/Register-CvkkfHvY.js"),
			"./Pages/Auth/ResetPassword.vue": () => import("./assets/ResetPassword-Di2FMyRW.js"),
			"./Pages/Auth/TwoFactorChallenge.vue": () => import("./assets/TwoFactorChallenge-DgycIIft.js"),
			"./Pages/Auth/VerifyEmail.vue": () => import("./assets/VerifyEmail-CWUXPe4U.js"),
			"./Pages/Error.vue": () => import("./assets/Error-BCh1JdYI.js"),
			"./Pages/PrivacyPolicy.vue": () => import("./assets/PrivacyPolicy-QULKSB0e.js"),
			"./Pages/Profile/Partials/DeleteUserForm.vue": () => import("./assets/DeleteUserForm-CRskBfjX.js"),
			"./Pages/Profile/Partials/LogoutOtherBrowserSessionsForm.vue": () => import("./assets/LogoutOtherBrowserSessionsForm-DQXQXwZj.js"),
			"./Pages/Profile/Partials/TwoFactorAuthenticationForm.vue": () => import("./assets/TwoFactorAuthenticationForm-Bd2l2DFh.js"),
			"./Pages/Profile/Partials/UpdatePasswordForm.vue": () => import("./assets/UpdatePasswordForm-CLgeu3pm.js"),
			"./Pages/Profile/Partials/UpdateProfileInformationForm.vue": () => import("./assets/UpdateProfileInformationForm-COrZyIrX.js"),
			"./Pages/Profile/Show.vue": () => import("./assets/Show-B7fxgPR3.js"),
			"./Pages/Public/RepairStatus.vue": () => import("./assets/RepairStatus-O_J9Eu00.js"),
			"./Pages/Sma/Accounting/Account/Form.vue": () => import("./assets/Form-DdGTtLxM.js"),
			"./Pages/Sma/Accounting/Account/Index.vue": () => import("./assets/Index-YjvGJpam.js"),
			"./Pages/Sma/Accounting/Account/Statement.vue": () => import("./assets/Statement-DE4m9C5F.js"),
			"./Pages/Sma/Accounting/AccountTransaction/Form.vue": () => import("./assets/Form-BOblGMv-.js"),
			"./Pages/Sma/Accounting/AccountTransaction/Index.vue": () => import("./assets/Index-fp_rb6gM.js"),
			"./Pages/Sma/Accounting/AccountTransfer/Form.vue": () => import("./assets/Form-B2LZR5D0.js"),
			"./Pages/Sma/Accounting/AccountTransfer/Index.vue": () => import("./assets/Index-DRBvNrna.js"),
			"./Pages/Sma/Accounting/AccountType/Form.vue": () => import("./assets/Form-mta9lJrH.js"),
			"./Pages/Sma/Accounting/AccountType/Index.vue": () => import("./assets/Index-CqITJaDN.js"),
			"./Pages/Sma/Accounting/Asset/Form.vue": () => import("./assets/Form-DhGzepNN.js"),
			"./Pages/Sma/Accounting/Asset/Index.vue": () => import("./assets/Index-BGSJ_4QE.js"),
			"./Pages/Sma/Accounting/AssetAllocation/Form.vue": () => import("./assets/Form-WQImLL2V.js"),
			"./Pages/Sma/Accounting/AssetAllocation/Index.vue": () => import("./assets/Index-BGfrkmgR.js"),
			"./Pages/Sma/Accounting/AssetCategory/Form.vue": () => import("./assets/Form-BplXHa7G.js"),
			"./Pages/Sma/Accounting/AssetCategory/Index.vue": () => import("./assets/Index-DIJw1ahv.js"),
			"./Pages/Sma/Accounting/AssetMaintenance/Form.vue": () => import("./assets/Form-B7XWTJ9e.js"),
			"./Pages/Sma/Accounting/AssetMaintenance/Index.vue": () => import("./assets/Index-LkJ9qWR9.js"),
			"./Pages/Sma/Dashboard.vue": () => import("./assets/Dashboard-o8v7-nk_.js"),
			"./Pages/Sma/Hr/Attendance/Form.vue": () => import("./assets/Form-DOt47BSa.js"),
			"./Pages/Sma/Hr/Attendance/Index.vue": () => import("./assets/Index-CAcW8LxX.js"),
			"./Pages/Sma/Hr/Claim/Form.vue": () => import("./assets/Form-BL-xWH0v.js"),
			"./Pages/Sma/Hr/Claim/Index.vue": () => import("./assets/Index-CBIKelZK.js"),
			"./Pages/Sma/Hr/Employee/Form.vue": () => import("./assets/Form-Cx_8E2JX.js"),
			"./Pages/Sma/Hr/Employee/Index.vue": () => import("./assets/Index-BjFYT3t9.js"),
			"./Pages/Sma/Hr/Leave/Form.vue": () => import("./assets/Form-C3nt3R3Z.js"),
			"./Pages/Sma/Hr/Leave/Index.vue": () => import("./assets/Index-mmRd7itk.js"),
			"./Pages/Sma/Hr/LeaveType/Form.vue": () => import("./assets/Form-Rzv11Cty2.js"),
			"./Pages/Sma/Hr/LeaveType/Index.vue": () => import("./assets/Index-y7S7u_CD2.js"),
			"./Pages/Sma/Hr/Payroll/Form.vue": () => import("./assets/Form-CZUt-PL4.js"),
			"./Pages/Sma/Hr/Payroll/Index.vue": () => import("./assets/Index-C2pyzNAi.js"),
			"./Pages/Sma/Hr/Payroll/Show.vue": () => import("./assets/Show-CjJJNGHo.js"),
			"./Pages/Sma/Order/Delivery/Form.vue": () => import("./assets/Form-CDvPjqTP2.js"),
			"./Pages/Sma/Order/Delivery/Index.vue": () => import("./assets/Index-B9K7oiCv.js"),
			"./Pages/Sma/Order/Delivery/QuickView.vue": () => import("./assets/QuickView-CZlE3fUB.js"),
			"./Pages/Sma/Order/Expense/Form.vue": () => import("./assets/Form-CpYE2-yb.js"),
			"./Pages/Sma/Order/Expense/Index.vue": () => import("./assets/Index-C2LdcKDd.js"),
			"./Pages/Sma/Order/Expense/QuickView.vue": () => import("./assets/QuickView-BVRs5osy.js"),
			"./Pages/Sma/Order/GiftCard/Form.vue": () => import("./assets/Form-TCF2G6ky.js"),
			"./Pages/Sma/Order/GiftCard/Index.vue": () => import("./assets/Index-QpQvEwLY.js"),
			"./Pages/Sma/Order/GiftCard/Logs.vue": () => import("./assets/Logs-PIdwCbqo.js"),
			"./Pages/Sma/Order/GiftCard/Topup.vue": () => import("./assets/Topup-BSPoN6nc.js"),
			"./Pages/Sma/Order/Income/Form.vue": () => import("./assets/Form-CvjdG3KK.js"),
			"./Pages/Sma/Order/Income/Index.vue": () => import("./assets/Index-CJ-YDlYm.js"),
			"./Pages/Sma/Order/Income/QuickView.vue": () => import("./assets/QuickView-CbwoS2HE.js"),
			"./Pages/Sma/Order/Payment/Form.vue": () => import("./assets/Form-3dyZUi_r.js"),
			"./Pages/Sma/Order/Payment/Index.vue": () => import("./assets/Index-CwgcCGg1.js"),
			"./Pages/Sma/Order/Payment/QuickView.vue": () => import("./assets/QuickView-3vw4YP4e.js"),
			"./Pages/Sma/Order/Payment/View.vue": () => import("./assets/View-CMNCQ0Db.js"),
			"./Pages/Sma/Order/Purchase/Form.vue": () => import("./assets/Form-802C6X6-.js"),
			"./Pages/Sma/Order/Purchase/Index.vue": () => import("./assets/Index-L-yimrLu.js"),
			"./Pages/Sma/Order/Purchase/QuickView.vue": () => import("./assets/QuickView-DkbILDu8.js"),
			"./Pages/Sma/Order/Purchase/View.vue": () => import("./assets/View-CVHmgfkN.js"),
			"./Pages/Sma/Order/Quotation/Form.vue": () => import("./assets/Form-C7z1Jthk.js"),
			"./Pages/Sma/Order/Quotation/Index.vue": () => import("./assets/Index-DvJez47e.js"),
			"./Pages/Sma/Order/Quotation/QuickView.vue": () => import("./assets/QuickView-ChOqSPa5.js"),
			"./Pages/Sma/Order/Quotation/View.vue": () => import("./assets/View-B9tXbSA3.js"),
			"./Pages/Sma/Order/ReturnOrder/Form.vue": () => import("./assets/Form-ChHGQwkO.js"),
			"./Pages/Sma/Order/ReturnOrder/Index.vue": () => import("./assets/Index-CbNTpFTw.js"),
			"./Pages/Sma/Order/ReturnOrder/QuickView.vue": () => import("./assets/QuickView-BgrtHu_x.js"),
			"./Pages/Sma/Order/ReturnOrder/View.vue": () => import("./assets/View-Byn-hhmL.js"),
			"./Pages/Sma/Order/Sale/Form.vue": () => import("./assets/Form-CXh53qY-.js"),
			"./Pages/Sma/Order/Sale/Index.vue": () => import("./assets/Index-AkOtC0_3.js"),
			"./Pages/Sma/Order/Sale/QuickView.vue": () => import("./assets/QuickView-Cz2nrXww.js"),
			"./Pages/Sma/Order/Sale/View.vue": () => import("./assets/View-CXqOlFu0.js"),
			"./Pages/Sma/People/Address/Form.vue": () => import("./assets/Form-CJpcQ729.js"),
			"./Pages/Sma/People/Address/Index.vue": () => import("./assets/Index-BMTAmokZ.js"),
			"./Pages/Sma/People/Customer/Form.vue": () => import("./assets/Form-BuxG2AwZ.js").then((n) => n.t),
			"./Pages/Sma/People/Customer/Import.vue": () => import("./assets/Import-Da_CFZqd.js"),
			"./Pages/Sma/People/Customer/Index.vue": () => import("./assets/Index-B4b-ts84.js"),
			"./Pages/Sma/People/Customer/Statement.vue": () => import("./assets/Statement-BF5WfWgv.js"),
			"./Pages/Sma/People/Customer/View.vue": () => import("./assets/View-DykUNE7u.js").then((n) => n.t),
			"./Pages/Sma/People/CustomerGroup/Form.vue": () => import("./assets/Form-IhzQqKUt.js"),
			"./Pages/Sma/People/CustomerGroup/Index.vue": () => import("./assets/Index-CGPtajeu2.js"),
			"./Pages/Sma/People/PriceGroup/Form.vue": () => import("./assets/Form-UyceFwOx.js"),
			"./Pages/Sma/People/PriceGroup/Index.vue": () => import("./assets/Index-DMG_mmEY.js"),
			"./Pages/Sma/People/Role/Form.vue": () => import("./assets/Form-Cprmdx1u.js"),
			"./Pages/Sma/People/Role/Index.vue": () => import("./assets/Index-D4tKsSi-2.js"),
			"./Pages/Sma/People/Supplier/Form.vue": () => import("./assets/Form-DNHSalxg.js").then((n) => n.t),
			"./Pages/Sma/People/Supplier/Import.vue": () => import("./assets/Import-lEo52wLN.js"),
			"./Pages/Sma/People/Supplier/Index.vue": () => import("./assets/Index-sUHqI6-S.js"),
			"./Pages/Sma/People/Supplier/Statement.vue": () => import("./assets/Statement-lMx0YXfN.js"),
			"./Pages/Sma/People/Supplier/View.vue": () => import("./assets/View-CHeiwCAv.js"),
			"./Pages/Sma/People/User/Form.vue": () => import("./assets/Form-B3ZvlL0V.js"),
			"./Pages/Sma/People/User/Index.vue": () => import("./assets/Index-CSTJctAk.js"),
			"./Pages/Sma/People/User/View.vue": () => import("./assets/View-CT1PiGxf2.js"),
			"./Pages/Sma/Pos/Components/AddGiftCard.vue": () => import("./assets/AddGiftCard-aDG0jhxe.js").then((n) => n.t),
			"./Pages/Sma/Pos/Components/ChangeTable.vue": () => import("./assets/ChangeTable-DWa1yA82.js"),
			"./Pages/Sma/Pos/Components/FinalizeSale.vue": () => import("./assets/FinalizeSale-CeZQnZk2.js").then((n) => n.t),
			"./Pages/Sma/Pos/Components/FormActions.vue": () => import("./assets/FormActions-DC1MWq6r.js").then((n) => n.t),
			"./Pages/Sma/Pos/Components/FormItem.vue": () => import("./assets/FormItem-fGIvxzRl.js").then((n) => n.t),
			"./Pages/Sma/Pos/Components/Keyboard/KeyBoard.vue": () => Promise.resolve().then(() => KeyBoard_exports),
			"./Pages/Sma/Pos/Components/OpenOrder.vue": () => import("./assets/OpenOrder-B4fXHt29.js").then((n) => n.t),
			"./Pages/Sma/Pos/Components/OpenRegister.vue": () => import("./assets/OpenRegister-Dg3Nbydj.js").then((n) => n.t),
			"./Pages/Sma/Pos/Components/OrderDiscount.vue": () => import("./assets/OrderDiscount-D_4fbT_K.js").then((n) => n.t),
			"./Pages/Sma/Pos/Components/OrderSummary.vue": () => import("./assets/OrderSummary-B4iuZbks.js").then((n) => n.t),
			"./Pages/Sma/Pos/Components/PrintBill.vue": () => import("./assets/PrintBill-BQRX-_GS.js").then((n) => n.t),
			"./Pages/Sma/Pos/Components/PrintOrder.vue": () => import("./assets/PrintOrder-iXHLKXMZ.js").then((n) => n.t),
			"./Pages/Sma/Pos/Components/PrintReceipt.vue": () => import("./assets/PrintReceipt-DHf3-BAw.js").then((n) => n.t),
			"./Pages/Sma/Pos/Components/RegisterDetails.vue": () => import("./assets/RegisterDetails-DsHBjfb6.js").then((n) => n.t),
			"./Pages/Sma/Pos/Components/ShowOrders.vue": () => import("./assets/ShowOrders-DyYnZ0De.js").then((n) => n.t),
			"./Pages/Sma/Pos/Components/ShowQrOrders.vue": () => import("./assets/ShowQrOrders-DhE4gjHG.js").then((n) => n.t),
			"./Pages/Sma/Pos/Components/UpdateFormItem.vue": () => import("./assets/UpdateFormItem-efYqibDU.js").then((n) => n.t),
			"./Pages/Sma/Pos/Components/VerifyPinCode.vue": () => import("./assets/VerifyPinCode-ClGTVT8P.js"),
			"./Pages/Sma/Pos/CustomerView.vue": () => import("./assets/CustomerView-C9CxO7yj.js"),
			"./Pages/Sma/Pos/Hall/Form.vue": () => import("./assets/Form-D9Nrl8GS.js"),
			"./Pages/Sma/Pos/Hall/Index.vue": () => import("./assets/Index-BbT-m7Ou.js"),
			"./Pages/Sma/Pos/Modern.vue": () => import("./assets/Modern-n1jme-7d.js"),
			"./Pages/Sma/Pos/Orders.vue": () => import("./assets/Orders-DU7jKYYn.js"),
			"./Pages/Sma/Pos/QrCode/Index.vue": () => import("./assets/Index-tqD_hSL8.js"),
			"./Pages/Sma/Pos/RegistersReport.vue": () => import("./assets/RegistersReport-DkwfKQhj.js"),
			"./Pages/Sma/Pos/Setting.vue": () => import("./assets/Setting-CHNP-cNJ.js"),
			"./Pages/Sma/Pos/Simple.vue": () => import("./assets/Simple-D4MiZMke.js"),
			"./Pages/Sma/Pos/Table/Form.vue": () => import("./assets/Form-CxQDays7.js"),
			"./Pages/Sma/Pos/Table/Index.vue": () => import("./assets/Index-DXb-Uzy1.js"),
			"./Pages/Sma/Product/Adjustment/Form.vue": () => import("./assets/Form-WR99LZoc.js"),
			"./Pages/Sma/Product/Adjustment/Index.vue": () => import("./assets/Index-bavRwajr.js"),
			"./Pages/Sma/Product/Adjustment/QuickView.vue": () => import("./assets/QuickView-Bq3Grtkg.js"),
			"./Pages/Sma/Product/Brand/Form.vue": () => import("./assets/Form-CY-z8Nd6.js"),
			"./Pages/Sma/Product/Brand/Import.vue": () => import("./assets/Import-BYtEMYuu.js"),
			"./Pages/Sma/Product/Brand/Index.vue": () => import("./assets/Index-BFe0eaYa.js"),
			"./Pages/Sma/Product/Category/Form.vue": () => import("./assets/Form-DNNxYpIJ.js"),
			"./Pages/Sma/Product/Category/Import.vue": () => import("./assets/Import-I8cub31C.js"),
			"./Pages/Sma/Product/Category/Index.vue": () => import("./assets/Index-HBopxnIG.js"),
			"./Pages/Sma/Product/Form.vue": () => import("./assets/Form-DBqgaub7.js"),
			"./Pages/Sma/Product/Import.vue": () => import("./assets/Import-C5L2t7VU.js"),
			"./Pages/Sma/Product/Index.vue": () => import("./assets/Index-CgBomPWT.js"),
			"./Pages/Sma/Product/Label.vue": () => import("./assets/Label-D9z32XMK.js"),
			"./Pages/Sma/Product/Promotion/Form.vue": () => import("./assets/Form-DDewWf35.js"),
			"./Pages/Sma/Product/Promotion/Index.vue": () => import("./assets/Index-DoH4W_H0.js"),
			"./Pages/Sma/Product/QuickView.vue": () => import("./assets/QuickView--t4qwlA0.js"),
			"./Pages/Sma/Product/StockCount/Form.vue": () => import("./assets/Form-D5jjORhC.js"),
			"./Pages/Sma/Product/StockCount/Index.vue": () => import("./assets/Index-CVFb3GSN.js"),
			"./Pages/Sma/Product/StockCount/QuickView.vue": () => import("./assets/QuickView-CoGbHyls.js"),
			"./Pages/Sma/Product/Track.vue": () => import("./assets/Track-BiwxiCXP.js"),
			"./Pages/Sma/Product/Transfer/Form.vue": () => import("./assets/Form-MUiPZMYt.js"),
			"./Pages/Sma/Product/Transfer/Index.vue": () => import("./assets/Index-CcL3WEWL.js"),
			"./Pages/Sma/Product/Transfer/QuickView.vue": () => import("./assets/QuickView-ZUWfWMag.js"),
			"./Pages/Sma/Product/Transfer/View.vue": () => import("./assets/View-CXf1OlHJ.js"),
			"./Pages/Sma/Product/Unit/Form.vue": () => import("./assets/Form-HayopEWn2.js"),
			"./Pages/Sma/Product/Unit/Index.vue": () => import("./assets/Index-CS1-hEbs2.js"),
			"./Pages/Sma/Repair/RepairOrder/Form.vue": () => import("./assets/Form-CP00r3cg.js"),
			"./Pages/Sma/Repair/RepairOrder/Index.vue": () => import("./assets/Index-CAtXtbeg.js"),
			"./Pages/Sma/Repair/RepairOrder/QuickView.vue": () => import("./assets/QuickView-DyGafFul.js"),
			"./Pages/Sma/Repair/ServiceType/Form.vue": () => import("./assets/Form-DNnL-FQg2.js"),
			"./Pages/Sma/Repair/ServiceType/Index.vue": () => import("./assets/Index-BA-_nk8D2.js"),
			"./Pages/Sma/Repair/Technician/Form.vue": () => import("./assets/Form-BrQwMjsX.js"),
			"./Pages/Sma/Repair/Technician/Index.vue": () => import("./assets/Index-CCRsHZXu.js"),
			"./Pages/Sma/Report/Activity.vue": () => import("./assets/Activity-DE9z7iLu.js"),
			"./Pages/Sma/Report/Adjustment.vue": () => import("./assets/Adjustment-BkkXwyH9.js"),
			"./Pages/Sma/Report/Brand.vue": () => import("./assets/Brand-D_jT68a2.js"),
			"./Pages/Sma/Report/Category.vue": () => import("./assets/Category-Bx56A_PE.js"),
			"./Pages/Sma/Report/Customer.vue": () => import("./assets/Customer-BCsLajvO.js"),
			"./Pages/Sma/Report/DailySales.vue": () => import("./assets/DailySales-CbtsmHbm.js"),
			"./Pages/Sma/Report/Expense.vue": () => import("./assets/Expense-D2pLRxOW.js"),
			"./Pages/Sma/Report/Form.vue": () => import("./assets/Form-0tf-fvoj.js"),
			"./Pages/Sma/Report/Income.vue": () => import("./assets/Income-cI-WkTnG.js"),
			"./Pages/Sma/Report/InventoryAccounting.vue": () => import("./assets/InventoryAccounting-IWVls_tC.js"),
			"./Pages/Sma/Report/MonthlySales.vue": () => import("./assets/MonthlySales-Cg7lZn6l.js"),
			"./Pages/Sma/Report/Payment.vue": () => import("./assets/Payment-B59vmteD.js"),
			"./Pages/Sma/Report/Product.vue": () => import("./assets/Product-Bi8lyUcS.js"),
			"./Pages/Sma/Report/ProfitLoss.vue": () => import("./assets/ProfitLoss-2Y6u88LS.js"),
			"./Pages/Sma/Report/Purchase.vue": () => import("./assets/Purchase-BSMjRaL3.js"),
			"./Pages/Sma/Report/ReturnOrder.vue": () => import("./assets/ReturnOrder-Crx7srsN.js"),
			"./Pages/Sma/Report/Sale.vue": () => import("./assets/Sale-trAsxvAz.js"),
			"./Pages/Sma/Report/Staff.vue": () => import("./assets/Staff-lM5y1YuZ.js"),
			"./Pages/Sma/Report/Supplier.vue": () => import("./assets/Supplier-DZQRQmQN.js"),
			"./Pages/Sma/Report/Transfer.vue": () => import("./assets/Transfer-CF32u4IX.js"),
			"./Pages/Sma/Setting/CustomField/Form.vue": () => import("./assets/Form-DTpih5hG.js"),
			"./Pages/Sma/Setting/CustomField/Index.vue": () => import("./assets/Index-ysBMn7WY.js"),
			"./Pages/Sma/Setting/Index.vue": () => import("./assets/Index-BQFvn26f.js"),
			"./Pages/Sma/Setting/Mail.vue": () => import("./assets/Mail-DPT2uZno.js"),
			"./Pages/Sma/Setting/Payment.vue": () => import("./assets/Payment-D6CYqLVX.js"),
			"./Pages/Sma/Setting/ScaleBarcode.vue": () => import("./assets/ScaleBarcode-CZBdBzZ8.js"),
			"./Pages/Sma/Setting/ScaleBarcodeDrawer.vue": () => import("./assets/ScaleBarcodeDrawer-DJ_EOl4x.js"),
			"./Pages/Sma/Setting/Store/Form.vue": () => import("./assets/Form-Dyedilpi.js"),
			"./Pages/Sma/Setting/Store/Index.vue": () => import("./assets/Index-CurI_39B.js"),
			"./Pages/Sma/Setting/Tax/Form.vue": () => import("./assets/Form-DQ7HXqMt.js"),
			"./Pages/Sma/Setting/Tax/Index.vue": () => import("./assets/Index-DNbbp9su.js"),
			"./Pages/Sma/Setting/V3Import.vue": () => import("./assets/V3Import-Cbz9G-2U.js"),
			"./Pages/TermsOfService.vue": () => import("./assets/TermsOfService-COsEO7yX.js"),
			"./Pages/Welcome.vue": () => import("./assets/Welcome-CPVMcPU0.js")
		}))[`./Pages/${name}.vue`];
	},
	setup({ App, props, plugin }) {
		router.on("success", (event) => {
			if (event.detail.page.props.flash?.message) notify({
				group: "main",
				type: "success",
				title: "Success!",
				text: event.detail.page.props.flash.message
			});
			if (event.detail.page.props.flash?.error) notify({
				group: "main",
				type: "error",
				title: "Failed!",
				text: event.detail.page.props.flash.error
			});
		});
		router.on("error", (errors) => {
			notify({
				group: "main",
				type: "error",
				title: "Failed!",
				text: Object.values(errors.detail.errors).join("<br />")
			}, 5e3);
		});
		return createSSRApp({
			render: () => h(App, props),
			mounted: () => {
				setTimeout(() => {
					document.addEventListener("keyup", shortcuts);
					document.getElementById("app-loading").style.display = "none";
				}, 250);
			},
			beforeDestroy() {
				document.removeEventListener("keyup", shortcuts);
			}
		}).use(i18n).use(plugin).mixin(mixin).use(M).use(Notifications).component("Head", Head).component("Icon", _sfc_main$9).component("Link", Link).component("Header", Header_default);
	}
}), {
	cluster: true,
	port: 13721
});
//#endregion
export { $number as $, _sfc_main$33 as A, VariationSelection as B, _sfc_main$26 as C, ApplicationLogo_default as Ct, _sfc_main$30 as D, loadLocaleMessages as Dt, _sfc_main$29 as E, getDocumentDirection as Et, _sfc_main$37 as F, $can as G, PageSearch as H, _sfc_main$38 as I, $datetime as J, $currency as K, useClickOutside as L, _sfc_main$35 as M, KeyBoard_default as N, _sfc_main$31 as O, vKeyboard as P, $meta as Q, getMenus as R, _sfc_main$25 as S, ApplicationMark_default as St, _sfc_main$28 as T, LANGUAGES as Tt, FormHelper as U, searchItems as V, $address as W, $decimal_qty as X, $decimal as Y, $extras as Z, _sfc_main$20 as _, _sfc_main$51 as _t, _sfc_main$5 as a, convert_to_base_unit as at, _sfc_main$23 as b, _sfc_main$55 as bt, _sfc_main$9 as c, _sfc_main$40 as ct, _sfc_main$12 as d, _sfc_main$45 as dt, $number_qty as et, _sfc_main$13 as f, _sfc_main$46 as ft, _sfc_main$19 as g, _sfc_main$50 as gt, _sfc_main$18 as h, _sfc_main$49 as ht, _sfc_main$4 as i, chunkArray as it, _sfc_main$34 as j, _sfc_main$32 as k, _sfc_main$10 as l, SectionBorder_default as lt, _sfc_main$15 as m, _sfc_main$48 as mt, _sfc_main$2 as n, calculate_item as nt, _sfc_main$6 as o, discount_keypress as ot, _sfc_main$14 as p, _sfc_main$47 as pt, $date as q, _sfc_main$3 as r, check_promotions as rt, _sfc_main$7 as s, _sfc_main$39 as st, _sfc_main$1 as t, $random as tt, _sfc_main$11 as u, _sfc_main$44 as ut, _sfc_main$21 as v, _sfc_main$52 as vt, _sfc_main$27 as w, _sfc_main$59 as wt, _sfc_main$24 as x, AuthenticationCard_default as xt, _sfc_main$22 as y, _sfc_main$53 as yt, http_default as z };
