import { t as B } from "./index.esm-0G7eAEV5.js";
import { t as _sfc_main$1 } from "./ActionMessage-DRAWBZho.js";
import { n as _sfc_main$2, t as _sfc_main$3 } from "./TextInput-DZTdLzEa.js";
import { t as _sfc_main$4 } from "./SecondaryButton-ub85RH3e.js";
import { A as _sfc_main$14, G as $can, M as _sfc_main$9, O as _sfc_main$12, S as _sfc_main$8, dt as _sfc_main$6, f as _sfc_main$10, g as _sfc_main$11, p as _sfc_main$5, u as _sfc_main$13, ut as _sfc_main$7 } from "../ssr.js";
import { t as _sfc_main$15 } from "./AdminLayout-eZgRfDMK.js";
import { router, useForm } from "@inertiajs/vue3";
import { Fragment, computed, createBlock, createCommentVNode, createTextVNode, createVNode, onMounted, openBlock, ref, renderList, resolveComponent, resolveDynamicComponent, toDisplayString, unref, useSSRContext, vModelRadio, vShow, version, watch, withCtx, withDirectives, withModifiers } from "vue";
import { useI18n } from "vue-i18n";
import { ssrIncludeBooleanAttr, ssrInterpolate, ssrLooseEqual, ssrRenderAttr, ssrRenderComponent, ssrRenderList, ssrRenderStyle, ssrRenderVNode } from "vue/server-renderer";
//#region resources/js/Pages/Sma/Setting/Index.vue
var _sfc_main = /* @__PURE__ */ Object.assign({ layout: _sfc_main$15 }, {
	__name: "Index",
	__ssrInlineRender: true,
	props: {
		current: Object,
		accounts: Array,
		categories: Array,
		countries: Array,
		currencies: Array,
		timezones: Array,
		taxes: Array,
		stores: Array,
		laravel_version: String,
		fiscal_services: Array,
		fiscal_service_fields: Object
	},
	setup(__props) {
		const { t } = useI18n({});
		const props = __props;
		const country = ref({ states: [] });
		if (props.current?.country_id) country.value = props.countries.find((c) => c.id == props.current.country_id);
		const form = useForm({
			_method: props.current?.id ? "put" : "post",
			icon: null,
			icon_dark: null,
			logo: null,
			logo_dark: null,
			name: props.current?.name,
			short_name: props.current?.short_name,
			company: props.current?.company,
			reg_no: props.current?.reg_no,
			email: props.current?.email,
			phone: props.current?.phone,
			country_id: props.current?.country_id,
			state_id: props.current?.state_id,
			lot_no: props.current?.lot_no,
			street: props.current?.street,
			address_line_1: props.current?.address_line_1,
			address_line_2: props.current?.address_line_2,
			city: props.current?.city,
			postal_code: props.current?.postal_code,
			timezone_id: props.current?.timezone_id,
			currency_id: props.current?.currency_id,
			default_account: props.current?.default_account,
			default_store: props.current?.default_store,
			theme: props.current?.theme,
			hide_id: props.current?.hide_id,
			rows_per_page: props.current?.rows_per_page,
			language: props.current?.language,
			rtl_support: props.current?.rtl_support == 1 ? "1" : "0",
			date_number_locale: props.current?.date_number_locale,
			date_format: props.current?.date_format,
			fraction: props.current?.fraction,
			quantity_fraction: props.current?.quantity_fraction,
			max_discount: props.current?.max_discount,
			confirmation: props.current?.confirmation,
			dimension_unit: props.current?.dimension_unit,
			weight_unit: props.current?.weight_unit,
			reference: props.current?.reference,
			inventory_accounting: props.current?.inventory_accounting,
			search_delay: props.current?.search_delay,
			sale_template: props.current?.sale_template || "One",
			stock: props.current?.stock == 1,
			overselling: props.current?.overselling == 1,
			impersonation: props.current?.impersonation == 1,
			hide_out_of_stock: props.current?.hide_out_of_stock == 1,
			require_country: props.current?.require_country == 1,
			show_image: props.current?.show_image == 1,
			show_tax: props.current?.show_tax == 1,
			show_tax_summary: props.current?.show_tax_summary == 1,
			show_discount: props.current?.show_discount == 1,
			show_zero_taxes: props.current?.show_zero_taxes == 1,
			loyalty: props.current?.loyalty || {
				staff: {
					spent: null,
					points: null
				},
				customer: {
					spent: null,
					points: null
				}
			},
			product_taxes: props.current?.product_taxes,
			inclusive_tax_formula: props.current?.inclusive_tax_formula,
			sale_header: props.current?.sale_header,
			sale_footer: props.current?.sale_footer,
			purchase_header: props.current?.purchase_header,
			purchase_footer: props.current?.purchase_footer,
			payment_header: props.current?.payment_header,
			payment_footer: props.current?.payment_footer,
			quotation_header: props.current?.quotation_header,
			quotation_footer: props.current?.quotation_footer,
			support_links: props.current?.support_links == 1,
			dark_sidebar: props.current?.dark_sidebar == 1,
			dark_topbar: props.current?.dark_topbar == 1,
			sidebar_dropdown: props.current?.sidebar_dropdown == 1,
			sidebar_scroll_to_view: props.current?.sidebar_scroll_to_view == 1,
			captcha_provider: props.current?.captcha_provider,
			captcha_site_key: props.current?.captcha_site_key,
			captcha_secret_key: props.current?.captcha_secret_key,
			fiscal_service_driver: props.current?.fiscal_service_driver,
			fiscal_service_settings: props.current?.fiscal_service_settings || {},
			telegram_bot_token: props.current?.telegram_bot_token,
			twilio_account_sid: props.current?.twilio_account_sid,
			twilio_auth_token: props.current?.twilio_auth_token,
			twilio_from: props.current?.twilio_from,
			twilio_sms_service_sid: props.current?.twilio_sms_service_sid
		});
		const iconInput = ref(null);
		const logoInput = ref(null);
		const app_version = ref(null);
		const iconPreview = ref(null);
		const logoPreview = ref(null);
		const iconDarkInput = ref(null);
		const logoDarkInput = ref(null);
		const iconDarkPreview = ref(null);
		const logoDarkPreview = ref(null);
		const tab_links = ref([
			{
				label: t("General Settings"),
				route: "settings.index",
				icon: "settings"
			},
			{
				label: t("Mail Settings"),
				route: "settings.mail",
				icon: "envelope"
			},
			{
				label: t("Payment Settings"),
				route: "settings.payment",
				icon: "dollar"
			},
			{
				label: t("Scale Barcode Settings"),
				route: "settings.barcode",
				icon: "scale"
			}
		]);
		if (B().has("settings.pos")) tab_links.value.push({
			label: t("POS Settings"),
			route: "settings.pos",
			icon: "pos"
		});
		if (B().has("shop.settings")) tab_links.value.push({
			label: t("Shop Settings"),
			route: "shop.settings",
			icon: "shop",
			external: true
		});
		onMounted(async () => {
			app_version.value = (await import("./composer-A_uu0mzl.js")).version;
		});
		const ToggleSupportLinks = (v) => {
			router.put(B("settings.support_links"), { value: v }, { preserveScroll: true });
		};
		const fiscalServices = computed(() => props.fiscal_services ?? []);
		const fiscalServiceFields = computed(() => props.fiscal_service_fields ?? {});
		const activeFiscalFields = computed(() => fiscalServiceFields.value?.[form.fiscal_service_driver] ?? []);
		const hasFiscalServices = computed(() => fiscalServices.value.length > 0);
		watch(() => fiscalServices.value.map((service) => service.value), (driverValues) => {
			if (form.fiscal_service_driver && !driverValues.includes(form.fiscal_service_driver)) form.fiscal_service_driver = null;
		}, { immediate: true });
		const ensureFiscalSettings = (driver) => {
			if (!driver) return;
			if (!form.fiscal_service_settings || typeof form.fiscal_service_settings !== "object") form.fiscal_service_settings = {};
			if (!form.fiscal_service_settings[driver]) form.fiscal_service_settings = {
				...form.fiscal_service_settings,
				[driver]: {}
			};
		};
		const updateFiscalSetting = (key, value) => {
			const driver = form.fiscal_service_driver;
			if (!driver) return;
			ensureFiscalSettings(driver);
			form.fiscal_service_settings = {
				...form.fiscal_service_settings,
				[driver]: {
					...form.fiscal_service_settings[driver],
					[key]: value
				}
			};
		};
		const getFiscalSettingValue = (key) => {
			const driver = form.fiscal_service_driver;
			if (!driver) return "";
			return form.fiscal_service_settings?.[driver]?.[key] ?? "";
		};
		const getFiscalSettingError = (key) => {
			const driver = form.fiscal_service_driver;
			if (!driver) return "";
			return form.errors?.[`fiscal_service_settings.${driver}.${key}`] ?? "";
		};
		watch(() => form.fiscal_service_driver, (driver) => {
			if (driver) ensureFiscalSettings(driver);
		}, { immediate: true });
		const save = () => {
			if (iconInput.value) form.icon = iconInput.value.files[0];
			if (iconDarkInput.value) form.icon_dark = iconDarkInput.value.files[0];
			if (logoInput.value) form.logo = logoInput.value.files[0];
			if (logoDarkInput.value) form.logo_dark = logoDarkInput.value.files[0];
			form.post(B("settings.store"), { onSuccess: () => {
				clearLogoFileInput();
				clearLogoFileInput(true);
			} });
		};
		const selectNewIcon = (dark) => {
			if (dark) iconDarkInput.value.click();
			else iconInput.value.click();
		};
		const selectNewLogo = (dark) => {
			if (dark) logoDarkInput.value.click();
			else logoInput.value.click();
		};
		const updateIconPreview = (dark) => {
			if (dark) {
				const iconDark = iconDarkInput.value.files[0];
				if (!iconDark) return;
				const reader = new FileReader();
				reader.onload = (e) => {
					iconDarkPreview.value = e.target.result;
				};
				reader.readAsDataURL(iconDark);
			} else {
				const icon = iconInput.value.files[0];
				if (!icon) return;
				const reader = new FileReader();
				reader.onload = (e) => {
					iconPreview.value = e.target.result;
				};
				reader.readAsDataURL(icon);
			}
		};
		const updateLogoPreview = (dark) => {
			if (dark) {
				const logoDark = logoDarkInput.value.files[0];
				if (!logoDark) return;
				const reader = new FileReader();
				reader.onload = (e) => {
					logoDarkPreview.value = e.target.result;
				};
				reader.readAsDataURL(logoDark);
			} else {
				const logo = logoInput.value.files[0];
				if (!logo) return;
				const reader = new FileReader();
				reader.onload = (e) => {
					logoPreview.value = e.target.result;
				};
				reader.readAsDataURL(logo);
			}
		};
		const deleteIcon = (dark) => {
			router.delete(B("settings.icon.destroy", { dark }), {
				preserveScroll: true,
				onSuccess: () => {
					if (dark) {
						iconDarkPreview.value = null;
						clearIconFileInput(dark);
					} else {
						iconPreview.value = null;
						clearIconFileInput();
					}
				}
			});
		};
		const deleteLogo = (dark) => {
			router.delete(B("settings.logo.destroy", { dark }), {
				preserveScroll: true,
				onSuccess: () => {
					if (dark) {
						logoDarkPreview.value = null;
						clearLogoFileInput(dark);
					} else {
						logoPreview.value = null;
						clearLogoFileInput();
					}
				}
			});
		};
		const clearIconFileInput = (dark) => {
			if (dark && iconDarkInput.value?.value) iconDarkInput.value.value = null;
			else if (iconInput.value?.value) iconInput.value.value = null;
		};
		const clearLogoFileInput = (dark) => {
			if (dark && logoDarkInput.value?.value) logoDarkInput.value.value = null;
			else if (logoInput.value?.value) logoInput.value.value = null;
		};
		return (_ctx, _push, _parent, _attrs) => {
			const _component_Head = resolveComponent("Head");
			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("Application Settings"))}</title>`);
					else return [createVNode("title", null, toDisplayString(_ctx.$t("Application Settings")), 1)];
				}),
				_: 1
			}, _parent));
			_push(ssrRenderComponent(unref(_sfc_main$5), { links: tab_links.value }, null, _parent));
			_push(`<div class="px-0 pt-6 pb-0 sm:px-6 sm:py-8 lg:px-8">`);
			_push(ssrRenderComponent(unref(_sfc_main$6), { onSubmitted: save }, {
				title: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) _push(`${ssrInterpolate(_ctx.$t("Application Settings"))}`);
					else return [createTextVNode(toDisplayString(_ctx.$t("Application Settings")), 1)];
				}),
				description: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) {
						_push(`<div class="block w-full sm:flex sm:items-start sm:justify-between lg:block"${_scopeId}>${ssrInterpolate(_ctx.$t("General settings for the application use and views"))} <div class="mt-6 flex gap-x-4 gap-y-1"${_scopeId}><div class="me-3"${_scopeId}>`);
						_push(ssrRenderComponent(_component_Link, {
							href: unref(B)("settings.import"),
							class: "link"
						}, {
							default: withCtx((_, _push, _parent, _scopeId) => {
								if (_push) _push(`${ssrInterpolate(_ctx.$t("Import Data from SMA v3"))}`);
								else return [createTextVNode(toDisplayString(_ctx.$t("Import Data from SMA v3")), 1)];
							}),
							_: 1
						}, _parent, _scopeId));
						_push(`</div>`);
						if (unref($can)("manage-modules") && !_ctx.$page.props.demo) _push(`<div class="me-3"${_scopeId}><a${ssrRenderAttr("href", unref(B)("modules"))} target="_blank" class="link mt-4"${_scopeId}>${ssrInterpolate(_ctx.$t("Manage Modules"))}</a></div>`);
						else _push(`<!---->`);
						_push(`</div></div>`);
					} else return [createVNode("div", { class: "block w-full sm:flex sm:items-start sm:justify-between lg:block" }, [createTextVNode(toDisplayString(_ctx.$t("General settings for the application use and views")) + " ", 1), createVNode("div", { class: "mt-6 flex gap-x-4 gap-y-1" }, [createVNode("div", { class: "me-3" }, [createVNode(_component_Link, {
						href: unref(B)("settings.import"),
						class: "link"
					}, {
						default: withCtx(() => [createTextVNode(toDisplayString(_ctx.$t("Import Data from SMA v3")), 1)]),
						_: 1
					}, 8, ["href"])]), unref($can)("manage-modules") && !_ctx.$page.props.demo ? (openBlock(), createBlock("div", {
						key: 0,
						class: "me-3"
					}, [createVNode("a", {
						href: unref(B)("modules"),
						target: "_blank",
						class: "link mt-4"
					}, toDisplayString(_ctx.$t("Manage Modules")), 9, ["href"])])) : createCommentVNode("", true)])])];
				}),
				form: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) {
						_push(`<div class="col-span-6 sm:col-span-3"${_scopeId}><input id="icon" type="file" class="hidden"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$7), {
							for: "icon",
							value: _ctx.$t("Icon")
						}, null, _parent, _scopeId));
						_push(`<div class="mt-2 rounded-md bg-gray-50 p-1" style="${ssrRenderStyle(!iconPreview.value && __props.current.icon ? null : { display: "none" })}"${_scopeId}><img${ssrRenderAttr("alt", _ctx.$t("Icon"))}${ssrRenderAttr("src", __props.current.icon)} class="max-h-20 w-full max-w-64 rounded-md"${_scopeId}></div><div class="mt-2 rounded-md bg-gray-50 p-1" style="${ssrRenderStyle(iconPreview.value ? null : { display: "none" })}"${_scopeId}><span class="block h-20 w-full max-w-64 rounded-md bg-center bg-no-repeat" style="${ssrRenderStyle("background-image: url('" + iconPreview.value + "');")}"${_scopeId}></span></div>`);
						_push(ssrRenderComponent(unref(_sfc_main$4), {
							class: "me-2 mt-2",
							type: "button",
							onClick: () => selectNewIcon()
						}, {
							default: withCtx((_, _push, _parent, _scopeId) => {
								if (_push) _push(`${ssrInterpolate(_ctx.$t("Select A New Icon"))}`);
								else return [createTextVNode(toDisplayString(_ctx.$t("Select A New Icon")), 1)];
							}),
							_: 1
						}, _parent, _scopeId));
						if (__props.current.icon) _push(ssrRenderComponent(unref(_sfc_main$4), {
							type: "button",
							onClick: () => deleteIcon(),
							class: "mt-2 rounded-md bg-gray-50 p-1"
						}, {
							default: withCtx((_, _push, _parent, _scopeId) => {
								if (_push) _push(`${ssrInterpolate(_ctx.$t("Remove Icon"))}`);
								else return [createTextVNode(toDisplayString(_ctx.$t("Remove Icon")), 1)];
							}),
							_: 1
						}, _parent, _scopeId));
						else _push(`<!---->`);
						_push(ssrRenderComponent(unref(_sfc_main$2), {
							message: unref(form).errors.icon,
							class: "mt-2"
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-6 sm:col-span-3"${_scopeId}><input id="icon_dark" type="file" class="hidden"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$7), {
							for: "icon_dark",
							value: _ctx.$t("Dark Mode Icon")
						}, null, _parent, _scopeId));
						_push(`<div class="mt-2 rounded-md bg-gray-950 p-1" style="${ssrRenderStyle(!iconDarkPreview.value && __props.current.icon_dark ? null : { display: "none" })}"${_scopeId}><img${ssrRenderAttr("alt", _ctx.$t("Dark Mode Icon"))}${ssrRenderAttr("src", __props.current.icon_dark)} class="max-h-20 w-full max-w-64 rounded-md"${_scopeId}></div><div class="mt-2 rounded-md bg-gray-950 p-1" style="${ssrRenderStyle(iconDarkPreview.value ? null : { display: "none" })}"${_scopeId}><span class="block h-20 w-full max-w-64 rounded-md bg-center bg-no-repeat" style="${ssrRenderStyle("background-image: url('" + iconDarkPreview.value + "');")}"${_scopeId}></span></div>`);
						_push(ssrRenderComponent(unref(_sfc_main$4), {
							class: "me-2 mt-2",
							type: "button",
							onClick: () => selectNewIcon(true)
						}, {
							default: withCtx((_, _push, _parent, _scopeId) => {
								if (_push) _push(`${ssrInterpolate(_ctx.$t("Select A New Icon"))}`);
								else return [createTextVNode(toDisplayString(_ctx.$t("Select A New Icon")), 1)];
							}),
							_: 1
						}, _parent, _scopeId));
						if (__props.current.icon_dark) _push(ssrRenderComponent(unref(_sfc_main$4), {
							type: "button",
							class: "mt-2",
							onClick: () => deleteIcon(true)
						}, {
							default: withCtx((_, _push, _parent, _scopeId) => {
								if (_push) _push(`${ssrInterpolate(_ctx.$t("Remove Icon"))}`);
								else return [createTextVNode(toDisplayString(_ctx.$t("Remove Icon")), 1)];
							}),
							_: 1
						}, _parent, _scopeId));
						else _push(`<!---->`);
						_push(ssrRenderComponent(unref(_sfc_main$2), {
							message: unref(form).errors.icon_dark,
							class: "mt-2"
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-6 sm:col-span-3"${_scopeId}><input id="logo" type="file" class="hidden"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$7), {
							for: "logo",
							value: _ctx.$t("Logo")
						}, null, _parent, _scopeId));
						_push(`<div class="mt-2 rounded-md bg-gray-50 p-1" style="${ssrRenderStyle(!logoPreview.value && __props.current.logo ? null : { display: "none" })}"${_scopeId}><img${ssrRenderAttr("alt", _ctx.$t("Logo"))}${ssrRenderAttr("src", __props.current.logo)} class="max-h-20 w-full max-w-64 rounded-md"${_scopeId}></div><div class="mt-2 rounded-md bg-gray-50 p-1" style="${ssrRenderStyle(logoPreview.value ? null : { display: "none" })}"${_scopeId}><span class="block h-20 w-full max-w-64 rounded-md bg-center bg-no-repeat" style="${ssrRenderStyle("background-image: url('" + logoPreview.value + "');")}"${_scopeId}></span></div>`);
						_push(ssrRenderComponent(unref(_sfc_main$4), {
							class: "me-2 mt-2",
							type: "button",
							onClick: () => selectNewLogo()
						}, {
							default: withCtx((_, _push, _parent, _scopeId) => {
								if (_push) _push(`${ssrInterpolate(_ctx.$t("Select A New Logo"))}`);
								else return [createTextVNode(toDisplayString(_ctx.$t("Select A New Logo")), 1)];
							}),
							_: 1
						}, _parent, _scopeId));
						if (__props.current.logo) _push(ssrRenderComponent(unref(_sfc_main$4), {
							type: "button",
							class: "mt-2",
							onClick: () => deleteLogo()
						}, {
							default: withCtx((_, _push, _parent, _scopeId) => {
								if (_push) _push(`${ssrInterpolate(_ctx.$t("Remove Logo"))}`);
								else return [createTextVNode(toDisplayString(_ctx.$t("Remove Logo")), 1)];
							}),
							_: 1
						}, _parent, _scopeId));
						else _push(`<!---->`);
						_push(ssrRenderComponent(unref(_sfc_main$2), {
							message: unref(form).errors.logo,
							class: "mt-2"
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-6 sm:col-span-3"${_scopeId}><input id="logo_dark" type="file" class="hidden"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$7), {
							for: "logo_dark",
							value: _ctx.$t("Dark Mode Logo")
						}, null, _parent, _scopeId));
						_push(`<div class="mt-2 rounded-md bg-gray-950 p-1" style="${ssrRenderStyle(!logoDarkPreview.value && __props.current.logo_dark ? null : { display: "none" })}"${_scopeId}><img${ssrRenderAttr("alt", _ctx.$t("Dark Mode Logo"))}${ssrRenderAttr("src", __props.current.logo_dark)} class="max-h-20 w-full max-w-64 rounded-md"${_scopeId}></div><div class="mt-2 rounded-md bg-gray-950 p-1" style="${ssrRenderStyle(logoDarkPreview.value ? null : { display: "none" })}"${_scopeId}><span class="block h-20 w-full max-w-64 rounded-md bg-center bg-no-repeat" style="${ssrRenderStyle("background-image: url('" + logoDarkPreview.value + "');")}"${_scopeId}></span></div>`);
						_push(ssrRenderComponent(unref(_sfc_main$4), {
							class: "me-2 mt-2",
							type: "button",
							onClick: () => selectNewLogo(true)
						}, {
							default: withCtx((_, _push, _parent, _scopeId) => {
								if (_push) _push(`${ssrInterpolate(_ctx.$t("Select A New Logo"))}`);
								else return [createTextVNode(toDisplayString(_ctx.$t("Select A New Logo")), 1)];
							}),
							_: 1
						}, _parent, _scopeId));
						if (__props.current.logo_dark) _push(ssrRenderComponent(unref(_sfc_main$4), {
							type: "button",
							class: "mt-2",
							onClick: () => deleteLogo(true)
						}, {
							default: withCtx((_, _push, _parent, _scopeId) => {
								if (_push) _push(`${ssrInterpolate(_ctx.$t("Remove Logo"))}`);
								else return [createTextVNode(toDisplayString(_ctx.$t("Remove Logo")), 1)];
							}),
							_: 1
						}, _parent, _scopeId));
						else _push(`<!---->`);
						_push(ssrRenderComponent(unref(_sfc_main$2), {
							message: unref(form).errors.logo_dark,
							class: "mt-2"
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-6 sm:col-span-3"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$8), {
							id: "name",
							label: _ctx.$t("Name"),
							modelValue: unref(form).name,
							"onUpdate:modelValue": ($event) => unref(form).name = $event,
							error: unref(form).errors.name
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-6 sm:col-span-3"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$8), {
							id: "short_name",
							label: _ctx.$t("Short Name"),
							modelValue: unref(form).short_name,
							"onUpdate:modelValue": ($event) => unref(form).short_name = $event,
							error: unref(form).errors.short_name
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-6 sm:col-span-3"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$8), {
							id: "company",
							label: _ctx.$t("Company"),
							modelValue: unref(form).company,
							"onUpdate:modelValue": ($event) => unref(form).company = $event,
							error: unref(form).errors.company
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-6 sm:col-span-3"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$8), {
							id: "reg_no",
							label: _ctx.$t("Registration Number"),
							modelValue: unref(form).reg_no,
							"onUpdate:modelValue": ($event) => unref(form).reg_no = $event,
							error: unref(form).errors.reg_no
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-6 sm:col-span-3"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$8), {
							id: "phone",
							label: _ctx.$t("Phone"),
							modelValue: unref(form).phone,
							"onUpdate:modelValue": ($event) => unref(form).phone = $event,
							error: unref(form).errors.phone
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-6 sm:col-span-3"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$8), {
							id: "email",
							label: _ctx.$t("Email"),
							type: "email",
							modelValue: unref(form).email,
							"onUpdate:modelValue": ($event) => unref(form).email = $event,
							error: unref(form).errors.email
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-full -mt-6"${_scopeId}></div><div class="col-span-6 sm:col-span-3"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$9), {
							json: true,
							id: "country_id",
							label: _ctx.$t("Country"),
							modelValue: unref(form).country_id,
							"onUpdate:modelValue": ($event) => unref(form).country_id = $event,
							error: unref(form).errors.country_id,
							suggestions: __props.countries.map((c) => ({
								...c,
								value: c.id,
								label: c.name
							})),
							onChange: (e) => {
								country.value = e;
								unref(form).state_id = country.value?.states[0]?.id;
								unref(form).timezone_id = __props.timezones.filter((t) => country.value?.id ? t.country_id == country.value.id : true)[0]?.id;
							}
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-6 sm:col-span-3"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$9), {
							json: true,
							id: "state_id",
							label: _ctx.$t("State"),
							modelValue: unref(form).state_id,
							"onUpdate:modelValue": ($event) => unref(form).state_id = $event,
							error: unref(form).errors.state_id,
							suggestions: country.value?.states?.length ? country.value.states.map((s) => ({
								...s,
								value: s.id,
								label: s.name
							})) : [{
								value: "0",
								label: _ctx.$t("N/A")
							}]
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-6 sm:col-span-3"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$8), {
							id: "lot_no",
							label: _ctx.$t("Lot No."),
							modelValue: unref(form).lot_no,
							"onUpdate:modelValue": ($event) => unref(form).lot_no = $event,
							error: unref(form).errors.lot_no
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-6 sm:col-span-3"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$8), {
							id: "street",
							label: _ctx.$t("Street"),
							modelValue: unref(form).street,
							"onUpdate:modelValue": ($event) => unref(form).street = $event,
							error: unref(form).errors.street
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-full"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$8), {
							id: "address_line_1",
							label: _ctx.$t("Address Line 1"),
							modelValue: unref(form).address_line_1,
							"onUpdate:modelValue": ($event) => unref(form).address_line_1 = $event,
							error: unref(form).errors.address_line_1
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-full"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$8), {
							id: "address_line_2",
							label: _ctx.$t("Address Line 2"),
							modelValue: unref(form).address_line_2,
							"onUpdate:modelValue": ($event) => unref(form).address_line_2 = $event,
							error: unref(form).errors.address_line_2
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-6 sm:col-span-3"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$8), {
							id: "city",
							label: _ctx.$t("City"),
							modelValue: unref(form).city,
							"onUpdate:modelValue": ($event) => unref(form).city = $event,
							error: unref(form).errors.city
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-6 sm:col-span-3"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$8), {
							id: "postal_code",
							label: _ctx.$t("Postal/ZIP Code"),
							modelValue: unref(form).postal_code,
							"onUpdate:modelValue": ($event) => unref(form).postal_code = $event,
							error: unref(form).errors.postal_code
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-full -mt-6"${_scopeId}></div><div class="col-span-6 sm:col-span-3"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$9), {
							json: true,
							id: "timezone_id",
							label: _ctx.$t("Timezone"),
							modelValue: unref(form).timezone_id,
							"onUpdate:modelValue": ($event) => unref(form).timezone_id = $event,
							error: unref(form).errors.timezone_id,
							suggestions: __props.timezones.filter((t) => country.value?.id ? t.country_id == country.value.id : true).map((c) => ({
								...c,
								value: c.id,
								label: c.name
							}))
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-6 sm:col-span-3"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$9), {
							json: true,
							id: "default_account",
							suggestions: __props.accounts,
							label: _ctx.$t("Default Account"),
							modelValue: unref(form).default_account,
							"onUpdate:modelValue": ($event) => unref(form).default_account = $event,
							error: unref(form).errors.default_account
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-6 sm:col-span-3"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$9), {
							json: true,
							id: "default_store",
							suggestions: __props.stores,
							modelValue: unref(form).default_store,
							"onUpdate:modelValue": ($event) => unref(form).default_store = $event,
							error: unref(form).errors.default_store,
							label: _ctx.$t("Default Store") + " (" + _ctx.$t("For AI/MCP Server") + ")"
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-6 sm:col-span-3"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$9), {
							json: true,
							id: "language",
							searchable: false,
							modelValue: unref(form).language,
							"onUpdate:modelValue": ($event) => unref(form).language = $event,
							label: _ctx.$t("Language"),
							error: _ctx.$page.props.errors.language,
							suggestions: _ctx.$page.props.languages
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-6 sm:col-span-3"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$9), {
							json: true,
							id: "rtl_support",
							searchable: false,
							modelValue: unref(form).rtl_support,
							"onUpdate:modelValue": ($event) => unref(form).rtl_support = $event,
							label: _ctx.$t("RTL Support"),
							error: _ctx.$page.props.errors.rtl_support,
							suggestions: [{
								value: "1",
								label: _ctx.$t("Enabled")
							}, {
								value: "0",
								label: _ctx.$t("Disabled")
							}]
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-6 sm:col-span-3"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$8), {
							id: "date_number_locale",
							modelValue: unref(form).date_number_locale,
							"onUpdate:modelValue": ($event) => unref(form).date_number_locale = $event,
							label: _ctx.$t("Date & Number Locale"),
							error: unref(form).errors.date_number_locale
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-6 sm:col-span-3"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$9), {
							json: true,
							id: "reference",
							searchable: false,
							modelValue: unref(form).reference,
							"onUpdate:modelValue": ($event) => unref(form).reference = $event,
							label: _ctx.$t("Reference"),
							error: _ctx.$page.props.errors.reference,
							suggestions: [
								{
									value: "",
									label: _ctx.$t("SequenceNumber")
								},
								{
									value: "Y",
									label: _ctx.$t("YearSequenceNumber")
								},
								{
									value: "Y/",
									label: _ctx.$t("Year/SequenceNumber")
								},
								{
									value: "Y-",
									label: _ctx.$t("Year-SequenceNumber")
								},
								{
									value: "Ym",
									label: _ctx.$t("YearMonthSequenceNumber")
								},
								{
									value: "Y/m/",
									label: _ctx.$t("Year/Month/SequenceNumber")
								},
								{
									value: "Y-m-",
									label: _ctx.$t("Year-Month-SequenceNumber")
								},
								{
									value: "ulid",
									label: "ULID - Universally Unique Lexicographically Sortable Identifier"
								},
								{
									value: "ai",
									label: "Auto Increment (MYSQL only)"
								},
								{
									value: "uniqid",
									label: "Uniqid - PHP Generate a Unique ID"
								},
								{
									value: "uuid",
									label: "UUID - Universally Unique Identifier"
								}
							]
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-6 sm:col-span-3"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$9), {
							json: true,
							id: "sale_template",
							searchable: false,
							modelValue: unref(form).sale_template,
							"onUpdate:modelValue": ($event) => unref(form).sale_template = $event,
							label: _ctx.$t("Sale Template"),
							error: _ctx.$page.props.errors.sale_template,
							suggestions: [
								{
									value: "Minimal",
									label: _ctx.$t("Template {x}", { x: _ctx.$t("Minimal") })
								},
								{
									value: "One",
									label: _ctx.$t("Template {x}", { x: _ctx.$t("One") })
								},
								{
									value: "Two",
									label: _ctx.$t("Template {x}", { x: _ctx.$t("Two") })
								},
								{
									value: "Three",
									label: _ctx.$t("Template {x}", { x: _ctx.$t("Three") })
								},
								{
									value: "Four",
									label: _ctx.$t("Template {x}", { x: _ctx.$t("Four") })
								},
								{
									value: "Five",
									label: _ctx.$t("Template {x}", { x: _ctx.$t("Five") })
								},
								{
									value: "Six",
									label: _ctx.$t("Template {x}", { x: _ctx.$t("Six") })
								}
							]
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-6 sm:col-span-3"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$9), {
							json: true,
							searchable: false,
							id: "inventory_accounting",
							modelValue: unref(form).inventory_accounting,
							"onUpdate:modelValue": ($event) => unref(form).inventory_accounting = $event,
							label: _ctx.$t("Inventory Accounting Method"),
							error: _ctx.$page.props.errors.inventory_accounting,
							suggestions: [
								{
									value: "FIFO",
									label: "FIFO - First In First Out"
								},
								{
									value: "LIFO",
									label: "LIFO - Last In First Out"
								},
								{
									value: "AVCO",
									label: "AVCO - Average Cost"
								},
								{
									value: "EXPF",
									label: "Items Expiring Soon"
								},
								{
									value: "Batch",
									label: "Use Batch Number",
									disabled: true
								}
							]
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-6 sm:col-span-3"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$8), {
							min: "10",
							max: "100",
							type: "number",
							id: "rows_per_page",
							label: _ctx.$t("Row Per Page"),
							modelValue: unref(form).rows_per_page,
							"onUpdate:modelValue": ($event) => unref(form).rows_per_page = $event,
							error: unref(form).errors.rows_per_page
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-6 sm:col-span-3"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$8), {
							min: "0",
							max: "1000",
							type: "number",
							id: "search_delay",
							label: _ctx.$t("Search Delay") + " (ms)",
							modelValue: unref(form).search_delay,
							"onUpdate:modelValue": ($event) => unref(form).search_delay = $event,
							error: unref(form).errors.search_delay
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-6 sm:col-span-3"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$8), {
							min: "0",
							max: "4",
							type: "number",
							id: "fraction",
							modelValue: unref(form).fraction,
							"onUpdate:modelValue": ($event) => unref(form).fraction = $event,
							error: unref(form).errors.fraction,
							label: _ctx.$t("Fraction") + " (" + _ctx.$t("Decimal Places") + ")"
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-6 sm:col-span-3"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$8), {
							min: "0",
							max: "4",
							type: "number",
							id: "quantity_fraction",
							modelValue: unref(form).quantity_fraction,
							"onUpdate:modelValue": ($event) => unref(form).quantity_fraction = $event,
							error: unref(form).errors.quantity_fraction,
							label: _ctx.$t("Quantity Fraction") + " (" + _ctx.$t("Decimal Places") + ")"
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-6 sm:col-span-3"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$8), {
							min: "0",
							max: "100",
							type: "number",
							id: "max_discount",
							modelValue: unref(form).max_discount,
							"onUpdate:modelValue": ($event) => unref(form).max_discount = $event,
							label: _ctx.$t("Maximum Discount") + " (%)",
							error: unref(form).errors.max_discount
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-6 sm:col-span-3"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$9), {
							json: true,
							searchable: false,
							id: "dimension_unit",
							modelValue: unref(form).dimension_unit,
							"onUpdate:modelValue": ($event) => unref(form).dimension_unit = $event,
							label: _ctx.$t("Dimension Unit"),
							error: _ctx.$page.props.errors.dimension_unit,
							suggestions: [
								"Millimeter",
								"Centimeter",
								"Inch",
								"Foot",
								"Yard",
								"Meter"
							]
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-6 sm:col-span-3"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$9), {
							id: "weight_unit",
							modelValue: unref(form).weight_unit,
							"onUpdate:modelValue": ($event) => unref(form).weight_unit = $event,
							label: _ctx.$t("Weight Unit"),
							error: _ctx.$page.props.errors.weight_unit,
							suggestions: [
								"Gram",
								"Kilogram",
								"Ounce",
								"Pound",
								"Tonne"
							]
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-6 sm:col-span-3"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$9), {
							json: "",
							id: "captcha_provider",
							label: _ctx.$t("Captcha Provider"),
							modelValue: unref(form).captcha_provider,
							"onUpdate:modelValue": ($event) => unref(form).captcha_provider = $event,
							error: _ctx.$page.props.errors.captcha_provider,
							suggestions: [
								{
									label: "None",
									value: ""
								},
								{
									label: "Local",
									value: "local"
								},
								{
									label: "Google reCAPTCHA",
									value: "recaptcha"
								},
								{
									label: "CloudFlare Turnstile",
									value: "trunstile"
								}
							]
						}, null, _parent, _scopeId));
						_push(`</div>`);
						if (unref(form).captcha_provider && unref(form).captcha_provider != "local") {
							_push(`<!--[--><div class="col-span-6 sm:col-span-3"${_scopeId}>`);
							_push(ssrRenderComponent(unref(_sfc_main$8), {
								id: "captcha_site_key",
								modelValue: unref(form).captcha_site_key,
								"onUpdate:modelValue": ($event) => unref(form).captcha_site_key = $event,
								label: _ctx.$t("Captcha Site Key"),
								error: unref(form).errors.captcha_site_key
							}, null, _parent, _scopeId));
							_push(`</div><div class="col-span-6 sm:col-span-3"${_scopeId}>`);
							_push(ssrRenderComponent(unref(_sfc_main$8), {
								id: "captcha_secret_key",
								modelValue: unref(form).captcha_secret_key,
								"onUpdate:modelValue": ($event) => unref(form).captcha_secret_key = $event,
								label: _ctx.$t("Captcha Secret Key"),
								error: unref(form).errors.captcha_secret_key
							}, null, _parent, _scopeId));
							_push(`</div><!--]-->`);
						} else _push(`<!---->`);
						_push(`<div class="col-span-full"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$9), {
							json: true,
							"value-key": "id",
							"label-key": "name",
							multiple: true,
							id: "product_taxes",
							suggestions: __props.taxes,
							modelValue: unref(form).product_taxes,
							"onUpdate:modelValue": ($event) => unref(form).product_taxes = $event,
							label: _ctx.$t("Default Product Taxes"),
							error: _ctx.$page.props.errors.product_taxes
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-full"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$7), {
							for: "inclusive_tax_formula",
							value: _ctx.$t("Inclusive Tax Calculation Formula")
						}, null, _parent, _scopeId));
						_push(`<fieldset aria-label="Privacy setting" class="mt-1 -space-y-px rounded-md bg-white dark:bg-gray-900"${_scopeId}><label class="group flex cursor-pointer border border-gray-200 p-4 first:rounded-tl-md first:rounded-tr-md last:rounded-br-md last:rounded-bl-md focus:outline-hidden has-checked:relative has-checked:border-primary-200 has-checked:bg-primary-50 dark:border-gray-700 dark:has-checked:border-primary-800 dark:has-checked:bg-primary-950"${_scopeId}><input type="radio" value="inclusive" name="inclusive_tax_formula"${ssrIncludeBooleanAttr(ssrLooseEqual(unref(form).inclusive_tax_formula, "inclusive")) ? " checked" : ""} class="relative mt-0.5 size-4 shrink-0 appearance-none rounded-full border border-gray-300 bg-white before:absolute before:inset-1 before:rounded-full before:bg-white not-checked:before:hidden checked:border-primary-600 checked:bg-primary-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 disabled:border-gray-300 disabled:bg-gray-100 disabled:before:bg-gray-400 forced-colors:appearance-auto forced-colors:before:hidden"${_scopeId}><span class="ms-3 flex flex-col"${_scopeId}><span class="text-focused block text-sm font-bold"${_scopeId}>${ssrInterpolate(_ctx.$t("Inclusive"))}</span><span class="mt-2 block font-mono text-xs"${_scopeId}> 100 * 10 / (100 + 10) = 9.09<br${_scopeId}> ${ssrInterpolate(_ctx.$t("Price * Tax Rate / (100 + Tax Rate) = Tax Amount"))}<br${_scopeId}><span class="mt-2 block font-bold"${_scopeId}>${ssrInterpolate(_ctx.$t("So the net price will be 100 - 9.09 = 90.91"))}</span></span></span></label><label class="group flex cursor-pointer border border-gray-200 p-4 first:rounded-tl-md first:rounded-tr-md last:rounded-br-md last:rounded-bl-md focus:outline-hidden has-checked:relative has-checked:border-primary-200 has-checked:bg-primary-50 dark:border-gray-700 dark:has-checked:border-primary-800 dark:has-checked:bg-primary-950"${_scopeId}><input type="radio" value="exclusive" name="inclusive_tax_formula"${ssrIncludeBooleanAttr(ssrLooseEqual(unref(form).inclusive_tax_formula, "exclusive")) ? " checked" : ""} class="relative mt-0.5 size-4 shrink-0 appearance-none rounded-full border border-gray-300 bg-white before:absolute before:inset-1 before:rounded-full before:bg-white not-checked:before:hidden checked:border-primary-600 checked:bg-primary-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 disabled:border-gray-300 disabled:bg-gray-100 disabled:before:bg-gray-400 forced-colors:appearance-auto forced-colors:before:hidden"${_scopeId}><span class="ms-3 flex flex-col"${_scopeId}><span class="text-focused block text-sm font-bold"${_scopeId}>${ssrInterpolate(_ctx.$t("Exclusive"))}</span><span class="mt-2 block font-mono text-xs"${_scopeId}> 100 * 10 / 100 = 10<br${_scopeId}> ${ssrInterpolate(_ctx.$t("Price * Tax Rate / 100 = Tax Amount"))}<br${_scopeId}><span class="mt-2 block font-bold"${_scopeId}>${ssrInterpolate(_ctx.$t("So the net price will be 100 - 10 = 90.00"))}</span></span></span></label></fieldset></div><div class="col-span-full rounded-md border border-yellow-600 p-4 dark:border-yellow-400"${_scopeId}><div class="flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between"${_scopeId}><div${_scopeId}><h4 class="font-bold"${_scopeId}>${ssrInterpolate(_ctx.$t("Fiscal Service Settings"))} (${ssrInterpolate(_ctx.$t("Electronic Invoicing"))})</h4><p class="mt-1 text-sm text-gray-500 dark:text-gray-400"${_scopeId}>${ssrInterpolate(_ctx.$t("Configure the integration used for fiscal reporting."))}</p><p class="mt-3 animate-[bounce_2s_ease-in-out_infinite] text-sm font-black text-yellow-600 dark:text-yellow-400"${_scopeId}>${ssrInterpolate(_ctx.$t("This feature is not yet tested, please help us test in sandbox/test environment only."))}</p><p class="mt-1 text-sm font-bold"${_scopeId}>${ssrInterpolate(_ctx.$t("If your country have electronic invoicing requirements, please let us know on support portal."))}</p></div></div>`);
						if (hasFiscalServices.value) {
							_push(`<div class="mt-4"${_scopeId}>`);
							_push(ssrRenderComponent(unref(_sfc_main$9), {
								json: true,
								clearable: true,
								searchable: true,
								id: "fiscal_service_driver",
								label: _ctx.$t("Fiscal Service"),
								suggestions: fiscalServices.value,
								modelValue: unref(form).fiscal_service_driver,
								"onUpdate:modelValue": ($event) => unref(form).fiscal_service_driver = $event,
								error: unref(form).errors.fiscal_service_driver
							}, null, _parent, _scopeId));
							_push(`<div class="col-span-full mt-4 flex flex-col gap-4"${_scopeId}><!--[-->`);
							ssrRenderList(activeFiscalFields.value, (field) => {
								_push(`<div${_scopeId}>`);
								ssrRenderVNode(_push, createVNode(resolveDynamicComponent(field.component === "textarea" ? unref(_sfc_main$10) : field.component === "radio" ? unref(_sfc_main$11) : unref(_sfc_main$8)), {
									key: field.key,
									label: field.label,
									options: field.options,
									id: `fiscal-${field.key}`,
									error: getFiscalSettingError(field.key),
									placeholder: field.placeholder || field.label,
									"model-value": getFiscalSettingValue(field.key),
									type: field.component === "input" ? field.type : void 0,
									"onUpdate:modelValue": (value) => updateFiscalSetting(field.key, value),
									rows: field.component === "textarea" ? field.rows || "4" : void 0
								}, null), _parent, _scopeId);
								if (field.help) _push(`<p class="text-xs text-gray-500 dark:text-gray-400"${_scopeId}>${ssrInterpolate(field.help)}</p>`);
								else _push(`<!---->`);
								_push(`</div>`);
							});
							_push(`<!--]--></div>`);
							if (unref(form).fiscal_service_driver) {
								_push(`<!--[--><div class="relative"${_scopeId}><div class="absolute inset-0 -mx-4 -mt-2 -mb-0.5 flex items-center justify-end bg-yellow-200/50 pe-4 text-sm font-bold dark:bg-yellow-500/20"${_scopeId}> Coming Soon </div>`);
								if (unref(form).fiscal_service_driver) {
									_push(`<div class="mt-6 flex gap-x-8 gap-y-3"${_scopeId}>`);
									_push(ssrRenderComponent(unref(_sfc_main$12), {
										id: "fiscal_service_when_paid",
										label: _ctx.$t("Report when sales are paid"),
										checked: unref(form).fiscal_service_settings.fiscal_service_when_paid,
										"onUpdate:checked": ($event) => unref(form).fiscal_service_settings.fiscal_service_when_paid = $event
									}, null, _parent, _scopeId));
									_push(ssrRenderComponent(unref(_sfc_main$12), {
										id: "fiscal_service_end_of_day",
										checked: unref(form).fiscal_service_settings.fiscal_service_end_of_day,
										"onUpdate:checked": ($event) => unref(form).fiscal_service_settings.fiscal_service_end_of_day = $event,
										label: _ctx.$t("Report all sales at the end of day")
									}, null, _parent, _scopeId));
									_push(`</div>`);
								} else _push(`<!---->`);
								_push(`</div><div class="mt-4 text-sm font-bold text-yellow-700 dark:text-yellow-400"${_scopeId}>`);
								if (unref(form).fiscal_service_settings.fiscal_service_when_paid && unref(form).fiscal_service_settings?.fiscal_service_end_of_day) _push(`<!--[-->${ssrInterpolate(_ctx.$t("Paid sales are reported at the end of the day."))}<!--]-->`);
								else if (unref(form).fiscal_service_settings.fiscal_service_when_paid) _push(`<!--[-->${ssrInterpolate(_ctx.$t("Sale is reported once payment is received."))}<!--]-->`);
								else if (unref(form).fiscal_service_settings?.fiscal_service_end_of_day) _push(`<!--[-->${ssrInterpolate(_ctx.$t("Sales are reported at the end of the day."))}<!--]-->`);
								else if (!unref(form).fiscal_service_settings.fiscal_service_when_paid && !unref(form).fiscal_service_settings?.fiscal_service_end_of_day) _push(`<!--[-->${ssrInterpolate(_ctx.$t("Sale is reported once saved."))}<!--]-->`);
								else _push(`<!---->`);
								_push(`</div><!--]-->`);
							} else _push(`<!---->`);
							_push(`</div>`);
						} else _push(`<p class="mt-4 text-sm text-gray-500 dark:text-gray-400"${_scopeId}>${ssrInterpolate(_ctx.$t("No fiscal service drivers are available yet."))}</p>`);
						_push(`</div><div class="col-span-full rounded-md border border-gray-200 p-4 dark:border-gray-700"${_scopeId}><div class="flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between"${_scopeId}><div${_scopeId}><h4 class="font-bold"${_scopeId}>${ssrInterpolate(_ctx.$t("Notification Settings"))}</h4><p class="mt-1 text-sm text-gray-500 dark:text-gray-400"${_scopeId}>${ssrInterpolate(_ctx.$t("Configure notification channels for sending alerts via Telegram and SMS."))}</p></div></div><div class="mt-4"${_scopeId}><h5 class="text-sm font-bold"${_scopeId}>${ssrInterpolate(_ctx.$t("Telegram"))}</h5><p class="text-xs text-gray-500 dark:text-gray-400"${_scopeId}>${ssrInterpolate(_ctx.$t("Get your bot token from {x} on Telegram.", { x: "@BotFather" }))}</p><div class="mt-2"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$8), {
							id: "telegram_bot_token",
							label: _ctx.$t("Bot Token"),
							modelValue: unref(form).telegram_bot_token,
							"onUpdate:modelValue": ($event) => unref(form).telegram_bot_token = $event,
							error: unref(form).errors.telegram_bot_token,
							placeholder: _ctx.$t("Enter your Telegram Bot Token")
						}, null, _parent, _scopeId));
						_push(`</div></div><div class="mt-6"${_scopeId}><h5 class="text-sm font-bold"${_scopeId}>${ssrInterpolate(_ctx.$t("Twilio SMS"))}</h5><p class="text-xs text-gray-500 dark:text-gray-400"${_scopeId}>${ssrInterpolate(_ctx.$t("Get your credentials from the Twilio Console."))}</p><div class="mt-2 grid grid-cols-1 gap-4 sm:grid-cols-2"${_scopeId}><div${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$8), {
							id: "twilio_account_sid",
							label: _ctx.$t("Account SID"),
							modelValue: unref(form).twilio_account_sid,
							"onUpdate:modelValue": ($event) => unref(form).twilio_account_sid = $event,
							error: unref(form).errors.twilio_account_sid
						}, null, _parent, _scopeId));
						_push(`</div><div${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$8), {
							id: "twilio_auth_token",
							label: _ctx.$t("Auth Token"),
							modelValue: unref(form).twilio_auth_token,
							"onUpdate:modelValue": ($event) => unref(form).twilio_auth_token = $event,
							error: unref(form).errors.twilio_auth_token
						}, null, _parent, _scopeId));
						_push(`</div><div${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$8), {
							id: "twilio_from",
							label: _ctx.$t("From Number"),
							modelValue: unref(form).twilio_from,
							"onUpdate:modelValue": ($event) => unref(form).twilio_from = $event,
							error: unref(form).errors.twilio_from,
							placeholder: _ctx.$t("+15551234567")
						}, null, _parent, _scopeId));
						_push(`</div><div${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$8), {
							id: "twilio_sms_service_sid",
							label: _ctx.$t("Messaging Service SID"),
							modelValue: unref(form).twilio_sms_service_sid,
							"onUpdate:modelValue": ($event) => unref(form).twilio_sms_service_sid = $event,
							error: unref(form).errors.twilio_sms_service_sid,
							placeholder: _ctx.$t("Optional but recommended")
						}, null, _parent, _scopeId));
						_push(`</div></div></div></div><div class="col-span-full flex flex-col gap-2 overflow-x-auto rounded-md border border-gray-200 p-4 dark:border-gray-700"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$13), {
							id: "stock",
							label: _ctx.$t("Track stock"),
							modelValue: unref(form).stock,
							"onUpdate:modelValue": ($event) => unref(form).stock = $event
						}, null, _parent, _scopeId));
						_push(ssrRenderComponent(unref(_sfc_main$13), {
							id: "overselling",
							label: _ctx.$t("Allow overselling"),
							modelValue: unref(form).overselling,
							"onUpdate:modelValue": ($event) => unref(form).overselling = $event
						}, null, _parent, _scopeId));
						_push(ssrRenderComponent(unref(_sfc_main$13), {
							id: "impersonation",
							label: _ctx.$t("Enable impersonation"),
							modelValue: unref(form).impersonation,
							"onUpdate:modelValue": ($event) => unref(form).impersonation = $event
						}, null, _parent, _scopeId));
						_push(ssrRenderComponent(unref(_sfc_main$13), {
							id: "hide_out_of_stock",
							label: _ctx.$t("Hide out of stock products in store"),
							modelValue: unref(form).hide_out_of_stock,
							"onUpdate:modelValue": ($event) => unref(form).hide_out_of_stock = $event
						}, null, _parent, _scopeId));
						_push(ssrRenderComponent(unref(_sfc_main$13), {
							id: "require_country",
							modelValue: unref(form).require_country,
							"onUpdate:modelValue": ($event) => unref(form).require_country = $event,
							label: _ctx.$t("Require Country & State"),
							text: "(" + _ctx.$t("you must enable if you have state level taxes") + ")"
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-full flex flex-col gap-2 overflow-x-auto rounded-md border border-gray-200 p-4 dark:border-gray-700"${_scopeId}><h4 class="mb-3 text-sm font-bold"${_scopeId}>${ssrInterpolate(_ctx.$t("Sidebar"))}</h4>`);
						_push(ssrRenderComponent(unref(_sfc_main$13), {
							label: _ctx.$t("Dark top bar"),
							modelValue: unref(form).dark_topbar,
							"onUpdate:modelValue": ($event) => unref(form).dark_topbar = $event
						}, null, _parent, _scopeId));
						_push(ssrRenderComponent(unref(_sfc_main$13), {
							label: _ctx.$t("Dark side bar"),
							modelValue: unref(form).dark_sidebar,
							"onUpdate:modelValue": ($event) => unref(form).dark_sidebar = $event
						}, null, _parent, _scopeId));
						_push(ssrRenderComponent(unref(_sfc_main$13), {
							label: _ctx.$t("Show menus as dropdown"),
							modelValue: unref(form).sidebar_dropdown,
							"onUpdate:modelValue": ($event) => unref(form).sidebar_dropdown = $event
						}, null, _parent, _scopeId));
						_push(ssrRenderComponent(unref(_sfc_main$13), {
							label: _ctx.$t("Scroll to view on menu & page change"),
							modelValue: unref(form).sidebar_scroll_to_view,
							"onUpdate:modelValue": ($event) => unref(form).sidebar_scroll_to_view = $event
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-full flex flex-col gap-2 overflow-x-auto rounded-md border border-gray-200 p-4 dark:border-gray-700"${_scopeId}><h4 class="mb-3 text-sm font-bold"${_scopeId}>${ssrInterpolate(_ctx.$t("Receipt/Sale View"))}</h4>`);
						_push(ssrRenderComponent(unref(_sfc_main$13), {
							id: "show_image",
							label: _ctx.$t("Show image"),
							modelValue: unref(form).show_image,
							"onUpdate:modelValue": ($event) => unref(form).show_image = $event
						}, null, _parent, _scopeId));
						_push(ssrRenderComponent(unref(_sfc_main$13), {
							id: "show_taxes",
							label: _ctx.$t("Show tax column"),
							modelValue: unref(form).show_tax,
							"onUpdate:modelValue": ($event) => unref(form).show_tax = $event
						}, null, _parent, _scopeId));
						_push(ssrRenderComponent(unref(_sfc_main$13), {
							id: "show_tax_summary",
							label: _ctx.$t("Show tax summary"),
							modelValue: unref(form).show_tax_summary,
							"onUpdate:modelValue": ($event) => unref(form).show_tax_summary = $event
						}, null, _parent, _scopeId));
						_push(ssrRenderComponent(unref(_sfc_main$13), {
							id: "show_discount",
							label: _ctx.$t("Show discount column"),
							modelValue: unref(form).show_discount,
							"onUpdate:modelValue": ($event) => unref(form).show_discount = $event
						}, null, _parent, _scopeId));
						_push(ssrRenderComponent(unref(_sfc_main$13), {
							id: "show_zero_taxes",
							label: _ctx.$t("Show taxes with zero value"),
							modelValue: unref(form).show_zero_taxes,
							"onUpdate:modelValue": ($event) => unref(form).show_zero_taxes = $event
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-full overflow-x-auto rounded-md border border-gray-200 p-4 dark:border-gray-700"${_scopeId}><h4 class="font-bold"${_scopeId}>${ssrInterpolate(_ctx.$t("Loyalty Points"))}</h4><div class="mt-4 text-sm"${_scopeId}><h5 class="font-bold"${_scopeId}>${ssrInterpolate(_ctx.$t("For Customers"))}</h5><div class="flex items-center gap-2"${_scopeId}>${ssrInterpolate(_ctx.$t("Each sale amounting to"))} `);
						_push(ssrRenderComponent(unref(_sfc_main$3), {
							class: "w-28",
							id: "loyalty_customer_spent",
							type: "number",
							modelValue: unref(form).loyalty.customer.spent,
							"onUpdate:modelValue": ($event) => unref(form).loyalty.customer.spent = $event
						}, null, _parent, _scopeId));
						_push(` ${ssrInterpolate(_ctx.$t("will earn"))} `);
						_push(ssrRenderComponent(unref(_sfc_main$3), {
							class: "w-28",
							id: "loyalty_customer_points",
							type: "number",
							modelValue: unref(form).loyalty.customer.points,
							"onUpdate:modelValue": ($event) => unref(form).loyalty.customer.points = $event
						}, null, _parent, _scopeId));
						_push(` ${ssrInterpolate(_ctx.$t("points"))}. </div></div><div class="mt-4 text-sm"${_scopeId}><h5 class="font-bold"${_scopeId}>${ssrInterpolate(_ctx.$t("For Staff"))}</h5><div class="flex items-center gap-2"${_scopeId}>${ssrInterpolate(_ctx.$t("Each sale amounting to"))} `);
						_push(ssrRenderComponent(unref(_sfc_main$3), {
							class: "w-28",
							id: "loyalty_staff_spent",
							type: "number",
							modelValue: unref(form).loyalty.staff.spent,
							"onUpdate:modelValue": ($event) => unref(form).loyalty.staff.spent = $event
						}, null, _parent, _scopeId));
						_push(` ${ssrInterpolate(_ctx.$t("will earn"))} `);
						_push(ssrRenderComponent(unref(_sfc_main$3), {
							class: "w-28",
							id: "loyalty_staff_points",
							type: "number",
							modelValue: unref(form).loyalty.staff.points,
							"onUpdate:modelValue": ($event) => unref(form).loyalty.staff.points = $event
						}, null, _parent, _scopeId));
						_push(` ${ssrInterpolate(_ctx.$t("points"))}. </div></div></div><div class="col-span-full"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$10), {
							id: "sale_header",
							label: _ctx.$t("Sale Header"),
							modelValue: unref(form).sale_header,
							"onUpdate:modelValue": ($event) => unref(form).sale_header = $event,
							error: unref(form).errors.sale_header
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-full"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$10), {
							id: "sale_footer",
							label: _ctx.$t("Sale Footer"),
							modelValue: unref(form).sale_footer,
							"onUpdate:modelValue": ($event) => unref(form).sale_footer = $event,
							error: unref(form).errors.sale_footer
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-full"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$10), {
							id: "purchase_header",
							label: _ctx.$t("Purchase Header"),
							modelValue: unref(form).purchase_header,
							"onUpdate:modelValue": ($event) => unref(form).purchase_header = $event,
							error: unref(form).errors.purchase_header
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-full"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$10), {
							id: "purchase_footer",
							label: _ctx.$t("Purchase Footer"),
							modelValue: unref(form).purchase_footer,
							"onUpdate:modelValue": ($event) => unref(form).purchase_footer = $event,
							error: unref(form).errors.purchase_footer
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-full"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$10), {
							id: "payment_header",
							label: _ctx.$t("Payment Header"),
							modelValue: unref(form).payment_header,
							"onUpdate:modelValue": ($event) => unref(form).payment_header = $event,
							error: unref(form).errors.payment_header
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-full"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$10), {
							id: "payment_footer",
							label: _ctx.$t("Payment Footer"),
							modelValue: unref(form).payment_footer,
							"onUpdate:modelValue": ($event) => unref(form).payment_footer = $event,
							error: unref(form).errors.payment_footer
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-full"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$10), {
							id: "quotation_header",
							label: _ctx.$t("Quotation Header"),
							modelValue: unref(form).quotation_header,
							"onUpdate:modelValue": ($event) => unref(form).quotation_header = $event,
							error: unref(form).errors.quotation_header
						}, null, _parent, _scopeId));
						_push(`</div><div class="col-span-full"${_scopeId}>`);
						_push(ssrRenderComponent(unref(_sfc_main$10), {
							id: "quotation_footer",
							label: _ctx.$t("Quotation Footer"),
							modelValue: unref(form).quotation_footer,
							"onUpdate:modelValue": ($event) => unref(form).quotation_footer = $event,
							error: unref(form).errors.quotation_footer
						}, null, _parent, _scopeId));
						_push(`</div>`);
					} else return [
						createVNode("div", { class: "col-span-6 sm:col-span-3" }, [
							createVNode("input", {
								id: "icon",
								ref_key: "iconInput",
								ref: iconInput,
								type: "file",
								class: "hidden",
								onChange: () => updateIconPreview()
							}, null, 40, ["onChange"]),
							createVNode(unref(_sfc_main$7), {
								for: "icon",
								value: _ctx.$t("Icon")
							}, null, 8, ["value"]),
							withDirectives(createVNode("div", { class: "mt-2 rounded-md bg-gray-50 p-1" }, [createVNode("img", {
								alt: _ctx.$t("Icon"),
								src: __props.current.icon,
								class: "max-h-20 w-full max-w-64 rounded-md"
							}, null, 8, ["alt", "src"])], 512), [[vShow, !iconPreview.value && __props.current.icon]]),
							withDirectives(createVNode("div", { class: "mt-2 rounded-md bg-gray-50 p-1" }, [createVNode("span", {
								class: "block h-20 w-full max-w-64 rounded-md bg-center bg-no-repeat",
								style: "background-image: url('" + iconPreview.value + "');"
							}, null, 4)], 512), [[vShow, iconPreview.value]]),
							createVNode(unref(_sfc_main$4), {
								class: "me-2 mt-2",
								type: "button",
								onClick: withModifiers(() => selectNewIcon(), ["prevent"])
							}, {
								default: withCtx(() => [createTextVNode(toDisplayString(_ctx.$t("Select A New Icon")), 1)]),
								_: 1
							}, 8, ["onClick"]),
							__props.current.icon ? (openBlock(), createBlock(unref(_sfc_main$4), {
								key: 0,
								type: "button",
								onClick: withModifiers(() => deleteIcon(), ["prevent"]),
								class: "mt-2 rounded-md bg-gray-50 p-1"
							}, {
								default: withCtx(() => [createTextVNode(toDisplayString(_ctx.$t("Remove Icon")), 1)]),
								_: 1
							}, 8, ["onClick"])) : createCommentVNode("", true),
							createVNode(unref(_sfc_main$2), {
								message: unref(form).errors.icon,
								class: "mt-2"
							}, null, 8, ["message"])
						]),
						createVNode("div", { class: "col-span-6 sm:col-span-3" }, [
							createVNode("input", {
								id: "icon_dark",
								ref_key: "iconDarkInput",
								ref: iconDarkInput,
								type: "file",
								class: "hidden",
								onChange: () => updateIconPreview(true)
							}, null, 40, ["onChange"]),
							createVNode(unref(_sfc_main$7), {
								for: "icon_dark",
								value: _ctx.$t("Dark Mode Icon")
							}, null, 8, ["value"]),
							withDirectives(createVNode("div", { class: "mt-2 rounded-md bg-gray-950 p-1" }, [createVNode("img", {
								alt: _ctx.$t("Dark Mode Icon"),
								src: __props.current.icon_dark,
								class: "max-h-20 w-full max-w-64 rounded-md"
							}, null, 8, ["alt", "src"])], 512), [[vShow, !iconDarkPreview.value && __props.current.icon_dark]]),
							withDirectives(createVNode("div", { class: "mt-2 rounded-md bg-gray-950 p-1" }, [createVNode("span", {
								class: "block h-20 w-full max-w-64 rounded-md bg-center bg-no-repeat",
								style: "background-image: url('" + iconDarkPreview.value + "');"
							}, null, 4)], 512), [[vShow, iconDarkPreview.value]]),
							createVNode(unref(_sfc_main$4), {
								class: "me-2 mt-2",
								type: "button",
								onClick: withModifiers(() => selectNewIcon(true), ["prevent"])
							}, {
								default: withCtx(() => [createTextVNode(toDisplayString(_ctx.$t("Select A New Icon")), 1)]),
								_: 1
							}, 8, ["onClick"]),
							__props.current.icon_dark ? (openBlock(), createBlock(unref(_sfc_main$4), {
								key: 0,
								type: "button",
								class: "mt-2",
								onClick: withModifiers(() => deleteIcon(true), ["prevent"])
							}, {
								default: withCtx(() => [createTextVNode(toDisplayString(_ctx.$t("Remove Icon")), 1)]),
								_: 1
							}, 8, ["onClick"])) : createCommentVNode("", true),
							createVNode(unref(_sfc_main$2), {
								message: unref(form).errors.icon_dark,
								class: "mt-2"
							}, null, 8, ["message"])
						]),
						createVNode("div", { class: "col-span-6 sm:col-span-3" }, [
							createVNode("input", {
								id: "logo",
								ref_key: "logoInput",
								ref: logoInput,
								type: "file",
								class: "hidden",
								onChange: () => updateLogoPreview()
							}, null, 40, ["onChange"]),
							createVNode(unref(_sfc_main$7), {
								for: "logo",
								value: _ctx.$t("Logo")
							}, null, 8, ["value"]),
							withDirectives(createVNode("div", { class: "mt-2 rounded-md bg-gray-50 p-1" }, [createVNode("img", {
								alt: _ctx.$t("Logo"),
								src: __props.current.logo,
								class: "max-h-20 w-full max-w-64 rounded-md"
							}, null, 8, ["alt", "src"])], 512), [[vShow, !logoPreview.value && __props.current.logo]]),
							withDirectives(createVNode("div", { class: "mt-2 rounded-md bg-gray-50 p-1" }, [createVNode("span", {
								class: "block h-20 w-full max-w-64 rounded-md bg-center bg-no-repeat",
								style: "background-image: url('" + logoPreview.value + "');"
							}, null, 4)], 512), [[vShow, logoPreview.value]]),
							createVNode(unref(_sfc_main$4), {
								class: "me-2 mt-2",
								type: "button",
								onClick: withModifiers(() => selectNewLogo(), ["prevent"])
							}, {
								default: withCtx(() => [createTextVNode(toDisplayString(_ctx.$t("Select A New Logo")), 1)]),
								_: 1
							}, 8, ["onClick"]),
							__props.current.logo ? (openBlock(), createBlock(unref(_sfc_main$4), {
								key: 0,
								type: "button",
								class: "mt-2",
								onClick: withModifiers(() => deleteLogo(), ["prevent"])
							}, {
								default: withCtx(() => [createTextVNode(toDisplayString(_ctx.$t("Remove Logo")), 1)]),
								_: 1
							}, 8, ["onClick"])) : createCommentVNode("", true),
							createVNode(unref(_sfc_main$2), {
								message: unref(form).errors.logo,
								class: "mt-2"
							}, null, 8, ["message"])
						]),
						createVNode("div", { class: "col-span-6 sm:col-span-3" }, [
							createVNode("input", {
								id: "logo_dark",
								ref_key: "logoDarkInput",
								ref: logoDarkInput,
								type: "file",
								class: "hidden",
								onChange: () => updateLogoPreview(true)
							}, null, 40, ["onChange"]),
							createVNode(unref(_sfc_main$7), {
								for: "logo_dark",
								value: _ctx.$t("Dark Mode Logo")
							}, null, 8, ["value"]),
							withDirectives(createVNode("div", { class: "mt-2 rounded-md bg-gray-950 p-1" }, [createVNode("img", {
								alt: _ctx.$t("Dark Mode Logo"),
								src: __props.current.logo_dark,
								class: "max-h-20 w-full max-w-64 rounded-md"
							}, null, 8, ["alt", "src"])], 512), [[vShow, !logoDarkPreview.value && __props.current.logo_dark]]),
							withDirectives(createVNode("div", { class: "mt-2 rounded-md bg-gray-950 p-1" }, [createVNode("span", {
								class: "block h-20 w-full max-w-64 rounded-md bg-center bg-no-repeat",
								style: "background-image: url('" + logoDarkPreview.value + "');"
							}, null, 4)], 512), [[vShow, logoDarkPreview.value]]),
							createVNode(unref(_sfc_main$4), {
								class: "me-2 mt-2",
								type: "button",
								onClick: withModifiers(() => selectNewLogo(true), ["prevent"])
							}, {
								default: withCtx(() => [createTextVNode(toDisplayString(_ctx.$t("Select A New Logo")), 1)]),
								_: 1
							}, 8, ["onClick"]),
							__props.current.logo_dark ? (openBlock(), createBlock(unref(_sfc_main$4), {
								key: 0,
								type: "button",
								class: "mt-2",
								onClick: withModifiers(() => deleteLogo(true), ["prevent"])
							}, {
								default: withCtx(() => [createTextVNode(toDisplayString(_ctx.$t("Remove Logo")), 1)]),
								_: 1
							}, 8, ["onClick"])) : createCommentVNode("", true),
							createVNode(unref(_sfc_main$2), {
								message: unref(form).errors.logo_dark,
								class: "mt-2"
							}, null, 8, ["message"])
						]),
						createVNode("div", { class: "col-span-6 sm:col-span-3" }, [createVNode(unref(_sfc_main$8), {
							id: "name",
							label: _ctx.$t("Name"),
							modelValue: unref(form).name,
							"onUpdate:modelValue": ($event) => unref(form).name = $event,
							error: unref(form).errors.name
						}, null, 8, [
							"label",
							"modelValue",
							"onUpdate:modelValue",
							"error"
						])]),
						createVNode("div", { class: "col-span-6 sm:col-span-3" }, [createVNode(unref(_sfc_main$8), {
							id: "short_name",
							label: _ctx.$t("Short Name"),
							modelValue: unref(form).short_name,
							"onUpdate:modelValue": ($event) => unref(form).short_name = $event,
							error: unref(form).errors.short_name
						}, null, 8, [
							"label",
							"modelValue",
							"onUpdate:modelValue",
							"error"
						])]),
						createVNode("div", { class: "col-span-6 sm:col-span-3" }, [createVNode(unref(_sfc_main$8), {
							id: "company",
							label: _ctx.$t("Company"),
							modelValue: unref(form).company,
							"onUpdate:modelValue": ($event) => unref(form).company = $event,
							error: unref(form).errors.company
						}, null, 8, [
							"label",
							"modelValue",
							"onUpdate:modelValue",
							"error"
						])]),
						createVNode("div", { class: "col-span-6 sm:col-span-3" }, [createVNode(unref(_sfc_main$8), {
							id: "reg_no",
							label: _ctx.$t("Registration Number"),
							modelValue: unref(form).reg_no,
							"onUpdate:modelValue": ($event) => unref(form).reg_no = $event,
							error: unref(form).errors.reg_no
						}, null, 8, [
							"label",
							"modelValue",
							"onUpdate:modelValue",
							"error"
						])]),
						createVNode("div", { class: "col-span-6 sm:col-span-3" }, [createVNode(unref(_sfc_main$8), {
							id: "phone",
							label: _ctx.$t("Phone"),
							modelValue: unref(form).phone,
							"onUpdate:modelValue": ($event) => unref(form).phone = $event,
							error: unref(form).errors.phone
						}, null, 8, [
							"label",
							"modelValue",
							"onUpdate:modelValue",
							"error"
						])]),
						createVNode("div", { class: "col-span-6 sm:col-span-3" }, [createVNode(unref(_sfc_main$8), {
							id: "email",
							label: _ctx.$t("Email"),
							type: "email",
							modelValue: unref(form).email,
							"onUpdate:modelValue": ($event) => unref(form).email = $event,
							error: unref(form).errors.email
						}, null, 8, [
							"label",
							"modelValue",
							"onUpdate:modelValue",
							"error"
						])]),
						createVNode("div", { class: "col-span-full -mt-6" }),
						createVNode("div", { class: "col-span-6 sm:col-span-3" }, [createVNode(unref(_sfc_main$9), {
							json: true,
							id: "country_id",
							label: _ctx.$t("Country"),
							modelValue: unref(form).country_id,
							"onUpdate:modelValue": ($event) => unref(form).country_id = $event,
							error: unref(form).errors.country_id,
							suggestions: __props.countries.map((c) => ({
								...c,
								value: c.id,
								label: c.name
							})),
							onChange: (e) => {
								country.value = e;
								unref(form).state_id = country.value?.states[0]?.id;
								unref(form).timezone_id = __props.timezones.filter((t) => country.value?.id ? t.country_id == country.value.id : true)[0]?.id;
							}
						}, null, 8, [
							"label",
							"modelValue",
							"onUpdate:modelValue",
							"error",
							"suggestions",
							"onChange"
						])]),
						createVNode("div", { class: "col-span-6 sm:col-span-3" }, [createVNode(unref(_sfc_main$9), {
							json: true,
							id: "state_id",
							label: _ctx.$t("State"),
							modelValue: unref(form).state_id,
							"onUpdate:modelValue": ($event) => unref(form).state_id = $event,
							error: unref(form).errors.state_id,
							suggestions: country.value?.states?.length ? country.value.states.map((s) => ({
								...s,
								value: s.id,
								label: s.name
							})) : [{
								value: "0",
								label: _ctx.$t("N/A")
							}]
						}, null, 8, [
							"label",
							"modelValue",
							"onUpdate:modelValue",
							"error",
							"suggestions"
						])]),
						createVNode("div", { class: "col-span-6 sm:col-span-3" }, [createVNode(unref(_sfc_main$8), {
							id: "lot_no",
							label: _ctx.$t("Lot No."),
							modelValue: unref(form).lot_no,
							"onUpdate:modelValue": ($event) => unref(form).lot_no = $event,
							error: unref(form).errors.lot_no
						}, null, 8, [
							"label",
							"modelValue",
							"onUpdate:modelValue",
							"error"
						])]),
						createVNode("div", { class: "col-span-6 sm:col-span-3" }, [createVNode(unref(_sfc_main$8), {
							id: "street",
							label: _ctx.$t("Street"),
							modelValue: unref(form).street,
							"onUpdate:modelValue": ($event) => unref(form).street = $event,
							error: unref(form).errors.street
						}, null, 8, [
							"label",
							"modelValue",
							"onUpdate:modelValue",
							"error"
						])]),
						createVNode("div", { class: "col-span-full" }, [createVNode(unref(_sfc_main$8), {
							id: "address_line_1",
							label: _ctx.$t("Address Line 1"),
							modelValue: unref(form).address_line_1,
							"onUpdate:modelValue": ($event) => unref(form).address_line_1 = $event,
							error: unref(form).errors.address_line_1
						}, null, 8, [
							"label",
							"modelValue",
							"onUpdate:modelValue",
							"error"
						])]),
						createVNode("div", { class: "col-span-full" }, [createVNode(unref(_sfc_main$8), {
							id: "address_line_2",
							label: _ctx.$t("Address Line 2"),
							modelValue: unref(form).address_line_2,
							"onUpdate:modelValue": ($event) => unref(form).address_line_2 = $event,
							error: unref(form).errors.address_line_2
						}, null, 8, [
							"label",
							"modelValue",
							"onUpdate:modelValue",
							"error"
						])]),
						createVNode("div", { class: "col-span-6 sm:col-span-3" }, [createVNode(unref(_sfc_main$8), {
							id: "city",
							label: _ctx.$t("City"),
							modelValue: unref(form).city,
							"onUpdate:modelValue": ($event) => unref(form).city = $event,
							error: unref(form).errors.city
						}, null, 8, [
							"label",
							"modelValue",
							"onUpdate:modelValue",
							"error"
						])]),
						createVNode("div", { class: "col-span-6 sm:col-span-3" }, [createVNode(unref(_sfc_main$8), {
							id: "postal_code",
							label: _ctx.$t("Postal/ZIP Code"),
							modelValue: unref(form).postal_code,
							"onUpdate:modelValue": ($event) => unref(form).postal_code = $event,
							error: unref(form).errors.postal_code
						}, null, 8, [
							"label",
							"modelValue",
							"onUpdate:modelValue",
							"error"
						])]),
						createVNode("div", { class: "col-span-full -mt-6" }),
						createVNode("div", { class: "col-span-6 sm:col-span-3" }, [createVNode(unref(_sfc_main$9), {
							json: true,
							id: "timezone_id",
							label: _ctx.$t("Timezone"),
							modelValue: unref(form).timezone_id,
							"onUpdate:modelValue": ($event) => unref(form).timezone_id = $event,
							error: unref(form).errors.timezone_id,
							suggestions: __props.timezones.filter((t) => country.value?.id ? t.country_id == country.value.id : true).map((c) => ({
								...c,
								value: c.id,
								label: c.name
							}))
						}, null, 8, [
							"label",
							"modelValue",
							"onUpdate:modelValue",
							"error",
							"suggestions"
						])]),
						createVNode("div", { class: "col-span-6 sm:col-span-3" }, [createVNode(unref(_sfc_main$9), {
							json: true,
							id: "default_account",
							suggestions: __props.accounts,
							label: _ctx.$t("Default Account"),
							modelValue: unref(form).default_account,
							"onUpdate:modelValue": ($event) => unref(form).default_account = $event,
							error: unref(form).errors.default_account
						}, null, 8, [
							"suggestions",
							"label",
							"modelValue",
							"onUpdate:modelValue",
							"error"
						])]),
						createVNode("div", { class: "col-span-6 sm:col-span-3" }, [createVNode(unref(_sfc_main$9), {
							json: true,
							id: "default_store",
							suggestions: __props.stores,
							modelValue: unref(form).default_store,
							"onUpdate:modelValue": ($event) => unref(form).default_store = $event,
							error: unref(form).errors.default_store,
							label: _ctx.$t("Default Store") + " (" + _ctx.$t("For AI/MCP Server") + ")"
						}, null, 8, [
							"suggestions",
							"modelValue",
							"onUpdate:modelValue",
							"error",
							"label"
						])]),
						createVNode("div", { class: "col-span-6 sm:col-span-3" }, [createVNode(unref(_sfc_main$9), {
							json: true,
							id: "language",
							searchable: false,
							modelValue: unref(form).language,
							"onUpdate:modelValue": ($event) => unref(form).language = $event,
							label: _ctx.$t("Language"),
							error: _ctx.$page.props.errors.language,
							suggestions: _ctx.$page.props.languages
						}, null, 8, [
							"modelValue",
							"onUpdate:modelValue",
							"label",
							"error",
							"suggestions"
						])]),
						createVNode("div", { class: "col-span-6 sm:col-span-3" }, [createVNode(unref(_sfc_main$9), {
							json: true,
							id: "rtl_support",
							searchable: false,
							modelValue: unref(form).rtl_support,
							"onUpdate:modelValue": ($event) => unref(form).rtl_support = $event,
							label: _ctx.$t("RTL Support"),
							error: _ctx.$page.props.errors.rtl_support,
							suggestions: [{
								value: "1",
								label: _ctx.$t("Enabled")
							}, {
								value: "0",
								label: _ctx.$t("Disabled")
							}]
						}, null, 8, [
							"modelValue",
							"onUpdate:modelValue",
							"label",
							"error",
							"suggestions"
						])]),
						createVNode("div", { class: "col-span-6 sm:col-span-3" }, [createVNode(unref(_sfc_main$8), {
							id: "date_number_locale",
							modelValue: unref(form).date_number_locale,
							"onUpdate:modelValue": ($event) => unref(form).date_number_locale = $event,
							label: _ctx.$t("Date & Number Locale"),
							error: unref(form).errors.date_number_locale
						}, null, 8, [
							"modelValue",
							"onUpdate:modelValue",
							"label",
							"error"
						])]),
						createVNode("div", { class: "col-span-6 sm:col-span-3" }, [createVNode(unref(_sfc_main$9), {
							json: true,
							id: "reference",
							searchable: false,
							modelValue: unref(form).reference,
							"onUpdate:modelValue": ($event) => unref(form).reference = $event,
							label: _ctx.$t("Reference"),
							error: _ctx.$page.props.errors.reference,
							suggestions: [
								{
									value: "",
									label: _ctx.$t("SequenceNumber")
								},
								{
									value: "Y",
									label: _ctx.$t("YearSequenceNumber")
								},
								{
									value: "Y/",
									label: _ctx.$t("Year/SequenceNumber")
								},
								{
									value: "Y-",
									label: _ctx.$t("Year-SequenceNumber")
								},
								{
									value: "Ym",
									label: _ctx.$t("YearMonthSequenceNumber")
								},
								{
									value: "Y/m/",
									label: _ctx.$t("Year/Month/SequenceNumber")
								},
								{
									value: "Y-m-",
									label: _ctx.$t("Year-Month-SequenceNumber")
								},
								{
									value: "ulid",
									label: "ULID - Universally Unique Lexicographically Sortable Identifier"
								},
								{
									value: "ai",
									label: "Auto Increment (MYSQL only)"
								},
								{
									value: "uniqid",
									label: "Uniqid - PHP Generate a Unique ID"
								},
								{
									value: "uuid",
									label: "UUID - Universally Unique Identifier"
								}
							]
						}, null, 8, [
							"modelValue",
							"onUpdate:modelValue",
							"label",
							"error",
							"suggestions"
						])]),
						createVNode("div", { class: "col-span-6 sm:col-span-3" }, [createVNode(unref(_sfc_main$9), {
							json: true,
							id: "sale_template",
							searchable: false,
							modelValue: unref(form).sale_template,
							"onUpdate:modelValue": ($event) => unref(form).sale_template = $event,
							label: _ctx.$t("Sale Template"),
							error: _ctx.$page.props.errors.sale_template,
							suggestions: [
								{
									value: "Minimal",
									label: _ctx.$t("Template {x}", { x: _ctx.$t("Minimal") })
								},
								{
									value: "One",
									label: _ctx.$t("Template {x}", { x: _ctx.$t("One") })
								},
								{
									value: "Two",
									label: _ctx.$t("Template {x}", { x: _ctx.$t("Two") })
								},
								{
									value: "Three",
									label: _ctx.$t("Template {x}", { x: _ctx.$t("Three") })
								},
								{
									value: "Four",
									label: _ctx.$t("Template {x}", { x: _ctx.$t("Four") })
								},
								{
									value: "Five",
									label: _ctx.$t("Template {x}", { x: _ctx.$t("Five") })
								},
								{
									value: "Six",
									label: _ctx.$t("Template {x}", { x: _ctx.$t("Six") })
								}
							]
						}, null, 8, [
							"modelValue",
							"onUpdate:modelValue",
							"label",
							"error",
							"suggestions"
						])]),
						createVNode("div", { class: "col-span-6 sm:col-span-3" }, [createVNode(unref(_sfc_main$9), {
							json: true,
							searchable: false,
							id: "inventory_accounting",
							modelValue: unref(form).inventory_accounting,
							"onUpdate:modelValue": ($event) => unref(form).inventory_accounting = $event,
							label: _ctx.$t("Inventory Accounting Method"),
							error: _ctx.$page.props.errors.inventory_accounting,
							suggestions: [
								{
									value: "FIFO",
									label: "FIFO - First In First Out"
								},
								{
									value: "LIFO",
									label: "LIFO - Last In First Out"
								},
								{
									value: "AVCO",
									label: "AVCO - Average Cost"
								},
								{
									value: "EXPF",
									label: "Items Expiring Soon"
								},
								{
									value: "Batch",
									label: "Use Batch Number",
									disabled: true
								}
							]
						}, null, 8, [
							"modelValue",
							"onUpdate:modelValue",
							"label",
							"error"
						])]),
						createVNode("div", { class: "col-span-6 sm:col-span-3" }, [createVNode(unref(_sfc_main$8), {
							min: "10",
							max: "100",
							type: "number",
							id: "rows_per_page",
							label: _ctx.$t("Row Per Page"),
							modelValue: unref(form).rows_per_page,
							"onUpdate:modelValue": ($event) => unref(form).rows_per_page = $event,
							error: unref(form).errors.rows_per_page
						}, null, 8, [
							"label",
							"modelValue",
							"onUpdate:modelValue",
							"error"
						])]),
						createVNode("div", { class: "col-span-6 sm:col-span-3" }, [createVNode(unref(_sfc_main$8), {
							min: "0",
							max: "1000",
							type: "number",
							id: "search_delay",
							label: _ctx.$t("Search Delay") + " (ms)",
							modelValue: unref(form).search_delay,
							"onUpdate:modelValue": ($event) => unref(form).search_delay = $event,
							error: unref(form).errors.search_delay
						}, null, 8, [
							"label",
							"modelValue",
							"onUpdate:modelValue",
							"error"
						])]),
						createVNode("div", { class: "col-span-6 sm:col-span-3" }, [createVNode(unref(_sfc_main$8), {
							min: "0",
							max: "4",
							type: "number",
							id: "fraction",
							modelValue: unref(form).fraction,
							"onUpdate:modelValue": ($event) => unref(form).fraction = $event,
							error: unref(form).errors.fraction,
							label: _ctx.$t("Fraction") + " (" + _ctx.$t("Decimal Places") + ")"
						}, null, 8, [
							"modelValue",
							"onUpdate:modelValue",
							"error",
							"label"
						])]),
						createVNode("div", { class: "col-span-6 sm:col-span-3" }, [createVNode(unref(_sfc_main$8), {
							min: "0",
							max: "4",
							type: "number",
							id: "quantity_fraction",
							modelValue: unref(form).quantity_fraction,
							"onUpdate:modelValue": ($event) => unref(form).quantity_fraction = $event,
							error: unref(form).errors.quantity_fraction,
							label: _ctx.$t("Quantity Fraction") + " (" + _ctx.$t("Decimal Places") + ")"
						}, null, 8, [
							"modelValue",
							"onUpdate:modelValue",
							"error",
							"label"
						])]),
						createVNode("div", { class: "col-span-6 sm:col-span-3" }, [createVNode(unref(_sfc_main$8), {
							min: "0",
							max: "100",
							type: "number",
							id: "max_discount",
							modelValue: unref(form).max_discount,
							"onUpdate:modelValue": ($event) => unref(form).max_discount = $event,
							label: _ctx.$t("Maximum Discount") + " (%)",
							error: unref(form).errors.max_discount
						}, null, 8, [
							"modelValue",
							"onUpdate:modelValue",
							"label",
							"error"
						])]),
						createVNode("div", { class: "col-span-6 sm:col-span-3" }, [createVNode(unref(_sfc_main$9), {
							json: true,
							searchable: false,
							id: "dimension_unit",
							modelValue: unref(form).dimension_unit,
							"onUpdate:modelValue": ($event) => unref(form).dimension_unit = $event,
							label: _ctx.$t("Dimension Unit"),
							error: _ctx.$page.props.errors.dimension_unit,
							suggestions: [
								"Millimeter",
								"Centimeter",
								"Inch",
								"Foot",
								"Yard",
								"Meter"
							]
						}, null, 8, [
							"modelValue",
							"onUpdate:modelValue",
							"label",
							"error"
						])]),
						createVNode("div", { class: "col-span-6 sm:col-span-3" }, [createVNode(unref(_sfc_main$9), {
							id: "weight_unit",
							modelValue: unref(form).weight_unit,
							"onUpdate:modelValue": ($event) => unref(form).weight_unit = $event,
							label: _ctx.$t("Weight Unit"),
							error: _ctx.$page.props.errors.weight_unit,
							suggestions: [
								"Gram",
								"Kilogram",
								"Ounce",
								"Pound",
								"Tonne"
							]
						}, null, 8, [
							"modelValue",
							"onUpdate:modelValue",
							"label",
							"error"
						])]),
						createVNode("div", { class: "col-span-6 sm:col-span-3" }, [createVNode(unref(_sfc_main$9), {
							json: "",
							id: "captcha_provider",
							label: _ctx.$t("Captcha Provider"),
							modelValue: unref(form).captcha_provider,
							"onUpdate:modelValue": ($event) => unref(form).captcha_provider = $event,
							error: _ctx.$page.props.errors.captcha_provider,
							suggestions: [
								{
									label: "None",
									value: ""
								},
								{
									label: "Local",
									value: "local"
								},
								{
									label: "Google reCAPTCHA",
									value: "recaptcha"
								},
								{
									label: "CloudFlare Turnstile",
									value: "trunstile"
								}
							]
						}, null, 8, [
							"label",
							"modelValue",
							"onUpdate:modelValue",
							"error"
						])]),
						unref(form).captcha_provider && unref(form).captcha_provider != "local" ? (openBlock(), createBlock(Fragment, { key: 0 }, [createVNode("div", { class: "col-span-6 sm:col-span-3" }, [createVNode(unref(_sfc_main$8), {
							id: "captcha_site_key",
							modelValue: unref(form).captcha_site_key,
							"onUpdate:modelValue": ($event) => unref(form).captcha_site_key = $event,
							label: _ctx.$t("Captcha Site Key"),
							error: unref(form).errors.captcha_site_key
						}, null, 8, [
							"modelValue",
							"onUpdate:modelValue",
							"label",
							"error"
						])]), createVNode("div", { class: "col-span-6 sm:col-span-3" }, [createVNode(unref(_sfc_main$8), {
							id: "captcha_secret_key",
							modelValue: unref(form).captcha_secret_key,
							"onUpdate:modelValue": ($event) => unref(form).captcha_secret_key = $event,
							label: _ctx.$t("Captcha Secret Key"),
							error: unref(form).errors.captcha_secret_key
						}, null, 8, [
							"modelValue",
							"onUpdate:modelValue",
							"label",
							"error"
						])])], 64)) : createCommentVNode("", true),
						createVNode("div", { class: "col-span-full" }, [createVNode(unref(_sfc_main$9), {
							json: true,
							"value-key": "id",
							"label-key": "name",
							multiple: true,
							id: "product_taxes",
							suggestions: __props.taxes,
							modelValue: unref(form).product_taxes,
							"onUpdate:modelValue": ($event) => unref(form).product_taxes = $event,
							label: _ctx.$t("Default Product Taxes"),
							error: _ctx.$page.props.errors.product_taxes
						}, null, 8, [
							"suggestions",
							"modelValue",
							"onUpdate:modelValue",
							"label",
							"error"
						])]),
						createVNode("div", { class: "col-span-full" }, [createVNode(unref(_sfc_main$7), {
							for: "inclusive_tax_formula",
							value: _ctx.$t("Inclusive Tax Calculation Formula")
						}, null, 8, ["value"]), createVNode("fieldset", {
							"aria-label": "Privacy setting",
							class: "mt-1 -space-y-px rounded-md bg-white dark:bg-gray-900"
						}, [createVNode("label", { class: "group flex cursor-pointer border border-gray-200 p-4 first:rounded-tl-md first:rounded-tr-md last:rounded-br-md last:rounded-bl-md focus:outline-hidden has-checked:relative has-checked:border-primary-200 has-checked:bg-primary-50 dark:border-gray-700 dark:has-checked:border-primary-800 dark:has-checked:bg-primary-950" }, [withDirectives(createVNode("input", {
							type: "radio",
							value: "inclusive",
							name: "inclusive_tax_formula",
							"onUpdate:modelValue": ($event) => unref(form).inclusive_tax_formula = $event,
							class: "relative mt-0.5 size-4 shrink-0 appearance-none rounded-full border border-gray-300 bg-white before:absolute before:inset-1 before:rounded-full before:bg-white not-checked:before:hidden checked:border-primary-600 checked:bg-primary-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 disabled:border-gray-300 disabled:bg-gray-100 disabled:before:bg-gray-400 forced-colors:appearance-auto forced-colors:before:hidden"
						}, null, 8, ["onUpdate:modelValue"]), [[vModelRadio, unref(form).inclusive_tax_formula]]), createVNode("span", { class: "ms-3 flex flex-col" }, [createVNode("span", { class: "text-focused block text-sm font-bold" }, toDisplayString(_ctx.$t("Inclusive")), 1), createVNode("span", { class: "mt-2 block font-mono text-xs" }, [
							createTextVNode(" 100 * 10 / (100 + 10) = 9.09"),
							createVNode("br"),
							createTextVNode(" " + toDisplayString(_ctx.$t("Price * Tax Rate / (100 + Tax Rate) = Tax Amount")), 1),
							createVNode("br"),
							createVNode("span", { class: "mt-2 block font-bold" }, toDisplayString(_ctx.$t("So the net price will be 100 - 9.09 = 90.91")), 1)
						])])]), createVNode("label", { class: "group flex cursor-pointer border border-gray-200 p-4 first:rounded-tl-md first:rounded-tr-md last:rounded-br-md last:rounded-bl-md focus:outline-hidden has-checked:relative has-checked:border-primary-200 has-checked:bg-primary-50 dark:border-gray-700 dark:has-checked:border-primary-800 dark:has-checked:bg-primary-950" }, [withDirectives(createVNode("input", {
							type: "radio",
							value: "exclusive",
							name: "inclusive_tax_formula",
							"onUpdate:modelValue": ($event) => unref(form).inclusive_tax_formula = $event,
							class: "relative mt-0.5 size-4 shrink-0 appearance-none rounded-full border border-gray-300 bg-white before:absolute before:inset-1 before:rounded-full before:bg-white not-checked:before:hidden checked:border-primary-600 checked:bg-primary-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 disabled:border-gray-300 disabled:bg-gray-100 disabled:before:bg-gray-400 forced-colors:appearance-auto forced-colors:before:hidden"
						}, null, 8, ["onUpdate:modelValue"]), [[vModelRadio, unref(form).inclusive_tax_formula]]), createVNode("span", { class: "ms-3 flex flex-col" }, [createVNode("span", { class: "text-focused block text-sm font-bold" }, toDisplayString(_ctx.$t("Exclusive")), 1), createVNode("span", { class: "mt-2 block font-mono text-xs" }, [
							createTextVNode(" 100 * 10 / 100 = 10"),
							createVNode("br"),
							createTextVNode(" " + toDisplayString(_ctx.$t("Price * Tax Rate / 100 = Tax Amount")), 1),
							createVNode("br"),
							createVNode("span", { class: "mt-2 block font-bold" }, toDisplayString(_ctx.$t("So the net price will be 100 - 10 = 90.00")), 1)
						])])])])]),
						createVNode("div", { class: "col-span-full rounded-md border border-yellow-600 p-4 dark:border-yellow-400" }, [createVNode("div", { class: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between" }, [createVNode("div", null, [
							createVNode("h4", { class: "font-bold" }, toDisplayString(_ctx.$t("Fiscal Service Settings")) + " (" + toDisplayString(_ctx.$t("Electronic Invoicing")) + ")", 1),
							createVNode("p", { class: "mt-1 text-sm text-gray-500 dark:text-gray-400" }, toDisplayString(_ctx.$t("Configure the integration used for fiscal reporting.")), 1),
							createVNode("p", { class: "mt-3 animate-[bounce_2s_ease-in-out_infinite] text-sm font-black text-yellow-600 dark:text-yellow-400" }, toDisplayString(_ctx.$t("This feature is not yet tested, please help us test in sandbox/test environment only.")), 1),
							createVNode("p", { class: "mt-1 text-sm font-bold" }, toDisplayString(_ctx.$t("If your country have electronic invoicing requirements, please let us know on support portal.")), 1)
						])]), hasFiscalServices.value ? (openBlock(), createBlock("div", {
							key: 0,
							class: "mt-4"
						}, [
							createVNode(unref(_sfc_main$9), {
								json: true,
								clearable: true,
								searchable: true,
								id: "fiscal_service_driver",
								label: _ctx.$t("Fiscal Service"),
								suggestions: fiscalServices.value,
								modelValue: unref(form).fiscal_service_driver,
								"onUpdate:modelValue": ($event) => unref(form).fiscal_service_driver = $event,
								error: unref(form).errors.fiscal_service_driver
							}, null, 8, [
								"label",
								"suggestions",
								"modelValue",
								"onUpdate:modelValue",
								"error"
							]),
							createVNode("div", { class: "col-span-full mt-4 flex flex-col gap-4" }, [(openBlock(true), createBlock(Fragment, null, renderList(activeFiscalFields.value, (field) => {
								return openBlock(), createBlock("div", { key: field.key }, [(openBlock(), createBlock(resolveDynamicComponent(field.component === "textarea" ? unref(_sfc_main$10) : field.component === "radio" ? unref(_sfc_main$11) : unref(_sfc_main$8)), {
									key: field.key,
									label: field.label,
									options: field.options,
									id: `fiscal-${field.key}`,
									error: getFiscalSettingError(field.key),
									placeholder: field.placeholder || field.label,
									"model-value": getFiscalSettingValue(field.key),
									type: field.component === "input" ? field.type : void 0,
									"onUpdate:modelValue": (value) => updateFiscalSetting(field.key, value),
									rows: field.component === "textarea" ? field.rows || "4" : void 0
								}, null, 8, [
									"label",
									"options",
									"id",
									"error",
									"placeholder",
									"model-value",
									"type",
									"onUpdate:modelValue",
									"rows"
								])), field.help ? (openBlock(), createBlock("p", {
									key: 0,
									class: "text-xs text-gray-500 dark:text-gray-400"
								}, toDisplayString(field.help), 1)) : createCommentVNode("", true)]);
							}), 128))]),
							unref(form).fiscal_service_driver ? (openBlock(), createBlock(Fragment, { key: 0 }, [createVNode("div", { class: "relative" }, [createVNode("div", { class: "absolute inset-0 -mx-4 -mt-2 -mb-0.5 flex items-center justify-end bg-yellow-200/50 pe-4 text-sm font-bold dark:bg-yellow-500/20" }, " Coming Soon "), unref(form).fiscal_service_driver ? (openBlock(), createBlock("div", {
								key: 0,
								class: "mt-6 flex gap-x-8 gap-y-3"
							}, [createVNode(unref(_sfc_main$12), {
								id: "fiscal_service_when_paid",
								label: _ctx.$t("Report when sales are paid"),
								checked: unref(form).fiscal_service_settings.fiscal_service_when_paid,
								"onUpdate:checked": ($event) => unref(form).fiscal_service_settings.fiscal_service_when_paid = $event
							}, null, 8, [
								"label",
								"checked",
								"onUpdate:checked"
							]), createVNode(unref(_sfc_main$12), {
								id: "fiscal_service_end_of_day",
								checked: unref(form).fiscal_service_settings.fiscal_service_end_of_day,
								"onUpdate:checked": ($event) => unref(form).fiscal_service_settings.fiscal_service_end_of_day = $event,
								label: _ctx.$t("Report all sales at the end of day")
							}, null, 8, [
								"checked",
								"onUpdate:checked",
								"label"
							])])) : createCommentVNode("", true)]), createVNode("div", { class: "mt-4 text-sm font-bold text-yellow-700 dark:text-yellow-400" }, [unref(form).fiscal_service_settings.fiscal_service_when_paid && unref(form).fiscal_service_settings?.fiscal_service_end_of_day ? (openBlock(), createBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(_ctx.$t("Paid sales are reported at the end of the day.")), 1)], 64)) : unref(form).fiscal_service_settings.fiscal_service_when_paid ? (openBlock(), createBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(_ctx.$t("Sale is reported once payment is received.")), 1)], 64)) : unref(form).fiscal_service_settings?.fiscal_service_end_of_day ? (openBlock(), createBlock(Fragment, { key: 2 }, [createTextVNode(toDisplayString(_ctx.$t("Sales are reported at the end of the day.")), 1)], 64)) : !unref(form).fiscal_service_settings.fiscal_service_when_paid && !unref(form).fiscal_service_settings?.fiscal_service_end_of_day ? (openBlock(), createBlock(Fragment, { key: 3 }, [createTextVNode(toDisplayString(_ctx.$t("Sale is reported once saved.")), 1)], 64)) : createCommentVNode("", true)])], 64)) : createCommentVNode("", true)
						])) : (openBlock(), createBlock("p", {
							key: 1,
							class: "mt-4 text-sm text-gray-500 dark:text-gray-400"
						}, toDisplayString(_ctx.$t("No fiscal service drivers are available yet.")), 1))]),
						createVNode("div", { class: "col-span-full rounded-md border border-gray-200 p-4 dark:border-gray-700" }, [
							createVNode("div", { class: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between" }, [createVNode("div", null, [createVNode("h4", { class: "font-bold" }, toDisplayString(_ctx.$t("Notification Settings")), 1), createVNode("p", { class: "mt-1 text-sm text-gray-500 dark:text-gray-400" }, toDisplayString(_ctx.$t("Configure notification channels for sending alerts via Telegram and SMS.")), 1)])]),
							createVNode("div", { class: "mt-4" }, [
								createVNode("h5", { class: "text-sm font-bold" }, toDisplayString(_ctx.$t("Telegram")), 1),
								createVNode("p", { class: "text-xs text-gray-500 dark:text-gray-400" }, toDisplayString(_ctx.$t("Get your bot token from {x} on Telegram.", { x: "@BotFather" })), 1),
								createVNode("div", { class: "mt-2" }, [createVNode(unref(_sfc_main$8), {
									id: "telegram_bot_token",
									label: _ctx.$t("Bot Token"),
									modelValue: unref(form).telegram_bot_token,
									"onUpdate:modelValue": ($event) => unref(form).telegram_bot_token = $event,
									error: unref(form).errors.telegram_bot_token,
									placeholder: _ctx.$t("Enter your Telegram Bot Token")
								}, null, 8, [
									"label",
									"modelValue",
									"onUpdate:modelValue",
									"error",
									"placeholder"
								])])
							]),
							createVNode("div", { class: "mt-6" }, [
								createVNode("h5", { class: "text-sm font-bold" }, toDisplayString(_ctx.$t("Twilio SMS")), 1),
								createVNode("p", { class: "text-xs text-gray-500 dark:text-gray-400" }, toDisplayString(_ctx.$t("Get your credentials from the Twilio Console.")), 1),
								createVNode("div", { class: "mt-2 grid grid-cols-1 gap-4 sm:grid-cols-2" }, [
									createVNode("div", null, [createVNode(unref(_sfc_main$8), {
										id: "twilio_account_sid",
										label: _ctx.$t("Account SID"),
										modelValue: unref(form).twilio_account_sid,
										"onUpdate:modelValue": ($event) => unref(form).twilio_account_sid = $event,
										error: unref(form).errors.twilio_account_sid
									}, null, 8, [
										"label",
										"modelValue",
										"onUpdate:modelValue",
										"error"
									])]),
									createVNode("div", null, [createVNode(unref(_sfc_main$8), {
										id: "twilio_auth_token",
										label: _ctx.$t("Auth Token"),
										modelValue: unref(form).twilio_auth_token,
										"onUpdate:modelValue": ($event) => unref(form).twilio_auth_token = $event,
										error: unref(form).errors.twilio_auth_token
									}, null, 8, [
										"label",
										"modelValue",
										"onUpdate:modelValue",
										"error"
									])]),
									createVNode("div", null, [createVNode(unref(_sfc_main$8), {
										id: "twilio_from",
										label: _ctx.$t("From Number"),
										modelValue: unref(form).twilio_from,
										"onUpdate:modelValue": ($event) => unref(form).twilio_from = $event,
										error: unref(form).errors.twilio_from,
										placeholder: _ctx.$t("+15551234567")
									}, null, 8, [
										"label",
										"modelValue",
										"onUpdate:modelValue",
										"error",
										"placeholder"
									])]),
									createVNode("div", null, [createVNode(unref(_sfc_main$8), {
										id: "twilio_sms_service_sid",
										label: _ctx.$t("Messaging Service SID"),
										modelValue: unref(form).twilio_sms_service_sid,
										"onUpdate:modelValue": ($event) => unref(form).twilio_sms_service_sid = $event,
										error: unref(form).errors.twilio_sms_service_sid,
										placeholder: _ctx.$t("Optional but recommended")
									}, null, 8, [
										"label",
										"modelValue",
										"onUpdate:modelValue",
										"error",
										"placeholder"
									])])
								])
							])
						]),
						createVNode("div", { class: "col-span-full flex flex-col gap-2 overflow-x-auto rounded-md border border-gray-200 p-4 dark:border-gray-700" }, [
							createVNode(unref(_sfc_main$13), {
								id: "stock",
								label: _ctx.$t("Track stock"),
								modelValue: unref(form).stock,
								"onUpdate:modelValue": ($event) => unref(form).stock = $event
							}, null, 8, [
								"label",
								"modelValue",
								"onUpdate:modelValue"
							]),
							createVNode(unref(_sfc_main$13), {
								id: "overselling",
								label: _ctx.$t("Allow overselling"),
								modelValue: unref(form).overselling,
								"onUpdate:modelValue": ($event) => unref(form).overselling = $event
							}, null, 8, [
								"label",
								"modelValue",
								"onUpdate:modelValue"
							]),
							createVNode(unref(_sfc_main$13), {
								id: "impersonation",
								label: _ctx.$t("Enable impersonation"),
								modelValue: unref(form).impersonation,
								"onUpdate:modelValue": ($event) => unref(form).impersonation = $event
							}, null, 8, [
								"label",
								"modelValue",
								"onUpdate:modelValue"
							]),
							createVNode(unref(_sfc_main$13), {
								id: "hide_out_of_stock",
								label: _ctx.$t("Hide out of stock products in store"),
								modelValue: unref(form).hide_out_of_stock,
								"onUpdate:modelValue": ($event) => unref(form).hide_out_of_stock = $event
							}, null, 8, [
								"label",
								"modelValue",
								"onUpdate:modelValue"
							]),
							createVNode(unref(_sfc_main$13), {
								id: "require_country",
								modelValue: unref(form).require_country,
								"onUpdate:modelValue": ($event) => unref(form).require_country = $event,
								label: _ctx.$t("Require Country & State"),
								text: "(" + _ctx.$t("you must enable if you have state level taxes") + ")"
							}, null, 8, [
								"modelValue",
								"onUpdate:modelValue",
								"label",
								"text"
							])
						]),
						createVNode("div", { class: "col-span-full flex flex-col gap-2 overflow-x-auto rounded-md border border-gray-200 p-4 dark:border-gray-700" }, [
							createVNode("h4", { class: "mb-3 text-sm font-bold" }, toDisplayString(_ctx.$t("Sidebar")), 1),
							createVNode(unref(_sfc_main$13), {
								label: _ctx.$t("Dark top bar"),
								modelValue: unref(form).dark_topbar,
								"onUpdate:modelValue": ($event) => unref(form).dark_topbar = $event
							}, null, 8, [
								"label",
								"modelValue",
								"onUpdate:modelValue"
							]),
							createVNode(unref(_sfc_main$13), {
								label: _ctx.$t("Dark side bar"),
								modelValue: unref(form).dark_sidebar,
								"onUpdate:modelValue": ($event) => unref(form).dark_sidebar = $event
							}, null, 8, [
								"label",
								"modelValue",
								"onUpdate:modelValue"
							]),
							createVNode(unref(_sfc_main$13), {
								label: _ctx.$t("Show menus as dropdown"),
								modelValue: unref(form).sidebar_dropdown,
								"onUpdate:modelValue": ($event) => unref(form).sidebar_dropdown = $event
							}, null, 8, [
								"label",
								"modelValue",
								"onUpdate:modelValue"
							]),
							createVNode(unref(_sfc_main$13), {
								label: _ctx.$t("Scroll to view on menu & page change"),
								modelValue: unref(form).sidebar_scroll_to_view,
								"onUpdate:modelValue": ($event) => unref(form).sidebar_scroll_to_view = $event
							}, null, 8, [
								"label",
								"modelValue",
								"onUpdate:modelValue"
							])
						]),
						createVNode("div", { class: "col-span-full flex flex-col gap-2 overflow-x-auto rounded-md border border-gray-200 p-4 dark:border-gray-700" }, [
							createVNode("h4", { class: "mb-3 text-sm font-bold" }, toDisplayString(_ctx.$t("Receipt/Sale View")), 1),
							createVNode(unref(_sfc_main$13), {
								id: "show_image",
								label: _ctx.$t("Show image"),
								modelValue: unref(form).show_image,
								"onUpdate:modelValue": ($event) => unref(form).show_image = $event
							}, null, 8, [
								"label",
								"modelValue",
								"onUpdate:modelValue"
							]),
							createVNode(unref(_sfc_main$13), {
								id: "show_taxes",
								label: _ctx.$t("Show tax column"),
								modelValue: unref(form).show_tax,
								"onUpdate:modelValue": ($event) => unref(form).show_tax = $event
							}, null, 8, [
								"label",
								"modelValue",
								"onUpdate:modelValue"
							]),
							createVNode(unref(_sfc_main$13), {
								id: "show_tax_summary",
								label: _ctx.$t("Show tax summary"),
								modelValue: unref(form).show_tax_summary,
								"onUpdate:modelValue": ($event) => unref(form).show_tax_summary = $event
							}, null, 8, [
								"label",
								"modelValue",
								"onUpdate:modelValue"
							]),
							createVNode(unref(_sfc_main$13), {
								id: "show_discount",
								label: _ctx.$t("Show discount column"),
								modelValue: unref(form).show_discount,
								"onUpdate:modelValue": ($event) => unref(form).show_discount = $event
							}, null, 8, [
								"label",
								"modelValue",
								"onUpdate:modelValue"
							]),
							createVNode(unref(_sfc_main$13), {
								id: "show_zero_taxes",
								label: _ctx.$t("Show taxes with zero value"),
								modelValue: unref(form).show_zero_taxes,
								"onUpdate:modelValue": ($event) => unref(form).show_zero_taxes = $event
							}, null, 8, [
								"label",
								"modelValue",
								"onUpdate:modelValue"
							])
						]),
						createVNode("div", { class: "col-span-full overflow-x-auto rounded-md border border-gray-200 p-4 dark:border-gray-700" }, [
							createVNode("h4", { class: "font-bold" }, toDisplayString(_ctx.$t("Loyalty Points")), 1),
							createVNode("div", { class: "mt-4 text-sm" }, [createVNode("h5", { class: "font-bold" }, toDisplayString(_ctx.$t("For Customers")), 1), createVNode("div", { class: "flex items-center gap-2" }, [
								createTextVNode(toDisplayString(_ctx.$t("Each sale amounting to")) + " ", 1),
								createVNode(unref(_sfc_main$3), {
									class: "w-28",
									id: "loyalty_customer_spent",
									type: "number",
									modelValue: unref(form).loyalty.customer.spent,
									"onUpdate:modelValue": ($event) => unref(form).loyalty.customer.spent = $event
								}, null, 8, ["modelValue", "onUpdate:modelValue"]),
								createTextVNode(" " + toDisplayString(_ctx.$t("will earn")) + " ", 1),
								createVNode(unref(_sfc_main$3), {
									class: "w-28",
									id: "loyalty_customer_points",
									type: "number",
									modelValue: unref(form).loyalty.customer.points,
									"onUpdate:modelValue": ($event) => unref(form).loyalty.customer.points = $event
								}, null, 8, ["modelValue", "onUpdate:modelValue"]),
								createTextVNode(" " + toDisplayString(_ctx.$t("points")) + ". ", 1)
							])]),
							createVNode("div", { class: "mt-4 text-sm" }, [createVNode("h5", { class: "font-bold" }, toDisplayString(_ctx.$t("For Staff")), 1), createVNode("div", { class: "flex items-center gap-2" }, [
								createTextVNode(toDisplayString(_ctx.$t("Each sale amounting to")) + " ", 1),
								createVNode(unref(_sfc_main$3), {
									class: "w-28",
									id: "loyalty_staff_spent",
									type: "number",
									modelValue: unref(form).loyalty.staff.spent,
									"onUpdate:modelValue": ($event) => unref(form).loyalty.staff.spent = $event
								}, null, 8, ["modelValue", "onUpdate:modelValue"]),
								createTextVNode(" " + toDisplayString(_ctx.$t("will earn")) + " ", 1),
								createVNode(unref(_sfc_main$3), {
									class: "w-28",
									id: "loyalty_staff_points",
									type: "number",
									modelValue: unref(form).loyalty.staff.points,
									"onUpdate:modelValue": ($event) => unref(form).loyalty.staff.points = $event
								}, null, 8, ["modelValue", "onUpdate:modelValue"]),
								createTextVNode(" " + toDisplayString(_ctx.$t("points")) + ". ", 1)
							])])
						]),
						createVNode("div", { class: "col-span-full" }, [createVNode(unref(_sfc_main$10), {
							id: "sale_header",
							label: _ctx.$t("Sale Header"),
							modelValue: unref(form).sale_header,
							"onUpdate:modelValue": ($event) => unref(form).sale_header = $event,
							error: unref(form).errors.sale_header
						}, null, 8, [
							"label",
							"modelValue",
							"onUpdate:modelValue",
							"error"
						])]),
						createVNode("div", { class: "col-span-full" }, [createVNode(unref(_sfc_main$10), {
							id: "sale_footer",
							label: _ctx.$t("Sale Footer"),
							modelValue: unref(form).sale_footer,
							"onUpdate:modelValue": ($event) => unref(form).sale_footer = $event,
							error: unref(form).errors.sale_footer
						}, null, 8, [
							"label",
							"modelValue",
							"onUpdate:modelValue",
							"error"
						])]),
						createVNode("div", { class: "col-span-full" }, [createVNode(unref(_sfc_main$10), {
							id: "purchase_header",
							label: _ctx.$t("Purchase Header"),
							modelValue: unref(form).purchase_header,
							"onUpdate:modelValue": ($event) => unref(form).purchase_header = $event,
							error: unref(form).errors.purchase_header
						}, null, 8, [
							"label",
							"modelValue",
							"onUpdate:modelValue",
							"error"
						])]),
						createVNode("div", { class: "col-span-full" }, [createVNode(unref(_sfc_main$10), {
							id: "purchase_footer",
							label: _ctx.$t("Purchase Footer"),
							modelValue: unref(form).purchase_footer,
							"onUpdate:modelValue": ($event) => unref(form).purchase_footer = $event,
							error: unref(form).errors.purchase_footer
						}, null, 8, [
							"label",
							"modelValue",
							"onUpdate:modelValue",
							"error"
						])]),
						createVNode("div", { class: "col-span-full" }, [createVNode(unref(_sfc_main$10), {
							id: "payment_header",
							label: _ctx.$t("Payment Header"),
							modelValue: unref(form).payment_header,
							"onUpdate:modelValue": ($event) => unref(form).payment_header = $event,
							error: unref(form).errors.payment_header
						}, null, 8, [
							"label",
							"modelValue",
							"onUpdate:modelValue",
							"error"
						])]),
						createVNode("div", { class: "col-span-full" }, [createVNode(unref(_sfc_main$10), {
							id: "payment_footer",
							label: _ctx.$t("Payment Footer"),
							modelValue: unref(form).payment_footer,
							"onUpdate:modelValue": ($event) => unref(form).payment_footer = $event,
							error: unref(form).errors.payment_footer
						}, null, 8, [
							"label",
							"modelValue",
							"onUpdate:modelValue",
							"error"
						])]),
						createVNode("div", { class: "col-span-full" }, [createVNode(unref(_sfc_main$10), {
							id: "quotation_header",
							label: _ctx.$t("Quotation Header"),
							modelValue: unref(form).quotation_header,
							"onUpdate:modelValue": ($event) => unref(form).quotation_header = $event,
							error: unref(form).errors.quotation_header
						}, null, 8, [
							"label",
							"modelValue",
							"onUpdate:modelValue",
							"error"
						])]),
						createVNode("div", { class: "col-span-full" }, [createVNode(unref(_sfc_main$10), {
							id: "quotation_footer",
							label: _ctx.$t("Quotation Footer"),
							modelValue: unref(form).quotation_footer,
							"onUpdate:modelValue": ($event) => unref(form).quotation_footer = $event,
							error: unref(form).errors.quotation_footer
						}, null, 8, [
							"label",
							"modelValue",
							"onUpdate:modelValue",
							"error"
						])])
					];
				}),
				actions: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) {
						_push(ssrRenderComponent(unref(_sfc_main$1), {
							on: unref(form).recentlySuccessful,
							class: "me-3"
						}, {
							default: withCtx((_, _push, _parent, _scopeId) => {
								if (_push) _push(`${ssrInterpolate(_ctx.$t("Saved."))}`);
								else return [createTextVNode(toDisplayString(_ctx.$t("Saved.")), 1)];
							}),
							_: 1
						}, _parent, _scopeId));
						_push(ssrRenderComponent(unref(_sfc_main$14), {
							class: { "opacity-25": unref(form).processing },
							loading: unref(form).processing
						}, {
							default: withCtx((_, _push, _parent, _scopeId) => {
								if (_push) _push(`${ssrInterpolate(_ctx.$t("Save"))}`);
								else return [createTextVNode(toDisplayString(_ctx.$t("Save")), 1)];
							}),
							_: 1
						}, _parent, _scopeId));
					} else return [createVNode(unref(_sfc_main$1), {
						on: unref(form).recentlySuccessful,
						class: "me-3"
					}, {
						default: withCtx(() => [createTextVNode(toDisplayString(_ctx.$t("Saved.")), 1)]),
						_: 1
					}, 8, ["on"]), createVNode(unref(_sfc_main$14), {
						class: { "opacity-25": unref(form).processing },
						loading: unref(form).processing
					}, {
						default: withCtx(() => [createTextVNode(toDisplayString(_ctx.$t("Save")), 1)]),
						_: 1
					}, 8, ["class", "loading"])];
				}),
				_: 1
			}, _parent));
			if (app_version.value) {
				_push(`<div class="mt-8 mb-2 flex flex-wrap items-center justify-center gap-x-8 gap-y-2 sm:-mb-4"><div> App: <span class="font-bold">${ssrInterpolate(app_version.value)}</span></div><div>`);
				_push(ssrRenderComponent(unref(_sfc_main$13), {
					label: _ctx.$t("Support Links"),
					modelValue: unref(form).support_links,
					"onUpdate:modelValue": ($event) => unref(form).support_links = $event,
					onChange: ToggleSupportLinks
				}, null, _parent));
				_push(`</div><div> Laravel: <span class="font-bold">${ssrInterpolate(__props.laravel_version)}</span></div><div> Vue: <span class="font-bold">${ssrInterpolate(version)}</span></div><div class="flex items-center gap-2"> Docs: <a target="_blank" href="/documentation.pdf" class="group relative me-4 font-bold"> PDF `);
				_push(ssrRenderComponent(_component_Icon, {
					name: "a-blank",
					class: "absolute start-full top-0.5 ms-1 hidden h-4 w-4 group-hover:block"
				}, null, _parent));
				_push(`</a><a target="_blank" href="https://tecdiary.github.io/sma-guide" class="group relative text-sm font-bold"> Online Version `);
				_push(ssrRenderComponent(_component_Icon, {
					name: "a-blank",
					class: "absolute start-full top-0 ms-1 hidden h-4 w-4 group-hover:block"
				}, null, _parent));
				_push(`</a></div></div>`);
			} else _push(`<!---->`);
			_push(`</div><!--]-->`);
		};
	}
});
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/Setting/Index.vue");
	return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
//#endregion
export { _sfc_main as default };
