import { t as B } from "./index.esm-0G7eAEV5.js";
import { D as _sfc_main$1, K as $currency, M as _sfc_main$3, x as _sfc_main$2, z as http_default } from "../ssr.js";
import { t as _sfc_main$4 } from "./AdminLayout-eZgRfDMK.js";
import { usePage } from "@inertiajs/vue3";
import { createBlock, createCommentVNode, createTextVNode, createVNode, defineAsyncComponent, onMounted, openBlock, ref, resolveComponent, toDisplayString, unref, useSSRContext, watch, withCtx } from "vue";
import { useI18n } from "vue-i18n";
import { ssrIncludeBooleanAttr, ssrInterpolate, ssrRenderAttr, ssrRenderClass, ssrRenderComponent } from "vue/server-renderer";
import dayjs from "dayjs";
import isToday from "dayjs/plugin/isToday.js";
import isYesterday from "dayjs/plugin/isYesterday.js";
//#region resources/js/Pages/Sma/Dashboard.vue
var _sfc_main = /* @__PURE__ */ Object.assign({ layout: _sfc_main$4 }, {
	__name: "Dashboard",
	__ssrInlineRender: true,
	setup(__props) {
		dayjs.extend(isToday);
		dayjs.extend(isYesterday);
		const page = usePage();
		const { t } = useI18n({});
		const ApexCharts = defineAsyncComponent(() => import("vue3-apexcharts"));
		const data = ref({});
		const data_days = ref(null);
		const loading = ref("true");
		const chartData = ref(null);
		const type = ref("annually");
		const loadingChart = ref("true");
		const year = ref(dayjs().year());
		const month = ref(dayjs().month() + 1);
		const sparkType = ref(page.props.settings?.chart_type || "area");
		const barSeries = ref([]);
		const barChartOptions = ref({
			chart: {
				type: "bar",
				height: 450,
				toolbar: { show: false }
			},
			plotOptions: { bar: {
				horizontal: false,
				columnWidth: "55%",
				borderRadius: 5,
				borderRadiusApplication: "end"
			} },
			dataLabels: { enabled: false },
			stroke: {
				show: true,
				width: 2,
				colors: ["transparent"]
			},
			xaxis: { categories: [
				"Jan",
				"Feb",
				"Mar",
				"Apr",
				"May",
				"Jun",
				"Jul",
				"Aug",
				"Sep",
				"Oct",
				"Nov",
				"Dec"
			] },
			yaxis: {
				opposite: (page.props.rtl_support || page.props.settings?.rtl_support || "0") == "1",
				labels: { formatter: function(value) {
					return value;
				} }
			},
			fill: { opacity: [
				.8,
				.8,
				.9,
				1
			] },
			tooltip: {
				theme: false,
				rtl: (page.props.settings?.rtl_support || "0") == "1",
				shared: true,
				intersect: false,
				followCursor: false,
				marker: { show: false },
				y: { formatter: function(val) {
					return $currency(val);
				} }
			}
		});
		const salesSpark = ref([]);
		const paymentsSpark = ref([]);
		const expensesSpark = ref([]);
		const purchasesSpark = ref([]);
		const salesSparkOptions = ref({});
		const expensesSparkOptions = ref({});
		const paymentsSparkOptions = ref({});
		const purchasesSparkOptions = ref({});
		const sparkChartOptions = ref({
			chart: {
				type: "bar",
				height: 100,
				sparkline: { enabled: true }
			},
			plotOptions: { bar: {
				borderRadius: 5,
				borderRadiusApplication: "end"
			} },
			xaxis: {
				type: "datetime",
				labels: { formatter: function(value, timestamp) {
					return new Date(timestamp).toLocaleString(window.Locale, {
						timeZone: "UTC",
						dateStyle: "medium"
					});
				} }
			},
			tooltip: {
				theme: false,
				marker: { show: false },
				y: { formatter: function(y) {
					return y ? $currency(y) : y;
				} }
			},
			labels: []
		});
		watch(type, getChartData);
		onMounted(() => {
			getChartData(year.value);
			getDashboardData(data_days.value);
		});
		async function getChartData() {
			loadingChart.value = true;
			await http_default.post(B("dashboard.chart"), {
				month: month.value,
				year: year.value,
				type: type.value
			}).then((res) => {
				chartData.value = res.data;
				barSeries.value = [
					{
						type: "column",
						name: t("Sales"),
						data: Object.values(res.data?.sales || {}) || []
					},
					{
						type: "column",
						name: t("Purchases"),
						data: Object.values(res.data?.purchases || {}) || []
					},
					{
						type: "area",
						name: t("Payments"),
						data: Object.values(res.data?.payments || {}) || []
					},
					{
						type: "area",
						name: t("Expenses"),
						data: Object.values(res.data?.expenses || {}) || []
					}
				];
				barChartOptions.value = {
					...barChartOptions.value,
					xaxis: {
						...barChartOptions.value.xaxis,
						categories: res.data?.categories || []
					}
				};
			}).finally(() => loadingChart.value = false);
		}
		async function getDashboardData(days) {
			loading.value = true;
			data_days.value = days;
			await http_default.get(B("dashboard.data") + "?days=" + (data_days.value || "")).then((res) => data.value = res.data);
			if (data_days.value) {
				salesSpark.value = [{
					name: t("Sales"),
					data: Object.values(data.value?.spark?.sales || {}) || []
				}];
				salesSparkOptions.value = {
					...sparkChartOptions.value,
					labels: Object.keys(data.value?.spark?.sales || {}) || []
				};
				purchasesSpark.value = [{
					name: t("Purchases"),
					data: Object.values(data.value?.spark?.purchases || {}) || []
				}];
				purchasesSparkOptions.value = {
					...sparkChartOptions.value,
					labels: Object.keys(data.value?.spark?.purchases || {}) || []
				};
				paymentsSpark.value = [{
					name: t("Payments"),
					data: Object.values(data.value?.spark?.payments || {}) || []
				}];
				paymentsSparkOptions.value = {
					...sparkChartOptions.value,
					labels: Object.keys(data.value?.spark?.payments || {}) || [],
					tooltip: {
						...sparkChartOptions.value.tooltip,
						y: { formatter: function(y) {
							if (y !== void 0) {
								if (y < 0) return t("Sent") + ": " + $currency(0 - y);
								return t("Received") + ": " + $currency(y);
							}
							return y;
						} }
					}
				};
				expensesSpark.value = [{
					name: t("Expenses"),
					data: Object.values(data.value?.spark?.expenses || {}) || []
				}];
				expensesSparkOptions.value = {
					...sparkChartOptions.value,
					labels: Object.keys(data.value?.spark?.expenses || {}) || []
				};
			} else {
				salesSpark.value = [];
				expensesSpark.value = [];
				paymentsSpark.value = [];
				purchasesSpark.value = [];
				salesSparkOptions.value = {
					...sparkChartOptions.value,
					labels: []
				};
				expensesSparkOptions.value = {
					...sparkChartOptions.value,
					labels: []
				};
				paymentsSparkOptions.value = {
					...sparkChartOptions.value,
					labels: []
				};
				purchasesSparkOptions.value = {
					...sparkChartOptions.value,
					labels: []
				};
			}
			loading.value = false;
		}
		return (_ctx, _push, _parent, _attrs) => {
			const _component_Head = resolveComponent("Head");
			const _component_Header = resolveComponent("Header");
			const _component_Link = resolveComponent("Link");
			const _component_Icon = resolveComponent("Icon");
			_push(`<!--[-->`);
			_push(ssrRenderComponent(_component_Head, null, {
				default: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) _push(`<title${_scopeId}>${ssrInterpolate(_ctx.$t("Dashboard"))}</title>`);
					else return [createVNode("title", null, toDisplayString(_ctx.$t("Dashboard")), 1)];
				}),
				_: 1
			}, _parent));
			if (_ctx.$can("see-dashboard")) _push(ssrRenderComponent(_component_Header, { class: "overflow-x-auto whitespace-nowrap" }, {
				menu: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) {
						_push(`<div class="hidden items-center justify-end gap-4 sm:flex"${_scopeId}>`);
						if (_ctx.$can("create-sales")) _push(ssrRenderComponent(_component_Link, {
							href: unref(B)("sales.create"),
							class: "flex items-center gap-x-1 rounded-md px-3 py-2 text-sm font-semibold hover:bg-gray-100 dark:hover:bg-gray-700"
						}, {
							default: withCtx((_, _push, _parent, _scopeId) => {
								if (_push) _push(`${ssrInterpolate(_ctx.$t("Add new sale"))}`);
								else return [createTextVNode(toDisplayString(_ctx.$t("Add new sale")), 1)];
							}),
							_: 1
						}, _parent, _scopeId));
						else _push(`<!---->`);
						if (unref(B)().has("pos") && _ctx.$can("read-pos")) _push(ssrRenderComponent(_component_Link, {
							href: unref(B)("pos"),
							class: "btn-primary"
						}, {
							default: withCtx((_, _push, _parent, _scopeId) => {
								if (_push) _push(`${ssrInterpolate(_ctx.$t("POS"))}`);
								else return [createTextVNode(toDisplayString(_ctx.$t("POS")), 1)];
							}),
							_: 1
						}, _parent, _scopeId));
						else _push(`<!---->`);
						_push(`</div>`);
					} else return [createVNode("div", { class: "hidden items-center justify-end gap-4 sm:flex" }, [_ctx.$can("create-sales") ? (openBlock(), createBlock(_component_Link, {
						key: 0,
						href: unref(B)("sales.create"),
						class: "flex items-center gap-x-1 rounded-md px-3 py-2 text-sm font-semibold hover:bg-gray-100 dark:hover:bg-gray-700"
					}, {
						default: withCtx(() => [createTextVNode(toDisplayString(_ctx.$t("Add new sale")), 1)]),
						_: 1
					}, 8, ["href"])) : createCommentVNode("", true), unref(B)().has("pos") && _ctx.$can("read-pos") ? (openBlock(), createBlock(_component_Link, {
						key: 1,
						href: unref(B)("pos"),
						class: "btn-primary"
					}, {
						default: withCtx(() => [createTextVNode(toDisplayString(_ctx.$t("POS")), 1)]),
						_: 1
					}, 8, ["href"])) : createCommentVNode("", true)])];
				}),
				default: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) {
						_push(`<div class="flex w-full flex-wrap items-center gap-6 sm:flex-nowrap"${_scopeId}><div class="flex grow items-center justify-between"${_scopeId}><h1 class="py-1 text-base leading-7 font-bold text-gray-900 dark:text-gray-100"${_scopeId}>${ssrInterpolate(_ctx.$t("Overview"))}</h1><div class="flex items-center justify-end gap-4 sm:hidden"${_scopeId}>`);
						if (_ctx.$can("create-sales")) _push(ssrRenderComponent(_component_Link, {
							href: unref(B)("sales.create"),
							class: "flex items-center gap-x-1 rounded-md px-3 py-2 text-sm font-semibold hover:bg-gray-100 dark:hover:bg-gray-700"
						}, {
							default: withCtx((_, _push, _parent, _scopeId) => {
								if (_push) _push(`${ssrInterpolate(_ctx.$t("Add new sale"))}`);
								else return [createTextVNode(toDisplayString(_ctx.$t("Add new sale")), 1)];
							}),
							_: 1
						}, _parent, _scopeId));
						else _push(`<!---->`);
						if (unref(B)().has("pos") && _ctx.$can("read-pos")) _push(ssrRenderComponent(_component_Link, {
							href: unref(B)("pos"),
							class: "btn-primary"
						}, {
							default: withCtx((_, _push, _parent, _scopeId) => {
								if (_push) _push(`${ssrInterpolate(_ctx.$t("POS"))}`);
								else return [createTextVNode(toDisplayString(_ctx.$t("POS")), 1)];
							}),
							_: 1
						}, _parent, _scopeId));
						else _push(`<!---->`);
						_push(`</div></div><div class="order-last flex min-w-full gap-x-8 text-sm leading-6 font-semibold sm:order-none sm:w-auto sm:border-s sm:border-gray-200 sm:ps-6 sm:leading-7 dark:sm:border-gray-700"${_scopeId}><button type="button"${ssrIncludeBooleanAttr(data_days.value == 7) ? " disabled" : ""} class="${ssrRenderClass(data_days.value == 7 ? "link" : "")}"${_scopeId}>${ssrInterpolate(_ctx.$t("Last 7 days"))}</button><button type="button"${ssrIncludeBooleanAttr(data_days.value == 30) ? " disabled" : ""} class="${ssrRenderClass(data_days.value == 30 ? "link" : "")}"${_scopeId}>${ssrInterpolate(_ctx.$t("Last 30 days"))}</button><button type="button"${ssrIncludeBooleanAttr(data_days.value == 60) ? " disabled" : ""} class="${ssrRenderClass(data_days.value == 60 ? "link" : "")}"${_scopeId}>${ssrInterpolate(_ctx.$t("Last 60 days"))}</button><button type="button"${ssrIncludeBooleanAttr(!data_days.value) ? " disabled" : ""} class="${ssrRenderClass(!data_days.value ? "link" : "")}"${_scopeId}>${ssrInterpolate(_ctx.$t("All-time"))}</button></div></div>`);
					} else return [createVNode("div", { class: "flex w-full flex-wrap items-center gap-6 sm:flex-nowrap" }, [createVNode("div", { class: "flex grow items-center justify-between" }, [createVNode("h1", { class: "py-1 text-base leading-7 font-bold text-gray-900 dark:text-gray-100" }, toDisplayString(_ctx.$t("Overview")), 1), createVNode("div", { class: "flex items-center justify-end gap-4 sm:hidden" }, [_ctx.$can("create-sales") ? (openBlock(), createBlock(_component_Link, {
						key: 0,
						href: unref(B)("sales.create"),
						class: "flex items-center gap-x-1 rounded-md px-3 py-2 text-sm font-semibold hover:bg-gray-100 dark:hover:bg-gray-700"
					}, {
						default: withCtx(() => [createTextVNode(toDisplayString(_ctx.$t("Add new sale")), 1)]),
						_: 1
					}, 8, ["href"])) : createCommentVNode("", true), unref(B)().has("pos") && _ctx.$can("read-pos") ? (openBlock(), createBlock(_component_Link, {
						key: 1,
						href: unref(B)("pos"),
						class: "btn-primary"
					}, {
						default: withCtx(() => [createTextVNode(toDisplayString(_ctx.$t("POS")), 1)]),
						_: 1
					}, 8, ["href"])) : createCommentVNode("", true)])]), createVNode("div", { class: "order-last flex min-w-full gap-x-8 text-sm leading-6 font-semibold sm:order-none sm:w-auto sm:border-s sm:border-gray-200 sm:ps-6 sm:leading-7 dark:sm:border-gray-700" }, [
						createVNode("button", {
							type: "button",
							disabled: data_days.value == 7,
							onClick: ($event) => getDashboardData(7),
							class: data_days.value == 7 ? "link" : ""
						}, toDisplayString(_ctx.$t("Last 7 days")), 11, ["disabled", "onClick"]),
						createVNode("button", {
							type: "button",
							disabled: data_days.value == 30,
							onClick: ($event) => getDashboardData(30),
							class: data_days.value == 30 ? "link" : ""
						}, toDisplayString(_ctx.$t("Last 30 days")), 11, ["disabled", "onClick"]),
						createVNode("button", {
							type: "button",
							disabled: data_days.value == 60,
							onClick: ($event) => getDashboardData(60),
							class: data_days.value == 60 ? "link" : ""
						}, toDisplayString(_ctx.$t("Last 60 days")), 11, ["disabled", "onClick"]),
						createVNode("button", {
							type: "button",
							onClick: ($event) => getDashboardData(),
							disabled: !data_days.value,
							class: !data_days.value ? "link" : ""
						}, toDisplayString(_ctx.$t("All-time")), 11, ["onClick", "disabled"])
					])])];
				}),
				_: 1
			}, _parent));
			else _push(`<!---->`);
			_push(ssrRenderComponent(unref(_sfc_main$1), null, {
				default: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) {
						if (loading.value) {
							_push(`<div class="relative flex h-64 items-center justify-center"${_scopeId}>`);
							_push(ssrRenderComponent(unref(_sfc_main$2), { loadingClass: "h-10 w-10" }, null, _parent, _scopeId));
							_push(`</div>`);
						} else if (_ctx.$can("see-dashboard")) {
							_push(`<dl class="grid w-full grid-cols-1 gap-px border-b border-gray-200 bg-gray-200 sm:grid-cols-2 lg:grid-cols-4 dark:border-gray-700 dark:bg-gray-700"${_scopeId}>`);
							if (_ctx.$hasRole("Customer") || _ctx.$page.props.auth.user?.employee == 1) {
								_push(`<div class="flex flex-wrap items-baseline justify-between gap-x-4 gap-y-2 bg-white px-4 py-5 sm:px-6 xl:px-8 dark:bg-gray-900"${_scopeId}><dt class="text-mute text-sm leading-6 font-medium"${_scopeId}>${ssrInterpolate(_ctx.$t("Sales"))}</dt><dd class="text-focus w-full flex-none text-2xl leading-10 font-bold tracking-tight"${_scopeId}>${ssrInterpolate(unref($currency)(data.value?.data?.sales || 0))}</dd>`);
								if (data_days.value) {
									_push(`<div class="min-w-full"${_scopeId}>`);
									_push(ssrRenderComponent(unref(ApexCharts), {
										type: sparkType.value,
										height: "100",
										options: salesSparkOptions.value,
										series: salesSpark.value
									}, null, _parent, _scopeId));
									_push(`</div>`);
								} else _push(`<!---->`);
								_push(`</div>`);
							} else _push(`<!---->`);
							if (_ctx.$hasRole("Supplier") || _ctx.$page.props.auth.user?.employee == 1) {
								_push(`<div class="flex flex-wrap items-baseline justify-between gap-x-4 gap-y-2 bg-white px-4 py-5 sm:px-6 xl:px-8 dark:bg-gray-900"${_scopeId}><dt class="text-mute text-sm leading-6 font-medium"${_scopeId}>${ssrInterpolate(_ctx.$t("Purchases"))}</dt><dd class="text-focus w-full flex-none text-2xl leading-10 font-bold tracking-tight"${_scopeId}>${ssrInterpolate(unref($currency)(data.value?.data?.purchases || 0))}</dd>`);
								if (data_days.value) {
									_push(`<div class="min-w-full"${_scopeId}>`);
									_push(ssrRenderComponent(unref(ApexCharts), {
										type: sparkType.value,
										height: "100",
										options: purchasesSparkOptions.value,
										series: purchasesSpark.value
									}, null, _parent, _scopeId));
									_push(`</div>`);
								} else _push(`<!---->`);
								_push(`</div>`);
							} else _push(`<!---->`);
							_push(`<div class="flex flex-wrap items-baseline justify-between gap-x-4 gap-y-2 bg-white px-4 py-5 sm:px-6 xl:px-8 dark:bg-gray-900"${_scopeId}><dt class="text-mute text-sm leading-6 font-medium"${_scopeId}>${ssrInterpolate(_ctx.$t("Payments"))}</dt><dd class="text-focus w-full flex-none text-2xl leading-10 font-bold tracking-tight"${_scopeId}>${ssrInterpolate(unref($currency)(data.value?.data?.payments || data.value?.data?.paid || 0))}</dd>`);
							if (data_days.value) {
								_push(`<div class="min-w-full"${_scopeId}>`);
								_push(ssrRenderComponent(unref(ApexCharts), {
									type: sparkType.value,
									height: "100",
									options: paymentsSparkOptions.value,
									series: paymentsSpark.value
								}, null, _parent, _scopeId));
								_push(`</div>`);
							} else _push(`<!---->`);
							_push(`</div>`);
							if (_ctx.$hasRole("Supplier") || _ctx.$page.props.auth.user?.employee == 1) {
								_push(`<div class="flex flex-wrap items-baseline justify-between gap-x-4 gap-y-2 bg-white px-4 py-5 sm:px-6 xl:px-8 dark:bg-gray-900"${_scopeId}><dt class="text-mute text-sm leading-6 font-medium"${_scopeId}>${ssrInterpolate(_ctx.$hasRole("Supplier") ? unref(t)("Other Purchases (Expenses)") : _ctx.$t("Expenses"))}</dt><dd class="text-focus w-full flex-none text-2xl leading-10 font-bold tracking-tight"${_scopeId}>${ssrInterpolate(unref($currency)(data.value?.data?.expenses || 0))}</dd>`);
								if (data_days.value) {
									_push(`<div class="min-w-full"${_scopeId}>`);
									_push(ssrRenderComponent(unref(ApexCharts), {
										type: sparkType.value,
										height: "100",
										options: expensesSparkOptions.value,
										series: expensesSpark.value
									}, null, _parent, _scopeId));
									_push(`</div>`);
								} else _push(`<!---->`);
								_push(`</div>`);
							} else _push(`<div class="bg-white dark:bg-gray-900"${_scopeId}></div>`);
							if (_ctx.$hasRole("Customer")) _push(`<div class="bg-white dark:bg-gray-900"${_scopeId}></div>`);
							else _push(`<!---->`);
							_push(`</dl>`);
						} else _push(`<!---->`);
						if (_ctx.$can("see-dashboard")) {
							_push(`<div class="bg-white dark:bg-gray-900"${_scopeId}><div class="border-b border-gray-200 px-4 py-5 sm:px-6 dark:border-gray-700"${_scopeId}><div class="relative z-1 dark:border-gray-800"${_scopeId}><div class="flex flex-col gap-5 sm:flex-row sm:items-center sm:justify-between"${_scopeId}><div class="w-full grow"${_scopeId}><h3 class="text-lg font-semibold text-gray-800 dark:text-white/90"${_scopeId}>${ssrInterpolate(unref(t)("Statistics Chart"))}</h3><p class="text-sm text-gray-500 dark:text-gray-400"${_scopeId}>${ssrInterpolate(unref(t)("Please view your sales, payments, purchases & expenses data in the chart below."))}</p></div><div class="flex w-full flex-col items-end justify-end gap-2 lg:flex-row lg:items-stretch"${_scopeId}><div class="order-1 flex w-full max-w-64 items-center justify-end gap-2 lg:order-0"${_scopeId}>`);
							if (type.value == "monthly") {
								_push(`<div class="grow"${_scopeId}>`);
								_push(ssrRenderComponent(unref(_sfc_main$3), {
									json: true,
									modelValue: month.value,
									"onUpdate:modelValue": ($event) => month.value = $event,
									searchable: false,
									onChange: getChartData,
									placeholder: _ctx.$t("Month"),
									suggestions: [...Array(12).keys()].map((m) => ({
										label: unref(dayjs)().startOf("year").add(m, "month").format("MMMM"),
										value: m + 1
									}))
								}, null, _parent, _scopeId));
								_push(`</div>`);
							} else _push(`<!---->`);
							_push(`<div class="w-24 shrink-0"${_scopeId}>`);
							_push(ssrRenderComponent(unref(_sfc_main$3), {
								json: true,
								modelValue: year.value,
								"onUpdate:modelValue": ($event) => year.value = $event,
								searchable: false,
								onChange: getChartData,
								placeholder: _ctx.$t("Year"),
								suggestions: [...Array(12).keys()].map((i) => ({
									label: unref(dayjs)().year() - i,
									value: unref(dayjs)().year() - i
								}))
							}, null, _parent, _scopeId));
							_push(`</div></div><div class="order-0 flex items-center justify-end gap-0.5 rounded-lg border border-gray-100 bg-gray-100 p-0.5 lg:order-1 dark:border-gray-950 dark:bg-gray-950"${_scopeId}><button class="${ssrRenderClass([type.value == "monthly" ? "bg-white text-gray-900 shadow-2xs dark:bg-gray-800 dark:text-white" : "text-gray-500 dark:text-gray-400", "rounded-md px-3 py-2 text-sm font-medium hover:text-gray-900 hover:shadow-2xs dark:text-white dark:hover:bg-gray-800 dark:hover:text-white"])}"${_scopeId}>${ssrInterpolate(unref(t)("Monthly"))}</button><button class="${ssrRenderClass([type.value == "annually" ? "bg-white text-gray-900 shadow-2xs dark:bg-gray-800 dark:text-white" : "text-gray-500 dark:text-gray-400", "rounded-md px-3 py-2 text-sm font-medium text-gray-500 hover:text-gray-900 hover:shadow-2xs dark:text-gray-400 dark:hover:text-white"])}"${_scopeId}>${ssrInterpolate(unref(t)("Annually"))}</button></div></div></div></div></div><div class="flex gap-4 overflow-x-auto px-4 py-6 whitespace-nowrap sm:gap-12 sm:px-6 xl:px-8"${_scopeId}>`);
							if (_ctx.$hasRole("Customer")) _push(`<div class="flex items-start gap-2"${_scopeId}><div${_scopeId}><h4 class="mb-0.5 text-base font-bold text-gray-800 sm:text-xl dark:text-white/90"${_scopeId}>${ssrInterpolate(unref($currency)(Object.values(chartData.value?.sales || {}).reduce((i, a) => Number(a) + Number(i), 0)))}</h4><span class="text-sm text-gray-500 dark:text-gray-400"${_scopeId}>${ssrInterpolate(unref(t)("{x} Sales", { x: unref(t)("Total") }))}</span></div></div>`);
							else _push(`<!---->`);
							if (_ctx.$hasRole("Supplier")) _push(`<div class="flex items-start gap-2"${_scopeId}><div${_scopeId}><h4 class="mb-0.5 text-base font-bold text-gray-800 sm:text-xl dark:text-white/90"${_scopeId}>${ssrInterpolate(unref($currency)(Object.values(chartData.value?.purchases || {}).reduce((i, a) => Number(a) + Number(i), 0)))}</h4><span class="text-sm text-gray-500 dark:text-gray-400"${_scopeId}>${ssrInterpolate(unref(t)("{x} Purchases", { x: unref(t)("Total") }))}</span></div></div>`);
							else _push(`<!---->`);
							_push(`<div class="flex items-start gap-2"${_scopeId}><div${_scopeId}><h4 class="mb-0.5 text-base font-bold text-gray-800 sm:text-xl dark:text-white/90"${_scopeId}>${ssrInterpolate(unref($currency)(Object.values(chartData.value?.payments || {}).reduce((i, a) => Number(a) + Number(i), 0)))}</h4><span class="text-sm text-gray-500 dark:text-gray-400"${_scopeId}>${ssrInterpolate(unref(t)("Payments {x}", { x: _ctx.$t("Received/Sent") }))}</span></div></div>`);
							if (_ctx.$hasRole("Supplier")) _push(`<div class="flex items-start gap-2"${_scopeId}><div${_scopeId}><h4 class="mb-0.5 text-base font-bold text-gray-800 sm:text-xl dark:text-white/90"${_scopeId}>${ssrInterpolate(unref($currency)(Object.values(chartData.value?.expenses || {}).reduce((i, a) => Number(a) + Number(i), 0)))}</h4><span class="text-sm text-gray-500 dark:text-gray-400"${_scopeId}>${ssrInterpolate(_ctx.$hasRole("Supplier") ? unref(t)("Other Purchases (Expenses)") : unref(t)("{x} Expenses", { x: unref(t)("Total") }))}</span></div></div>`);
							else _push(`<!---->`);
							_push(`</div><div class="h-[475px]"${_scopeId}>`);
							if (loadingChart.value) {
								_push(`<div class="relative z-0 flex h-[450px] items-center justify-center"${_scopeId}>`);
								_push(ssrRenderComponent(unref(_sfc_main$2), { loadingClass: "h-10 w-10" }, null, _parent, _scopeId));
								_push(`</div>`);
							} else {
								_push(`<div id="chart" class="px-6"${ssrRenderAttr("dir", (_ctx.$page.props.settings?.rtl_support || "0") == "1" ? "rtl" : "ltr")}${_scopeId}>`);
								_push(ssrRenderComponent(unref(ApexCharts), {
									type: "bar",
									height: "450",
									series: barSeries.value,
									options: barChartOptions.value
								}, null, _parent, _scopeId));
								_push(`</div>`);
							}
							_push(`</div></div>`);
						} else {
							_push(`<div class="px-4 py-6 sm:px-6"${_scopeId}><h2 class="text-lg font-semibold text-gray-900 dark:text-white"${_scopeId}>${ssrInterpolate(_ctx.$t("Quick Links"))}</h2><p class="mt-1 text-sm text-gray-500 dark:text-gray-400"${_scopeId}>${ssrInterpolate(_ctx.$t("Please navigate to the pages."))}</p><div class="mt-6 grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4"${_scopeId}>`);
							if (unref(B)().has("pos") && _ctx.$can("read-pos")) _push(ssrRenderComponent(_component_Link, {
								href: unref(B)("pos"),
								class: "group flex flex-col items-center gap-3 rounded-xl border border-gray-200 bg-white px-4 py-6 text-center transition hover:border-primary-300 hover:shadow-md sm:flex-row dark:border-gray-700 dark:bg-gray-900 dark:hover:border-primary-600"
							}, {
								default: withCtx((_, _push, _parent, _scopeId) => {
									if (_push) {
										_push(ssrRenderComponent(_component_Icon, {
											name: "pos",
											class: "size-6 text-primary-500 dark:text-primary-400"
										}, null, _parent, _scopeId));
										_push(`<span class="text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400"${_scopeId}>${ssrInterpolate(_ctx.$t("Point of Sale"))}</span>`);
									} else return [createVNode(_component_Icon, {
										name: "pos",
										class: "size-6 text-primary-500 dark:text-primary-400"
									}), createVNode("span", { class: "text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400" }, toDisplayString(_ctx.$t("Point of Sale")), 1)];
								}),
								_: 1
							}, _parent, _scopeId));
							else _push(`<!---->`);
							if (unref(B)().has("sales.index") && _ctx.$can("read-sales")) _push(ssrRenderComponent(_component_Link, {
								href: unref(B)("sales.index"),
								class: "group flex flex-col items-center gap-3 rounded-xl border border-gray-200 bg-white px-4 py-6 text-center transition hover:border-primary-300 hover:shadow-md sm:flex-row dark:border-gray-700 dark:bg-gray-900 dark:hover:border-primary-600"
							}, {
								default: withCtx((_, _push, _parent, _scopeId) => {
									if (_push) {
										_push(ssrRenderComponent(_component_Icon, {
											name: "bag",
											class: "size-6 text-primary-500 dark:text-primary-400"
										}, null, _parent, _scopeId));
										_push(`<span class="text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400"${_scopeId}>${ssrInterpolate(_ctx.$t("Sales"))}</span>`);
									} else return [createVNode(_component_Icon, {
										name: "bag",
										class: "size-6 text-primary-500 dark:text-primary-400"
									}), createVNode("span", { class: "text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400" }, toDisplayString(_ctx.$t("Sales")), 1)];
								}),
								_: 1
							}, _parent, _scopeId));
							else _push(`<!---->`);
							if (unref(B)().has("purchases.index") && _ctx.$can("read-purchases")) _push(ssrRenderComponent(_component_Link, {
								href: unref(B)("purchases.index"),
								class: "group flex flex-col items-center gap-3 rounded-xl border border-gray-200 bg-white px-4 py-6 text-center transition hover:border-primary-300 hover:shadow-md sm:flex-row dark:border-gray-700 dark:bg-gray-900 dark:hover:border-primary-600"
							}, {
								default: withCtx((_, _push, _parent, _scopeId) => {
									if (_push) {
										_push(ssrRenderComponent(_component_Icon, {
											name: "cart",
											class: "size-6 text-primary-500 dark:text-primary-400"
										}, null, _parent, _scopeId));
										_push(`<span class="text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400"${_scopeId}>${ssrInterpolate(_ctx.$t("Purchases"))}</span>`);
									} else return [createVNode(_component_Icon, {
										name: "cart",
										class: "size-6 text-primary-500 dark:text-primary-400"
									}), createVNode("span", { class: "text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400" }, toDisplayString(_ctx.$t("Purchases")), 1)];
								}),
								_: 1
							}, _parent, _scopeId));
							else _push(`<!---->`);
							if (unref(B)().has("payments.index") && _ctx.$can("read-payments")) _push(ssrRenderComponent(_component_Link, {
								href: unref(B)("payments.index"),
								class: "group flex flex-col items-center gap-3 rounded-xl border border-gray-200 bg-white px-4 py-6 text-center transition hover:border-primary-300 hover:shadow-md sm:flex-row dark:border-gray-700 dark:bg-gray-900 dark:hover:border-primary-600"
							}, {
								default: withCtx((_, _push, _parent, _scopeId) => {
									if (_push) {
										_push(ssrRenderComponent(_component_Icon, {
											name: "dollar",
											class: "size-6 text-primary-500 dark:text-primary-400"
										}, null, _parent, _scopeId));
										_push(`<span class="text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400"${_scopeId}>${ssrInterpolate(_ctx.$t("Payments"))}</span>`);
									} else return [createVNode(_component_Icon, {
										name: "dollar",
										class: "size-6 text-primary-500 dark:text-primary-400"
									}), createVNode("span", { class: "text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400" }, toDisplayString(_ctx.$t("Payments")), 1)];
								}),
								_: 1
							}, _parent, _scopeId));
							else _push(`<!---->`);
							if (unref(B)().has("quotations.index") && _ctx.$can("read-quotations")) _push(ssrRenderComponent(_component_Link, {
								href: unref(B)("quotations.index"),
								class: "group flex flex-col items-center gap-3 rounded-xl border border-gray-200 bg-white px-4 py-6 text-center transition hover:border-primary-300 hover:shadow-md sm:flex-row dark:border-gray-700 dark:bg-gray-900 dark:hover:border-primary-600"
							}, {
								default: withCtx((_, _push, _parent, _scopeId) => {
									if (_push) {
										_push(ssrRenderComponent(_component_Icon, {
											name: "docs",
											class: "size-6 text-primary-500 dark:text-primary-400"
										}, null, _parent, _scopeId));
										_push(`<span class="text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400"${_scopeId}>${ssrInterpolate(_ctx.$t("Quotations"))}</span>`);
									} else return [createVNode(_component_Icon, {
										name: "docs",
										class: "size-6 text-primary-500 dark:text-primary-400"
									}), createVNode("span", { class: "text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400" }, toDisplayString(_ctx.$t("Quotations")), 1)];
								}),
								_: 1
							}, _parent, _scopeId));
							else _push(`<!---->`);
							if (unref(B)().has("deliveries.index") && _ctx.$can("read-deliveries")) _push(ssrRenderComponent(_component_Link, {
								href: unref(B)("deliveries.index"),
								class: "group flex flex-col items-center gap-3 rounded-xl border border-gray-200 bg-white px-4 py-6 text-center transition hover:border-primary-300 hover:shadow-md sm:flex-row dark:border-gray-700 dark:bg-gray-900 dark:hover:border-primary-600"
							}, {
								default: withCtx((_, _push, _parent, _scopeId) => {
									if (_push) {
										_push(ssrRenderComponent(_component_Icon, {
											name: "truck",
											class: "size-6 text-primary-500 dark:text-primary-400"
										}, null, _parent, _scopeId));
										_push(`<span class="text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400"${_scopeId}>${ssrInterpolate(_ctx.$t("Deliveries"))}</span>`);
									} else return [createVNode(_component_Icon, {
										name: "truck",
										class: "size-6 text-primary-500 dark:text-primary-400"
									}), createVNode("span", { class: "text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400" }, toDisplayString(_ctx.$t("Deliveries")), 1)];
								}),
								_: 1
							}, _parent, _scopeId));
							else _push(`<!---->`);
							if (unref(B)().has("expenses.index") && _ctx.$can("read-expenses")) _push(ssrRenderComponent(_component_Link, {
								href: unref(B)("expenses.index"),
								class: "group flex flex-col items-center gap-3 rounded-xl border border-gray-200 bg-white px-4 py-6 text-center transition hover:border-primary-300 hover:shadow-md sm:flex-row dark:border-gray-700 dark:bg-gray-900 dark:hover:border-primary-600"
							}, {
								default: withCtx((_, _push, _parent, _scopeId) => {
									if (_push) {
										_push(ssrRenderComponent(_component_Icon, {
											name: "money",
											class: "size-6 text-primary-500 dark:text-primary-400"
										}, null, _parent, _scopeId));
										_push(`<span class="text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400"${_scopeId}>${ssrInterpolate(_ctx.$t("Expenses"))}</span>`);
									} else return [createVNode(_component_Icon, {
										name: "money",
										class: "size-6 text-primary-500 dark:text-primary-400"
									}), createVNode("span", { class: "text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400" }, toDisplayString(_ctx.$t("Expenses")), 1)];
								}),
								_: 1
							}, _parent, _scopeId));
							else _push(`<!---->`);
							if (unref(B)().has("incomes.index") && _ctx.$can("read-incomes")) _push(ssrRenderComponent(_component_Link, {
								href: unref(B)("incomes.index"),
								class: "group flex flex-col items-center gap-3 rounded-xl border border-gray-200 bg-white px-4 py-6 text-center transition hover:border-primary-300 hover:shadow-md sm:flex-row dark:border-gray-700 dark:bg-gray-900 dark:hover:border-primary-600"
							}, {
								default: withCtx((_, _push, _parent, _scopeId) => {
									if (_push) {
										_push(ssrRenderComponent(_component_Icon, {
											name: "money",
											class: "size-6 text-primary-500 dark:text-primary-400"
										}, null, _parent, _scopeId));
										_push(`<span class="text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400"${_scopeId}>${ssrInterpolate(_ctx.$t("Incomes"))}</span>`);
									} else return [createVNode(_component_Icon, {
										name: "money",
										class: "size-6 text-primary-500 dark:text-primary-400"
									}), createVNode("span", { class: "text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400" }, toDisplayString(_ctx.$t("Incomes")), 1)];
								}),
								_: 1
							}, _parent, _scopeId));
							else _push(`<!---->`);
							if (unref(B)().has("return_orders.index") && _ctx.$can("read-return-orders")) _push(ssrRenderComponent(_component_Link, {
								href: unref(B)("return_orders.index"),
								class: "group flex flex-col items-center gap-3 rounded-xl border border-gray-200 bg-white px-4 py-6 text-center transition hover:border-primary-300 hover:shadow-md sm:flex-row dark:border-gray-700 dark:bg-gray-900 dark:hover:border-primary-600"
							}, {
								default: withCtx((_, _push, _parent, _scopeId) => {
									if (_push) {
										_push(ssrRenderComponent(_component_Icon, {
											name: "return",
											class: "size-6 text-primary-500 dark:text-primary-400"
										}, null, _parent, _scopeId));
										_push(`<span class="text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400"${_scopeId}>${ssrInterpolate(_ctx.$t("Return Orders"))}</span>`);
									} else return [createVNode(_component_Icon, {
										name: "return",
										class: "size-6 text-primary-500 dark:text-primary-400"
									}), createVNode("span", { class: "text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400" }, toDisplayString(_ctx.$t("Return Orders")), 1)];
								}),
								_: 1
							}, _parent, _scopeId));
							else _push(`<!---->`);
							if (unref(B)().has("gift_cards.index") && _ctx.$can("read-gift-cards")) _push(ssrRenderComponent(_component_Link, {
								href: unref(B)("gift_cards.index"),
								class: "group flex flex-col items-center gap-3 rounded-xl border border-gray-200 bg-white px-4 py-6 text-center transition hover:border-primary-300 hover:shadow-md sm:flex-row dark:border-gray-700 dark:bg-gray-900 dark:hover:border-primary-600"
							}, {
								default: withCtx((_, _push, _parent, _scopeId) => {
									if (_push) {
										_push(ssrRenderComponent(_component_Icon, {
											name: "gift",
											class: "size-6 text-primary-500 dark:text-primary-400"
										}, null, _parent, _scopeId));
										_push(`<span class="text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400"${_scopeId}>${ssrInterpolate(_ctx.$t("Gift Cards"))}</span>`);
									} else return [createVNode(_component_Icon, {
										name: "gift",
										class: "size-6 text-primary-500 dark:text-primary-400"
									}), createVNode("span", { class: "text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400" }, toDisplayString(_ctx.$t("Gift Cards")), 1)];
								}),
								_: 1
							}, _parent, _scopeId));
							else _push(`<!---->`);
							if (unref(B)().has("products.index") && _ctx.$can("read-products")) _push(ssrRenderComponent(_component_Link, {
								href: unref(B)("products.index"),
								class: "group flex flex-col items-center gap-3 rounded-xl border border-gray-200 bg-white px-4 py-6 text-center transition hover:border-primary-300 hover:shadow-md sm:flex-row dark:border-gray-700 dark:bg-gray-900 dark:hover:border-primary-600"
							}, {
								default: withCtx((_, _push, _parent, _scopeId) => {
									if (_push) {
										_push(ssrRenderComponent(_component_Icon, {
											name: "barcode",
											class: "size-6 text-primary-500 dark:text-primary-400"
										}, null, _parent, _scopeId));
										_push(`<span class="text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400"${_scopeId}>${ssrInterpolate(_ctx.$t("Products"))}</span>`);
									} else return [createVNode(_component_Icon, {
										name: "barcode",
										class: "size-6 text-primary-500 dark:text-primary-400"
									}), createVNode("span", { class: "text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400" }, toDisplayString(_ctx.$t("Products")), 1)];
								}),
								_: 1
							}, _parent, _scopeId));
							else _push(`<!---->`);
							if (unref(B)().has("customers.index") && _ctx.$can("read-customers")) _push(ssrRenderComponent(_component_Link, {
								href: unref(B)("customers.index"),
								class: "group flex flex-col items-center gap-3 rounded-xl border border-gray-200 bg-white px-4 py-6 text-center transition hover:border-primary-300 hover:shadow-md sm:flex-row dark:border-gray-700 dark:bg-gray-900 dark:hover:border-primary-600"
							}, {
								default: withCtx((_, _push, _parent, _scopeId) => {
									if (_push) {
										_push(ssrRenderComponent(_component_Icon, {
											name: "group",
											class: "size-6 text-primary-500 dark:text-primary-400"
										}, null, _parent, _scopeId));
										_push(`<span class="text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400"${_scopeId}>${ssrInterpolate(_ctx.$t("Customers"))}</span>`);
									} else return [createVNode(_component_Icon, {
										name: "group",
										class: "size-6 text-primary-500 dark:text-primary-400"
									}), createVNode("span", { class: "text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400" }, toDisplayString(_ctx.$t("Customers")), 1)];
								}),
								_: 1
							}, _parent, _scopeId));
							else _push(`<!---->`);
							if (unref(B)().has("suppliers.index") && _ctx.$can("read-suppliers")) _push(ssrRenderComponent(_component_Link, {
								href: unref(B)("suppliers.index"),
								class: "group flex flex-col items-center gap-3 rounded-xl border border-gray-200 bg-white px-4 py-6 text-center transition hover:border-primary-300 hover:shadow-md sm:flex-row dark:border-gray-700 dark:bg-gray-900 dark:hover:border-primary-600"
							}, {
								default: withCtx((_, _push, _parent, _scopeId) => {
									if (_push) {
										_push(ssrRenderComponent(_component_Icon, {
											name: "suppliers",
											class: "size-6 text-primary-500 dark:text-primary-400"
										}, null, _parent, _scopeId));
										_push(`<span class="text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400"${_scopeId}>${ssrInterpolate(_ctx.$t("Suppliers"))}</span>`);
									} else return [createVNode(_component_Icon, {
										name: "suppliers",
										class: "size-6 text-primary-500 dark:text-primary-400"
									}), createVNode("span", { class: "text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400" }, toDisplayString(_ctx.$t("Suppliers")), 1)];
								}),
								_: 1
							}, _parent, _scopeId));
							else _push(`<!---->`);
							if (unref(B)().has("repair-orders.index") && _ctx.$can("read-repair-orders")) _push(ssrRenderComponent(_component_Link, {
								href: unref(B)("repair-orders.index"),
								class: "group flex flex-col items-center gap-3 rounded-xl border border-gray-200 bg-white px-4 py-6 text-center transition hover:border-primary-300 hover:shadow-md sm:flex-row dark:border-gray-700 dark:bg-gray-900 dark:hover:border-primary-600"
							}, {
								default: withCtx((_, _push, _parent, _scopeId) => {
									if (_push) {
										_push(ssrRenderComponent(_component_Icon, {
											name: "repair",
											class: "size-6 text-primary-500 dark:text-primary-400"
										}, null, _parent, _scopeId));
										_push(`<span class="text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400"${_scopeId}>${ssrInterpolate(_ctx.$t("Repair Orders"))}</span>`);
									} else return [createVNode(_component_Icon, {
										name: "repair",
										class: "size-6 text-primary-500 dark:text-primary-400"
									}), createVNode("span", { class: "text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400" }, toDisplayString(_ctx.$t("Repair Orders")), 1)];
								}),
								_: 1
							}, _parent, _scopeId));
							else _push(`<!---->`);
							_push(`</div></div>`);
						}
					} else return [loading.value ? (openBlock(), createBlock("div", {
						key: 0,
						class: "relative flex h-64 items-center justify-center"
					}, [createVNode(unref(_sfc_main$2), { loadingClass: "h-10 w-10" })])) : _ctx.$can("see-dashboard") ? (openBlock(), createBlock("dl", {
						key: 1,
						class: "grid w-full grid-cols-1 gap-px border-b border-gray-200 bg-gray-200 sm:grid-cols-2 lg:grid-cols-4 dark:border-gray-700 dark:bg-gray-700"
					}, [
						_ctx.$hasRole("Customer") || _ctx.$page.props.auth.user?.employee == 1 ? (openBlock(), createBlock("div", {
							key: 0,
							class: "flex flex-wrap items-baseline justify-between gap-x-4 gap-y-2 bg-white px-4 py-5 sm:px-6 xl:px-8 dark:bg-gray-900"
						}, [
							createVNode("dt", { class: "text-mute text-sm leading-6 font-medium" }, toDisplayString(_ctx.$t("Sales")), 1),
							createVNode("dd", { class: "text-focus w-full flex-none text-2xl leading-10 font-bold tracking-tight" }, toDisplayString(unref($currency)(data.value?.data?.sales || 0)), 1),
							data_days.value ? (openBlock(), createBlock("div", {
								key: 0,
								class: "min-w-full"
							}, [createVNode(unref(ApexCharts), {
								type: sparkType.value,
								height: "100",
								options: salesSparkOptions.value,
								series: salesSpark.value
							}, null, 8, [
								"type",
								"options",
								"series"
							])])) : createCommentVNode("", true)
						])) : createCommentVNode("", true),
						_ctx.$hasRole("Supplier") || _ctx.$page.props.auth.user?.employee == 1 ? (openBlock(), createBlock("div", {
							key: 1,
							class: "flex flex-wrap items-baseline justify-between gap-x-4 gap-y-2 bg-white px-4 py-5 sm:px-6 xl:px-8 dark:bg-gray-900"
						}, [
							createVNode("dt", { class: "text-mute text-sm leading-6 font-medium" }, toDisplayString(_ctx.$t("Purchases")), 1),
							createVNode("dd", { class: "text-focus w-full flex-none text-2xl leading-10 font-bold tracking-tight" }, toDisplayString(unref($currency)(data.value?.data?.purchases || 0)), 1),
							data_days.value ? (openBlock(), createBlock("div", {
								key: 0,
								class: "min-w-full"
							}, [createVNode(unref(ApexCharts), {
								type: sparkType.value,
								height: "100",
								options: purchasesSparkOptions.value,
								series: purchasesSpark.value
							}, null, 8, [
								"type",
								"options",
								"series"
							])])) : createCommentVNode("", true)
						])) : createCommentVNode("", true),
						createVNode("div", { class: "flex flex-wrap items-baseline justify-between gap-x-4 gap-y-2 bg-white px-4 py-5 sm:px-6 xl:px-8 dark:bg-gray-900" }, [
							createVNode("dt", { class: "text-mute text-sm leading-6 font-medium" }, toDisplayString(_ctx.$t("Payments")), 1),
							createVNode("dd", { class: "text-focus w-full flex-none text-2xl leading-10 font-bold tracking-tight" }, toDisplayString(unref($currency)(data.value?.data?.payments || data.value?.data?.paid || 0)), 1),
							data_days.value ? (openBlock(), createBlock("div", {
								key: 0,
								class: "min-w-full"
							}, [createVNode(unref(ApexCharts), {
								type: sparkType.value,
								height: "100",
								options: paymentsSparkOptions.value,
								series: paymentsSpark.value
							}, null, 8, [
								"type",
								"options",
								"series"
							])])) : createCommentVNode("", true)
						]),
						_ctx.$hasRole("Supplier") || _ctx.$page.props.auth.user?.employee == 1 ? (openBlock(), createBlock("div", {
							key: 2,
							class: "flex flex-wrap items-baseline justify-between gap-x-4 gap-y-2 bg-white px-4 py-5 sm:px-6 xl:px-8 dark:bg-gray-900"
						}, [
							createVNode("dt", { class: "text-mute text-sm leading-6 font-medium" }, toDisplayString(_ctx.$hasRole("Supplier") ? unref(t)("Other Purchases (Expenses)") : _ctx.$t("Expenses")), 1),
							createVNode("dd", { class: "text-focus w-full flex-none text-2xl leading-10 font-bold tracking-tight" }, toDisplayString(unref($currency)(data.value?.data?.expenses || 0)), 1),
							data_days.value ? (openBlock(), createBlock("div", {
								key: 0,
								class: "min-w-full"
							}, [createVNode(unref(ApexCharts), {
								type: sparkType.value,
								height: "100",
								options: expensesSparkOptions.value,
								series: expensesSpark.value
							}, null, 8, [
								"type",
								"options",
								"series"
							])])) : createCommentVNode("", true)
						])) : (openBlock(), createBlock("div", {
							key: 3,
							class: "bg-white dark:bg-gray-900"
						})),
						_ctx.$hasRole("Customer") ? (openBlock(), createBlock("div", {
							key: 4,
							class: "bg-white dark:bg-gray-900"
						})) : createCommentVNode("", true)
					])) : createCommentVNode("", true), _ctx.$can("see-dashboard") ? (openBlock(), createBlock("div", {
						key: 2,
						class: "bg-white dark:bg-gray-900"
					}, [
						createVNode("div", { class: "border-b border-gray-200 px-4 py-5 sm:px-6 dark:border-gray-700" }, [createVNode("div", { class: "relative z-1 dark:border-gray-800" }, [createVNode("div", { class: "flex flex-col gap-5 sm:flex-row sm:items-center sm:justify-between" }, [createVNode("div", { class: "w-full grow" }, [createVNode("h3", { class: "text-lg font-semibold text-gray-800 dark:text-white/90" }, toDisplayString(unref(t)("Statistics Chart")), 1), createVNode("p", { class: "text-sm text-gray-500 dark:text-gray-400" }, toDisplayString(unref(t)("Please view your sales, payments, purchases & expenses data in the chart below.")), 1)]), createVNode("div", { class: "flex w-full flex-col items-end justify-end gap-2 lg:flex-row lg:items-stretch" }, [createVNode("div", { class: "order-1 flex w-full max-w-64 items-center justify-end gap-2 lg:order-0" }, [type.value == "monthly" ? (openBlock(), createBlock("div", {
							key: 0,
							class: "grow"
						}, [createVNode(unref(_sfc_main$3), {
							json: true,
							modelValue: month.value,
							"onUpdate:modelValue": ($event) => month.value = $event,
							searchable: false,
							onChange: getChartData,
							placeholder: _ctx.$t("Month"),
							suggestions: [...Array(12).keys()].map((m) => ({
								label: unref(dayjs)().startOf("year").add(m, "month").format("MMMM"),
								value: m + 1
							}))
						}, null, 8, [
							"modelValue",
							"onUpdate:modelValue",
							"placeholder",
							"suggestions"
						])])) : createCommentVNode("", true), createVNode("div", { class: "w-24 shrink-0" }, [createVNode(unref(_sfc_main$3), {
							json: true,
							modelValue: year.value,
							"onUpdate:modelValue": ($event) => year.value = $event,
							searchable: false,
							onChange: getChartData,
							placeholder: _ctx.$t("Year"),
							suggestions: [...Array(12).keys()].map((i) => ({
								label: unref(dayjs)().year() - i,
								value: unref(dayjs)().year() - i
							}))
						}, null, 8, [
							"modelValue",
							"onUpdate:modelValue",
							"placeholder",
							"suggestions"
						])])]), createVNode("div", { class: "order-0 flex items-center justify-end gap-0.5 rounded-lg border border-gray-100 bg-gray-100 p-0.5 lg:order-1 dark:border-gray-950 dark:bg-gray-950" }, [createVNode("button", {
							onClick: ($event) => type.value = "monthly",
							class: [type.value == "monthly" ? "bg-white text-gray-900 shadow-2xs dark:bg-gray-800 dark:text-white" : "text-gray-500 dark:text-gray-400", "rounded-md px-3 py-2 text-sm font-medium hover:text-gray-900 hover:shadow-2xs dark:text-white dark:hover:bg-gray-800 dark:hover:text-white"]
						}, toDisplayString(unref(t)("Monthly")), 11, ["onClick"]), createVNode("button", {
							onClick: ($event) => type.value = "annually",
							class: [type.value == "annually" ? "bg-white text-gray-900 shadow-2xs dark:bg-gray-800 dark:text-white" : "text-gray-500 dark:text-gray-400", "rounded-md px-3 py-2 text-sm font-medium text-gray-500 hover:text-gray-900 hover:shadow-2xs dark:text-gray-400 dark:hover:text-white"]
						}, toDisplayString(unref(t)("Annually")), 11, ["onClick"])])])])])]),
						createVNode("div", { class: "flex gap-4 overflow-x-auto px-4 py-6 whitespace-nowrap sm:gap-12 sm:px-6 xl:px-8" }, [
							_ctx.$hasRole("Customer") ? (openBlock(), createBlock("div", {
								key: 0,
								class: "flex items-start gap-2"
							}, [createVNode("div", null, [createVNode("h4", { class: "mb-0.5 text-base font-bold text-gray-800 sm:text-xl dark:text-white/90" }, toDisplayString(unref($currency)(Object.values(chartData.value?.sales || {}).reduce((i, a) => Number(a) + Number(i), 0))), 1), createVNode("span", { class: "text-sm text-gray-500 dark:text-gray-400" }, toDisplayString(unref(t)("{x} Sales", { x: unref(t)("Total") })), 1)])])) : createCommentVNode("", true),
							_ctx.$hasRole("Supplier") ? (openBlock(), createBlock("div", {
								key: 1,
								class: "flex items-start gap-2"
							}, [createVNode("div", null, [createVNode("h4", { class: "mb-0.5 text-base font-bold text-gray-800 sm:text-xl dark:text-white/90" }, toDisplayString(unref($currency)(Object.values(chartData.value?.purchases || {}).reduce((i, a) => Number(a) + Number(i), 0))), 1), createVNode("span", { class: "text-sm text-gray-500 dark:text-gray-400" }, toDisplayString(unref(t)("{x} Purchases", { x: unref(t)("Total") })), 1)])])) : createCommentVNode("", true),
							createVNode("div", { class: "flex items-start gap-2" }, [createVNode("div", null, [createVNode("h4", { class: "mb-0.5 text-base font-bold text-gray-800 sm:text-xl dark:text-white/90" }, toDisplayString(unref($currency)(Object.values(chartData.value?.payments || {}).reduce((i, a) => Number(a) + Number(i), 0))), 1), createVNode("span", { class: "text-sm text-gray-500 dark:text-gray-400" }, toDisplayString(unref(t)("Payments {x}", { x: _ctx.$t("Received/Sent") })), 1)])]),
							_ctx.$hasRole("Supplier") ? (openBlock(), createBlock("div", {
								key: 2,
								class: "flex items-start gap-2"
							}, [createVNode("div", null, [createVNode("h4", { class: "mb-0.5 text-base font-bold text-gray-800 sm:text-xl dark:text-white/90" }, toDisplayString(unref($currency)(Object.values(chartData.value?.expenses || {}).reduce((i, a) => Number(a) + Number(i), 0))), 1), createVNode("span", { class: "text-sm text-gray-500 dark:text-gray-400" }, toDisplayString(_ctx.$hasRole("Supplier") ? unref(t)("Other Purchases (Expenses)") : unref(t)("{x} Expenses", { x: unref(t)("Total") })), 1)])])) : createCommentVNode("", true)
						]),
						createVNode("div", { class: "h-[475px]" }, [loadingChart.value ? (openBlock(), createBlock("div", {
							key: 0,
							class: "relative z-0 flex h-[450px] items-center justify-center"
						}, [createVNode(unref(_sfc_main$2), { loadingClass: "h-10 w-10" })])) : (openBlock(), createBlock("div", {
							key: 1,
							id: "chart",
							class: "px-6",
							dir: (_ctx.$page.props.settings?.rtl_support || "0") == "1" ? "rtl" : "ltr"
						}, [createVNode(unref(ApexCharts), {
							type: "bar",
							height: "450",
							series: barSeries.value,
							options: barChartOptions.value
						}, null, 8, ["series", "options"])], 8, ["dir"]))])
					])) : (openBlock(), createBlock("div", {
						key: 3,
						class: "px-4 py-6 sm:px-6"
					}, [
						createVNode("h2", { class: "text-lg font-semibold text-gray-900 dark:text-white" }, toDisplayString(_ctx.$t("Quick Links")), 1),
						createVNode("p", { class: "mt-1 text-sm text-gray-500 dark:text-gray-400" }, toDisplayString(_ctx.$t("Please navigate to the pages.")), 1),
						createVNode("div", { class: "mt-6 grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4" }, [
							unref(B)().has("pos") && _ctx.$can("read-pos") ? (openBlock(), createBlock(_component_Link, {
								key: 0,
								href: unref(B)("pos"),
								class: "group flex flex-col items-center gap-3 rounded-xl border border-gray-200 bg-white px-4 py-6 text-center transition hover:border-primary-300 hover:shadow-md sm:flex-row dark:border-gray-700 dark:bg-gray-900 dark:hover:border-primary-600"
							}, {
								default: withCtx(() => [createVNode(_component_Icon, {
									name: "pos",
									class: "size-6 text-primary-500 dark:text-primary-400"
								}), createVNode("span", { class: "text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400" }, toDisplayString(_ctx.$t("Point of Sale")), 1)]),
								_: 1
							}, 8, ["href"])) : createCommentVNode("", true),
							unref(B)().has("sales.index") && _ctx.$can("read-sales") ? (openBlock(), createBlock(_component_Link, {
								key: 1,
								href: unref(B)("sales.index"),
								class: "group flex flex-col items-center gap-3 rounded-xl border border-gray-200 bg-white px-4 py-6 text-center transition hover:border-primary-300 hover:shadow-md sm:flex-row dark:border-gray-700 dark:bg-gray-900 dark:hover:border-primary-600"
							}, {
								default: withCtx(() => [createVNode(_component_Icon, {
									name: "bag",
									class: "size-6 text-primary-500 dark:text-primary-400"
								}), createVNode("span", { class: "text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400" }, toDisplayString(_ctx.$t("Sales")), 1)]),
								_: 1
							}, 8, ["href"])) : createCommentVNode("", true),
							unref(B)().has("purchases.index") && _ctx.$can("read-purchases") ? (openBlock(), createBlock(_component_Link, {
								key: 2,
								href: unref(B)("purchases.index"),
								class: "group flex flex-col items-center gap-3 rounded-xl border border-gray-200 bg-white px-4 py-6 text-center transition hover:border-primary-300 hover:shadow-md sm:flex-row dark:border-gray-700 dark:bg-gray-900 dark:hover:border-primary-600"
							}, {
								default: withCtx(() => [createVNode(_component_Icon, {
									name: "cart",
									class: "size-6 text-primary-500 dark:text-primary-400"
								}), createVNode("span", { class: "text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400" }, toDisplayString(_ctx.$t("Purchases")), 1)]),
								_: 1
							}, 8, ["href"])) : createCommentVNode("", true),
							unref(B)().has("payments.index") && _ctx.$can("read-payments") ? (openBlock(), createBlock(_component_Link, {
								key: 3,
								href: unref(B)("payments.index"),
								class: "group flex flex-col items-center gap-3 rounded-xl border border-gray-200 bg-white px-4 py-6 text-center transition hover:border-primary-300 hover:shadow-md sm:flex-row dark:border-gray-700 dark:bg-gray-900 dark:hover:border-primary-600"
							}, {
								default: withCtx(() => [createVNode(_component_Icon, {
									name: "dollar",
									class: "size-6 text-primary-500 dark:text-primary-400"
								}), createVNode("span", { class: "text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400" }, toDisplayString(_ctx.$t("Payments")), 1)]),
								_: 1
							}, 8, ["href"])) : createCommentVNode("", true),
							unref(B)().has("quotations.index") && _ctx.$can("read-quotations") ? (openBlock(), createBlock(_component_Link, {
								key: 4,
								href: unref(B)("quotations.index"),
								class: "group flex flex-col items-center gap-3 rounded-xl border border-gray-200 bg-white px-4 py-6 text-center transition hover:border-primary-300 hover:shadow-md sm:flex-row dark:border-gray-700 dark:bg-gray-900 dark:hover:border-primary-600"
							}, {
								default: withCtx(() => [createVNode(_component_Icon, {
									name: "docs",
									class: "size-6 text-primary-500 dark:text-primary-400"
								}), createVNode("span", { class: "text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400" }, toDisplayString(_ctx.$t("Quotations")), 1)]),
								_: 1
							}, 8, ["href"])) : createCommentVNode("", true),
							unref(B)().has("deliveries.index") && _ctx.$can("read-deliveries") ? (openBlock(), createBlock(_component_Link, {
								key: 5,
								href: unref(B)("deliveries.index"),
								class: "group flex flex-col items-center gap-3 rounded-xl border border-gray-200 bg-white px-4 py-6 text-center transition hover:border-primary-300 hover:shadow-md sm:flex-row dark:border-gray-700 dark:bg-gray-900 dark:hover:border-primary-600"
							}, {
								default: withCtx(() => [createVNode(_component_Icon, {
									name: "truck",
									class: "size-6 text-primary-500 dark:text-primary-400"
								}), createVNode("span", { class: "text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400" }, toDisplayString(_ctx.$t("Deliveries")), 1)]),
								_: 1
							}, 8, ["href"])) : createCommentVNode("", true),
							unref(B)().has("expenses.index") && _ctx.$can("read-expenses") ? (openBlock(), createBlock(_component_Link, {
								key: 6,
								href: unref(B)("expenses.index"),
								class: "group flex flex-col items-center gap-3 rounded-xl border border-gray-200 bg-white px-4 py-6 text-center transition hover:border-primary-300 hover:shadow-md sm:flex-row dark:border-gray-700 dark:bg-gray-900 dark:hover:border-primary-600"
							}, {
								default: withCtx(() => [createVNode(_component_Icon, {
									name: "money",
									class: "size-6 text-primary-500 dark:text-primary-400"
								}), createVNode("span", { class: "text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400" }, toDisplayString(_ctx.$t("Expenses")), 1)]),
								_: 1
							}, 8, ["href"])) : createCommentVNode("", true),
							unref(B)().has("incomes.index") && _ctx.$can("read-incomes") ? (openBlock(), createBlock(_component_Link, {
								key: 7,
								href: unref(B)("incomes.index"),
								class: "group flex flex-col items-center gap-3 rounded-xl border border-gray-200 bg-white px-4 py-6 text-center transition hover:border-primary-300 hover:shadow-md sm:flex-row dark:border-gray-700 dark:bg-gray-900 dark:hover:border-primary-600"
							}, {
								default: withCtx(() => [createVNode(_component_Icon, {
									name: "money",
									class: "size-6 text-primary-500 dark:text-primary-400"
								}), createVNode("span", { class: "text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400" }, toDisplayString(_ctx.$t("Incomes")), 1)]),
								_: 1
							}, 8, ["href"])) : createCommentVNode("", true),
							unref(B)().has("return_orders.index") && _ctx.$can("read-return-orders") ? (openBlock(), createBlock(_component_Link, {
								key: 8,
								href: unref(B)("return_orders.index"),
								class: "group flex flex-col items-center gap-3 rounded-xl border border-gray-200 bg-white px-4 py-6 text-center transition hover:border-primary-300 hover:shadow-md sm:flex-row dark:border-gray-700 dark:bg-gray-900 dark:hover:border-primary-600"
							}, {
								default: withCtx(() => [createVNode(_component_Icon, {
									name: "return",
									class: "size-6 text-primary-500 dark:text-primary-400"
								}), createVNode("span", { class: "text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400" }, toDisplayString(_ctx.$t("Return Orders")), 1)]),
								_: 1
							}, 8, ["href"])) : createCommentVNode("", true),
							unref(B)().has("gift_cards.index") && _ctx.$can("read-gift-cards") ? (openBlock(), createBlock(_component_Link, {
								key: 9,
								href: unref(B)("gift_cards.index"),
								class: "group flex flex-col items-center gap-3 rounded-xl border border-gray-200 bg-white px-4 py-6 text-center transition hover:border-primary-300 hover:shadow-md sm:flex-row dark:border-gray-700 dark:bg-gray-900 dark:hover:border-primary-600"
							}, {
								default: withCtx(() => [createVNode(_component_Icon, {
									name: "gift",
									class: "size-6 text-primary-500 dark:text-primary-400"
								}), createVNode("span", { class: "text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400" }, toDisplayString(_ctx.$t("Gift Cards")), 1)]),
								_: 1
							}, 8, ["href"])) : createCommentVNode("", true),
							unref(B)().has("products.index") && _ctx.$can("read-products") ? (openBlock(), createBlock(_component_Link, {
								key: 10,
								href: unref(B)("products.index"),
								class: "group flex flex-col items-center gap-3 rounded-xl border border-gray-200 bg-white px-4 py-6 text-center transition hover:border-primary-300 hover:shadow-md sm:flex-row dark:border-gray-700 dark:bg-gray-900 dark:hover:border-primary-600"
							}, {
								default: withCtx(() => [createVNode(_component_Icon, {
									name: "barcode",
									class: "size-6 text-primary-500 dark:text-primary-400"
								}), createVNode("span", { class: "text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400" }, toDisplayString(_ctx.$t("Products")), 1)]),
								_: 1
							}, 8, ["href"])) : createCommentVNode("", true),
							unref(B)().has("customers.index") && _ctx.$can("read-customers") ? (openBlock(), createBlock(_component_Link, {
								key: 11,
								href: unref(B)("customers.index"),
								class: "group flex flex-col items-center gap-3 rounded-xl border border-gray-200 bg-white px-4 py-6 text-center transition hover:border-primary-300 hover:shadow-md sm:flex-row dark:border-gray-700 dark:bg-gray-900 dark:hover:border-primary-600"
							}, {
								default: withCtx(() => [createVNode(_component_Icon, {
									name: "group",
									class: "size-6 text-primary-500 dark:text-primary-400"
								}), createVNode("span", { class: "text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400" }, toDisplayString(_ctx.$t("Customers")), 1)]),
								_: 1
							}, 8, ["href"])) : createCommentVNode("", true),
							unref(B)().has("suppliers.index") && _ctx.$can("read-suppliers") ? (openBlock(), createBlock(_component_Link, {
								key: 12,
								href: unref(B)("suppliers.index"),
								class: "group flex flex-col items-center gap-3 rounded-xl border border-gray-200 bg-white px-4 py-6 text-center transition hover:border-primary-300 hover:shadow-md sm:flex-row dark:border-gray-700 dark:bg-gray-900 dark:hover:border-primary-600"
							}, {
								default: withCtx(() => [createVNode(_component_Icon, {
									name: "suppliers",
									class: "size-6 text-primary-500 dark:text-primary-400"
								}), createVNode("span", { class: "text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400" }, toDisplayString(_ctx.$t("Suppliers")), 1)]),
								_: 1
							}, 8, ["href"])) : createCommentVNode("", true),
							unref(B)().has("repair-orders.index") && _ctx.$can("read-repair-orders") ? (openBlock(), createBlock(_component_Link, {
								key: 13,
								href: unref(B)("repair-orders.index"),
								class: "group flex flex-col items-center gap-3 rounded-xl border border-gray-200 bg-white px-4 py-6 text-center transition hover:border-primary-300 hover:shadow-md sm:flex-row dark:border-gray-700 dark:bg-gray-900 dark:hover:border-primary-600"
							}, {
								default: withCtx(() => [createVNode(_component_Icon, {
									name: "repair",
									class: "size-6 text-primary-500 dark:text-primary-400"
								}), createVNode("span", { class: "text-sm font-medium text-gray-700 group-hover:text-primary-600 dark:text-gray-300 dark:group-hover:text-primary-400" }, toDisplayString(_ctx.$t("Repair Orders")), 1)]),
								_: 1
							}, 8, ["href"])) : createCommentVNode("", true)
						])
					]))];
				}),
				_: 1
			}, _parent));
			_push(`<!--]-->`);
		};
	}
});
var _sfc_setup = _sfc_main.setup;
_sfc_main.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Pages/Sma/Dashboard.vue");
	return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
//#endregion
export { _sfc_main as default };
