import { t as AdminLayout_default } from "./AdminLayout-CFTJa237.js";
import { Head, useForm } from "@inertiajs/vue3";
import { Transition, createBlock, createCommentVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, toDisplayString, unref, useSSRContext, vModelText, withCtx, withDirectives, withModifiers } from "vue";
import { ssrIncludeBooleanAttr, ssrInterpolate, ssrRenderAttr, ssrRenderComponent, ssrRenderStyle } from "vue/server-renderer";
import { AlertCircle, CheckCircle2, Save, UploadCloud } from "lucide-vue-next";
//#region resources/js/Pages/Settings/Edit.vue?vue&type=script&setup=true&lang.ts
var Edit_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
	__name: "Edit",
	__ssrInlineRender: true,
	props: { settings: {} },
	setup(__props) {
		const props = __props;
		const showToast = ref(false);
		const toastMessage = ref("");
		const triggerToast = (msg) => {
			toastMessage.value = msg;
			showToast.value = true;
			setTimeout(() => {
				showToast.value = false;
			}, 4e3);
		};
		const form = useForm({
			site_name: props.settings.site_name || "",
			site_description: props.settings.site_description || "",
			site_logo: null,
			site_favicon: null,
			tax_percentage: props.settings.tax_percentage || "0",
			service_charge_percentage: props.settings.service_charge_percentage || "0"
		});
		const logoPreview = ref(props.settings.site_logo);
		const faviconPreview = ref(props.settings.site_favicon);
		const handleLogoChange = (e) => {
			const target = e.target;
			if (target.files && target.files[0]) {
				const file = target.files[0];
				form.site_logo = file;
				logoPreview.value = URL.createObjectURL(file);
			}
		};
		const handleFaviconChange = (e) => {
			const target = e.target;
			if (target.files && target.files[0]) {
				const file = target.files[0];
				form.site_favicon = file;
				faviconPreview.value = URL.createObjectURL(file);
			}
		};
		const submit = () => {
			form.post(route("settings.update"), {
				forceFormData: true,
				preserveScroll: true,
				onSuccess: () => {
					triggerToast("Site settings updated successfully.");
					form.site_logo = null;
					form.site_favicon = null;
				}
			});
		};
		return (_ctx, _push, _parent, _attrs) => {
			_push(ssrRenderComponent(AdminLayout_default, _attrs, {
				default: withCtx((_, _push, _parent, _scopeId) => {
					if (_push) {
						_push(ssrRenderComponent(unref(Head), { title: "System Settings" }, null, _parent, _scopeId));
						_push(``);
						if (showToast.value) {
							_push(`<div class="fixed top-4 right-4 z-50 max-w-md w-full bg-white dark:bg-slate-900 border border-emerald-200 dark:border-emerald-950/30 rounded-xl shadow-xl p-4 flex items-start gap-3"${_scopeId}>`);
							_push(ssrRenderComponent(unref(CheckCircle2), { class: "h-5 w-5 text-emerald-600 dark:text-emerald-400 flex-shrink-0 mt-0.5" }, null, _parent, _scopeId));
							_push(`<div class="flex-1 min-w-0"${_scopeId}><p class="text-sm font-semibold text-slate-950 dark:text-slate-50"${_scopeId}>Success</p><p class="text-xs text-slate-500 dark:text-slate-400 mt-0.5"${_scopeId}>${ssrInterpolate(toastMessage.value)}</p></div></div>`);
						} else _push(`<!---->`);
						_push(`<div class="w-full space-y-6"${_scopeId}><div${_scopeId}><h1 class="text-2xl font-bold tracking-tight text-slate-900 dark:text-slate-100"${_scopeId}>System Settings</h1><p class="text-sm text-slate-500 dark:text-slate-400 mt-1"${_scopeId}> Manage your application branding, configurations, and assets here. </p></div><form class="space-y-6"${_scopeId}><div class="bg-white dark:bg-slate-950 border border-slate-200 dark:border-slate-800 rounded-xl p-6 shadow-sm space-y-6"${_scopeId}><h2 class="text-md font-semibold text-slate-900 dark:text-slate-100 border-b border-slate-100 dark:border-slate-900 pb-3"${_scopeId}> General Settings </h2><div class="grid grid-cols-1 gap-6"${_scopeId}><div class="space-y-2"${_scopeId}><label for="site_name" class="text-sm font-medium text-slate-700 dark:text-slate-300"${_scopeId}> Site Name </label><input id="site_name"${ssrRenderAttr("value", unref(form).site_name)} type="text" class="w-full px-3.5 py-2 rounded-lg border border-slate-200 dark:border-slate-800 bg-transparent text-sm text-slate-900 dark:text-slate-100 focus:outline-none focus:ring-2 focus:ring-red-500/20 focus:border-red-500 transition-all" placeholder="Enter application name"${_scopeId}>`);
						if (unref(form).errors.site_name) {
							_push(`<p class="text-xs text-rose-600 mt-1 flex items-center gap-1.5"${_scopeId}>`);
							_push(ssrRenderComponent(unref(AlertCircle), { class: "h-3.5 w-3.5" }, null, _parent, _scopeId));
							_push(` ${ssrInterpolate(unref(form).errors.site_name)}</p>`);
						} else _push(`<!---->`);
						_push(`</div><div class="space-y-2"${_scopeId}><label for="site_description" class="text-sm font-medium text-slate-700 dark:text-slate-300"${_scopeId}> Site Description </label><textarea id="site_description" rows="4" class="w-full px-3.5 py-2 rounded-lg border border-slate-200 dark:border-slate-800 bg-transparent text-sm text-slate-900 dark:text-slate-100 focus:outline-none focus:ring-2 focus:ring-red-500/20 focus:border-red-500 transition-all resize-none" placeholder="Short description of the website"${_scopeId}>${ssrInterpolate(unref(form).site_description)}</textarea>`);
						if (unref(form).errors.site_description) {
							_push(`<p class="text-xs text-rose-600 mt-1 flex items-center gap-1.5"${_scopeId}>`);
							_push(ssrRenderComponent(unref(AlertCircle), { class: "h-3.5 w-3.5" }, null, _parent, _scopeId));
							_push(` ${ssrInterpolate(unref(form).errors.site_description)}</p>`);
						} else _push(`<!---->`);
						_push(`</div><div class="grid grid-cols-1 md:grid-cols-2 gap-6"${_scopeId}><div class="space-y-2"${_scopeId}><label for="tax_percentage" class="text-sm font-medium text-slate-700 dark:text-slate-300"${_scopeId}> Sales Tax (%) </label><input id="tax_percentage"${ssrRenderAttr("value", unref(form).tax_percentage)} type="number" step="0.01" min="0" max="100" class="w-full px-3.5 py-2 rounded-lg border border-slate-200 dark:border-slate-800 bg-transparent text-sm text-slate-900 dark:text-slate-100 focus:outline-none focus:ring-2 focus:ring-red-500/20 focus:border-red-500 transition-all" placeholder="e.g. 10"${_scopeId}>`);
						if (unref(form).errors.tax_percentage) {
							_push(`<p class="text-xs text-rose-600 mt-1 flex items-center gap-1.5"${_scopeId}>`);
							_push(ssrRenderComponent(unref(AlertCircle), { class: "h-3.5 w-3.5" }, null, _parent, _scopeId));
							_push(` ${ssrInterpolate(unref(form).errors.tax_percentage)}</p>`);
						} else _push(`<!---->`);
						_push(`</div><div class="space-y-2"${_scopeId}><label for="service_charge_percentage" class="text-sm font-medium text-slate-700 dark:text-slate-300"${_scopeId}> Service Charge (%) </label><input id="service_charge_percentage"${ssrRenderAttr("value", unref(form).service_charge_percentage)} type="number" step="0.01" min="0" max="100" class="w-full px-3.5 py-2 rounded-lg border border-slate-200 dark:border-slate-800 bg-transparent text-sm text-slate-900 dark:text-slate-100 focus:outline-none focus:ring-2 focus:ring-red-500/20 focus:border-red-500 transition-all" placeholder="e.g. 5"${_scopeId}>`);
						if (unref(form).errors.service_charge_percentage) {
							_push(`<p class="text-xs text-rose-600 mt-1 flex items-center gap-1.5"${_scopeId}>`);
							_push(ssrRenderComponent(unref(AlertCircle), { class: "h-3.5 w-3.5" }, null, _parent, _scopeId));
							_push(` ${ssrInterpolate(unref(form).errors.service_charge_percentage)}</p>`);
						} else _push(`<!---->`);
						_push(`</div></div></div></div><div class="bg-white dark:bg-slate-950 border border-slate-200 dark:border-slate-800 rounded-xl p-6 shadow-sm space-y-6"${_scopeId}><h2 class="text-md font-semibold text-slate-900 dark:text-slate-100 border-b border-slate-100 dark:border-slate-900 pb-3"${_scopeId}> Visual Identity Assets </h2><div class="grid grid-cols-1 md:grid-cols-2 gap-8"${_scopeId}><div class="space-y-3"${_scopeId}><label class="text-sm font-medium text-slate-700 dark:text-slate-300"${_scopeId}>Site Logo</label><div class="h-40 w-full rounded-lg border border-dashed border-slate-200 dark:border-slate-800 flex items-center justify-center bg-slate-50/50 dark:bg-slate-900/30 overflow-hidden relative group"${_scopeId}>`);
						if (logoPreview.value) _push(`<img${ssrRenderAttr("src", logoPreview.value)} alt="Logo Preview" class="max-h-24 max-w-full object-contain p-2"${_scopeId}>`);
						else {
							_push(`<div class="text-center p-4"${_scopeId}>`);
							_push(ssrRenderComponent(unref(UploadCloud), { class: "h-8 w-8 text-slate-400 mx-auto" }, null, _parent, _scopeId));
							_push(`<span class="text-xs text-slate-400 mt-2 block"${_scopeId}>No Logo Configured</span></div>`);
						}
						_push(`</div><div class="relative"${_scopeId}><input type="file" id="site_logo" accept="image/*" class="hidden"${_scopeId}><label for="site_logo" class="inline-flex w-full items-center justify-center gap-2 px-3 py-2 rounded-lg border border-slate-200 dark:border-slate-800 hover:bg-slate-50 dark:hover:bg-slate-900 text-xs font-semibold text-slate-700 dark:text-slate-300 transition-colors cursor-pointer"${_scopeId}> Choose Logo File </label></div>`);
						if (unref(form).errors.site_logo) {
							_push(`<p class="text-xs text-rose-600 mt-1 flex items-center gap-1.5"${_scopeId}>`);
							_push(ssrRenderComponent(unref(AlertCircle), { class: "h-3.5 w-3.5" }, null, _parent, _scopeId));
							_push(` ${ssrInterpolate(unref(form).errors.site_logo)}</p>`);
						} else _push(`<!---->`);
						_push(`</div><div class="space-y-3"${_scopeId}><label class="text-sm font-medium text-slate-700 dark:text-slate-300"${_scopeId}>Site Favicon</label><div class="h-40 w-full rounded-lg border border-dashed border-slate-200 dark:border-slate-800 flex items-center justify-center bg-slate-50/50 dark:bg-slate-900/30 overflow-hidden relative group"${_scopeId}>`);
						if (faviconPreview.value) _push(`<img${ssrRenderAttr("src", faviconPreview.value)} alt="Favicon Preview" class="h-12 w-12 object-contain p-1 rounded bg-white dark:bg-slate-800 shadow border border-slate-100 dark:border-slate-700"${_scopeId}>`);
						else {
							_push(`<div class="text-center p-4"${_scopeId}>`);
							_push(ssrRenderComponent(unref(UploadCloud), { class: "h-8 w-8 text-slate-400 mx-auto" }, null, _parent, _scopeId));
							_push(`<span class="text-xs text-slate-400 mt-2 block"${_scopeId}>No Favicon Configured</span></div>`);
						}
						_push(`</div><div class="relative"${_scopeId}><input type="file" id="site_favicon" accept=".ico,image/*" class="hidden"${_scopeId}><label for="site_favicon" class="inline-flex w-full items-center justify-center gap-2 px-3 py-2 rounded-lg border border-slate-200 dark:border-slate-800 hover:bg-slate-50 dark:hover:bg-slate-900 text-xs font-semibold text-slate-700 dark:text-slate-300 transition-colors cursor-pointer"${_scopeId}> Choose Favicon File </label></div>`);
						if (unref(form).errors.site_favicon) {
							_push(`<p class="text-xs text-rose-600 mt-1 flex items-center gap-1.5"${_scopeId}>`);
							_push(ssrRenderComponent(unref(AlertCircle), { class: "h-3.5 w-3.5" }, null, _parent, _scopeId));
							_push(` ${ssrInterpolate(unref(form).errors.site_favicon)}</p>`);
						} else _push(`<!---->`);
						_push(`</div></div>`);
						if (unref(form).progress) _push(`<div class="w-full bg-slate-100 dark:bg-slate-900 rounded-full h-2 overflow-hidden mt-4"${_scopeId}><div class="bg-red-600 dark:bg-red-500 h-full rounded-full transition-all duration-150" style="${ssrRenderStyle({ width: unref(form).progress.percentage + "%" })}"${_scopeId}></div></div>`);
						else _push(`<!---->`);
						_push(`</div><div class="flex items-center justify-end gap-3"${_scopeId}><button type="submit"${ssrIncludeBooleanAttr(unref(form).processing) ? " disabled" : ""} class="inline-flex items-center gap-2 px-4 py-2 bg-red-600 hover:bg-red-500 text-white rounded-lg text-sm font-semibold shadow-sm focus:outline-none focus:ring-2 focus:ring-red-500/20 disabled:opacity-50 transition-all cursor-pointer"${_scopeId}>`);
						_push(ssrRenderComponent(unref(Save), { class: "h-4 w-4" }, null, _parent, _scopeId));
						_push(`<span${_scopeId}>${ssrInterpolate(unref(form).processing ? "Saving Settings..." : "Save Settings")}</span></button></div></form></div>`);
					} else return [
						createVNode(unref(Head), { title: "System Settings" }),
						createVNode(Transition, {
							"enter-active-class": "transform ease-out duration-300 transition",
							"enter-from-class": "translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2",
							"enter-to-class": "translate-y-0 opacity-100 sm:translate-x-0",
							"leave-active-class": "transition ease-in duration-200",
							"leave-from-class": "opacity-100",
							"leave-to-class": "opacity-0"
						}, {
							default: withCtx(() => [showToast.value ? (openBlock(), createBlock("div", {
								key: 0,
								class: "fixed top-4 right-4 z-50 max-w-md w-full bg-white dark:bg-slate-900 border border-emerald-200 dark:border-emerald-950/30 rounded-xl shadow-xl p-4 flex items-start gap-3"
							}, [createVNode(unref(CheckCircle2), { class: "h-5 w-5 text-emerald-600 dark:text-emerald-400 flex-shrink-0 mt-0.5" }), createVNode("div", { class: "flex-1 min-w-0" }, [createVNode("p", { class: "text-sm font-semibold text-slate-950 dark:text-slate-50" }, "Success"), createVNode("p", { class: "text-xs text-slate-500 dark:text-slate-400 mt-0.5" }, toDisplayString(toastMessage.value), 1)])])) : createCommentVNode("", true)]),
							_: 1
						}),
						createVNode("div", { class: "w-full space-y-6" }, [createVNode("div", null, [createVNode("h1", { class: "text-2xl font-bold tracking-tight text-slate-900 dark:text-slate-100" }, "System Settings"), createVNode("p", { class: "text-sm text-slate-500 dark:text-slate-400 mt-1" }, " Manage your application branding, configurations, and assets here. ")]), createVNode("form", {
							onSubmit: withModifiers(submit, ["prevent"]),
							class: "space-y-6"
						}, [
							createVNode("div", { class: "bg-white dark:bg-slate-950 border border-slate-200 dark:border-slate-800 rounded-xl p-6 shadow-sm space-y-6" }, [createVNode("h2", { class: "text-md font-semibold text-slate-900 dark:text-slate-100 border-b border-slate-100 dark:border-slate-900 pb-3" }, " General Settings "), createVNode("div", { class: "grid grid-cols-1 gap-6" }, [
								createVNode("div", { class: "space-y-2" }, [
									createVNode("label", {
										for: "site_name",
										class: "text-sm font-medium text-slate-700 dark:text-slate-300"
									}, " Site Name "),
									withDirectives(createVNode("input", {
										id: "site_name",
										"onUpdate:modelValue": ($event) => unref(form).site_name = $event,
										type: "text",
										class: "w-full px-3.5 py-2 rounded-lg border border-slate-200 dark:border-slate-800 bg-transparent text-sm text-slate-900 dark:text-slate-100 focus:outline-none focus:ring-2 focus:ring-red-500/20 focus:border-red-500 transition-all",
										placeholder: "Enter application name"
									}, null, 8, ["onUpdate:modelValue"]), [[vModelText, unref(form).site_name]]),
									unref(form).errors.site_name ? (openBlock(), createBlock("p", {
										key: 0,
										class: "text-xs text-rose-600 mt-1 flex items-center gap-1.5"
									}, [createVNode(unref(AlertCircle), { class: "h-3.5 w-3.5" }), createTextVNode(" " + toDisplayString(unref(form).errors.site_name), 1)])) : createCommentVNode("", true)
								]),
								createVNode("div", { class: "space-y-2" }, [
									createVNode("label", {
										for: "site_description",
										class: "text-sm font-medium text-slate-700 dark:text-slate-300"
									}, " Site Description "),
									withDirectives(createVNode("textarea", {
										id: "site_description",
										"onUpdate:modelValue": ($event) => unref(form).site_description = $event,
										rows: "4",
										class: "w-full px-3.5 py-2 rounded-lg border border-slate-200 dark:border-slate-800 bg-transparent text-sm text-slate-900 dark:text-slate-100 focus:outline-none focus:ring-2 focus:ring-red-500/20 focus:border-red-500 transition-all resize-none",
										placeholder: "Short description of the website"
									}, null, 8, ["onUpdate:modelValue"]), [[vModelText, unref(form).site_description]]),
									unref(form).errors.site_description ? (openBlock(), createBlock("p", {
										key: 0,
										class: "text-xs text-rose-600 mt-1 flex items-center gap-1.5"
									}, [createVNode(unref(AlertCircle), { class: "h-3.5 w-3.5" }), createTextVNode(" " + toDisplayString(unref(form).errors.site_description), 1)])) : createCommentVNode("", true)
								]),
								createVNode("div", { class: "grid grid-cols-1 md:grid-cols-2 gap-6" }, [createVNode("div", { class: "space-y-2" }, [
									createVNode("label", {
										for: "tax_percentage",
										class: "text-sm font-medium text-slate-700 dark:text-slate-300"
									}, " Sales Tax (%) "),
									withDirectives(createVNode("input", {
										id: "tax_percentage",
										"onUpdate:modelValue": ($event) => unref(form).tax_percentage = $event,
										type: "number",
										step: "0.01",
										min: "0",
										max: "100",
										class: "w-full px-3.5 py-2 rounded-lg border border-slate-200 dark:border-slate-800 bg-transparent text-sm text-slate-900 dark:text-slate-100 focus:outline-none focus:ring-2 focus:ring-red-500/20 focus:border-red-500 transition-all",
										placeholder: "e.g. 10"
									}, null, 8, ["onUpdate:modelValue"]), [[vModelText, unref(form).tax_percentage]]),
									unref(form).errors.tax_percentage ? (openBlock(), createBlock("p", {
										key: 0,
										class: "text-xs text-rose-600 mt-1 flex items-center gap-1.5"
									}, [createVNode(unref(AlertCircle), { class: "h-3.5 w-3.5" }), createTextVNode(" " + toDisplayString(unref(form).errors.tax_percentage), 1)])) : createCommentVNode("", true)
								]), createVNode("div", { class: "space-y-2" }, [
									createVNode("label", {
										for: "service_charge_percentage",
										class: "text-sm font-medium text-slate-700 dark:text-slate-300"
									}, " Service Charge (%) "),
									withDirectives(createVNode("input", {
										id: "service_charge_percentage",
										"onUpdate:modelValue": ($event) => unref(form).service_charge_percentage = $event,
										type: "number",
										step: "0.01",
										min: "0",
										max: "100",
										class: "w-full px-3.5 py-2 rounded-lg border border-slate-200 dark:border-slate-800 bg-transparent text-sm text-slate-900 dark:text-slate-100 focus:outline-none focus:ring-2 focus:ring-red-500/20 focus:border-red-500 transition-all",
										placeholder: "e.g. 5"
									}, null, 8, ["onUpdate:modelValue"]), [[vModelText, unref(form).service_charge_percentage]]),
									unref(form).errors.service_charge_percentage ? (openBlock(), createBlock("p", {
										key: 0,
										class: "text-xs text-rose-600 mt-1 flex items-center gap-1.5"
									}, [createVNode(unref(AlertCircle), { class: "h-3.5 w-3.5" }), createTextVNode(" " + toDisplayString(unref(form).errors.service_charge_percentage), 1)])) : createCommentVNode("", true)
								])])
							])]),
							createVNode("div", { class: "bg-white dark:bg-slate-950 border border-slate-200 dark:border-slate-800 rounded-xl p-6 shadow-sm space-y-6" }, [
								createVNode("h2", { class: "text-md font-semibold text-slate-900 dark:text-slate-100 border-b border-slate-100 dark:border-slate-900 pb-3" }, " Visual Identity Assets "),
								createVNode("div", { class: "grid grid-cols-1 md:grid-cols-2 gap-8" }, [createVNode("div", { class: "space-y-3" }, [
									createVNode("label", { class: "text-sm font-medium text-slate-700 dark:text-slate-300" }, "Site Logo"),
									createVNode("div", { class: "h-40 w-full rounded-lg border border-dashed border-slate-200 dark:border-slate-800 flex items-center justify-center bg-slate-50/50 dark:bg-slate-900/30 overflow-hidden relative group" }, [logoPreview.value ? (openBlock(), createBlock("img", {
										key: 0,
										src: logoPreview.value,
										alt: "Logo Preview",
										class: "max-h-24 max-w-full object-contain p-2"
									}, null, 8, ["src"])) : (openBlock(), createBlock("div", {
										key: 1,
										class: "text-center p-4"
									}, [createVNode(unref(UploadCloud), { class: "h-8 w-8 text-slate-400 mx-auto" }), createVNode("span", { class: "text-xs text-slate-400 mt-2 block" }, "No Logo Configured")]))]),
									createVNode("div", { class: "relative" }, [createVNode("input", {
										type: "file",
										id: "site_logo",
										accept: "image/*",
										class: "hidden",
										onChange: handleLogoChange
									}, null, 32), createVNode("label", {
										for: "site_logo",
										class: "inline-flex w-full items-center justify-center gap-2 px-3 py-2 rounded-lg border border-slate-200 dark:border-slate-800 hover:bg-slate-50 dark:hover:bg-slate-900 text-xs font-semibold text-slate-700 dark:text-slate-300 transition-colors cursor-pointer"
									}, " Choose Logo File ")]),
									unref(form).errors.site_logo ? (openBlock(), createBlock("p", {
										key: 0,
										class: "text-xs text-rose-600 mt-1 flex items-center gap-1.5"
									}, [createVNode(unref(AlertCircle), { class: "h-3.5 w-3.5" }), createTextVNode(" " + toDisplayString(unref(form).errors.site_logo), 1)])) : createCommentVNode("", true)
								]), createVNode("div", { class: "space-y-3" }, [
									createVNode("label", { class: "text-sm font-medium text-slate-700 dark:text-slate-300" }, "Site Favicon"),
									createVNode("div", { class: "h-40 w-full rounded-lg border border-dashed border-slate-200 dark:border-slate-800 flex items-center justify-center bg-slate-50/50 dark:bg-slate-900/30 overflow-hidden relative group" }, [faviconPreview.value ? (openBlock(), createBlock("img", {
										key: 0,
										src: faviconPreview.value,
										alt: "Favicon Preview",
										class: "h-12 w-12 object-contain p-1 rounded bg-white dark:bg-slate-800 shadow border border-slate-100 dark:border-slate-700"
									}, null, 8, ["src"])) : (openBlock(), createBlock("div", {
										key: 1,
										class: "text-center p-4"
									}, [createVNode(unref(UploadCloud), { class: "h-8 w-8 text-slate-400 mx-auto" }), createVNode("span", { class: "text-xs text-slate-400 mt-2 block" }, "No Favicon Configured")]))]),
									createVNode("div", { class: "relative" }, [createVNode("input", {
										type: "file",
										id: "site_favicon",
										accept: ".ico,image/*",
										class: "hidden",
										onChange: handleFaviconChange
									}, null, 32), createVNode("label", {
										for: "site_favicon",
										class: "inline-flex w-full items-center justify-center gap-2 px-3 py-2 rounded-lg border border-slate-200 dark:border-slate-800 hover:bg-slate-50 dark:hover:bg-slate-900 text-xs font-semibold text-slate-700 dark:text-slate-300 transition-colors cursor-pointer"
									}, " Choose Favicon File ")]),
									unref(form).errors.site_favicon ? (openBlock(), createBlock("p", {
										key: 0,
										class: "text-xs text-rose-600 mt-1 flex items-center gap-1.5"
									}, [createVNode(unref(AlertCircle), { class: "h-3.5 w-3.5" }), createTextVNode(" " + toDisplayString(unref(form).errors.site_favicon), 1)])) : createCommentVNode("", true)
								])]),
								unref(form).progress ? (openBlock(), createBlock("div", {
									key: 0,
									class: "w-full bg-slate-100 dark:bg-slate-900 rounded-full h-2 overflow-hidden mt-4"
								}, [createVNode("div", {
									class: "bg-red-600 dark:bg-red-500 h-full rounded-full transition-all duration-150",
									style: { width: unref(form).progress.percentage + "%" }
								}, null, 4)])) : createCommentVNode("", true)
							]),
							createVNode("div", { class: "flex items-center justify-end gap-3" }, [createVNode("button", {
								type: "submit",
								disabled: unref(form).processing,
								class: "inline-flex items-center gap-2 px-4 py-2 bg-red-600 hover:bg-red-500 text-white rounded-lg text-sm font-semibold shadow-sm focus:outline-none focus:ring-2 focus:ring-red-500/20 disabled:opacity-50 transition-all cursor-pointer"
							}, [createVNode(unref(Save), { class: "h-4 w-4" }), createVNode("span", null, toDisplayString(unref(form).processing ? "Saving Settings..." : "Save Settings"), 1)], 8, ["disabled"])])
						], 32)])
					];
				}),
				_: 1
			}, _parent));
		};
	}
});
//#endregion
//#region resources/js/Pages/Settings/Edit.vue
var _sfc_setup = Edit_vue_vue_type_script_setup_true_lang_default.setup;
Edit_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Pages/Settings/Edit.vue");
	return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
var Edit_default = Edit_vue_vue_type_script_setup_true_lang_default;
//#endregion
export { Edit_default as default };
