import { a as usePage, i as useForm, n as head_default, o as vue_exports, s as router } from "../ssr.js";
import { n as server_renderer_exports, t } from "./i18n-CXLOYfyq.js";
import { t as AdminLayout_default } from "./AdminLayout-BLq37u6l.js";
//#region resources/js/Pages/Admin/Email.vue?vue&type=script&setup=true&lang.ts
var Email_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue_exports.defineComponent)({
	__name: "Email",
	__ssrInlineRender: true,
	props: { values: {} },
	setup(__props) {
		const props = __props;
		const page = usePage();
		const mailTest = (0, vue_exports.computed)(() => page.props.flash?.mailTest ?? null);
		const form = useForm({
			transport: props.values.transport || "sendmail",
			from_address: props.values.from_address ?? "",
			from_name: props.values.from_name ?? "",
			smtp_host: props.values.smtp_host ?? "",
			smtp_port: props.values.smtp_port ?? 587,
			smtp_username: props.values.smtp_username ?? "",
			smtp_password: "",
			smtp_encryption: props.values.smtp_encryption || "tls"
		});
		function save() {
			form.post("/admin/email", { preserveScroll: true });
		}
		const testTo = (0, vue_exports.ref)(props.values.from_address ?? "");
		const sending = (0, vue_exports.ref)(false);
		function sendTest() {
			if (!testTo.value) return;
			sending.value = true;
			router.post("/admin/email/test", { email: testTo.value }, {
				preserveScroll: true,
				onFinish: () => sending.value = false
			});
		}
		return (_ctx, _push, _parent, _attrs) => {
			_push(`<!--[-->`);
			_push((0, server_renderer_exports.ssrRenderComponent)((0, vue_exports.unref)(head_default), { title: (0, vue_exports.unref)(t)("Admin · Email") }, null, _parent));
			_push((0, server_renderer_exports.ssrRenderComponent)(AdminLayout_default, null, {
				title: (0, vue_exports.withCtx)((_, _push, _parent, _scopeId) => {
					if (_push) _push(`${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Email"))}`);
					else return [(0, vue_exports.createTextVNode)((0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Email")), 1)];
				}),
				subtitle: (0, vue_exports.withCtx)((_, _push, _parent, _scopeId) => {
					if (_push) _push(`${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("How your community sends mail — notifications, digests, password resets"))}`);
					else return [(0, vue_exports.createTextVNode)((0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("How your community sends mail — notifications, digests, password resets")), 1)];
				}),
				default: (0, vue_exports.withCtx)((_, _push, _parent, _scopeId) => {
					if (_push) {
						_push(`<form class="max-w-2xl space-y-6"${_scopeId}><div class="rounded-2xl border border-line bg-surface p-6 space-y-5"${_scopeId}><h2 class="text-sm font-bold uppercase tracking-wide text-ink-2"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Sending method"))}</h2><div class="grid gap-3 sm:grid-cols-2"${_scopeId}><label class="${(0, server_renderer_exports.ssrRenderClass)([(0, vue_exports.unref)(form).transport === "sendmail" ? "border-indigo-500 bg-indigo-500/10" : "border-line hover:border-line", "flex cursor-pointer items-start gap-3 rounded-xl border p-4"])}"${_scopeId}><input${(0, server_renderer_exports.ssrIncludeBooleanAttr)((0, server_renderer_exports.ssrLooseEqual)((0, vue_exports.unref)(form).transport, "sendmail")) ? " checked" : ""} type="radio" value="sendmail" class="mt-0.5 text-indigo-500 focus:ring-indigo-500"${_scopeId}><span${_scopeId}><span class="block text-sm font-semibold text-ink"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Server mail (PHP)"))}</span><span class="block text-xs text-ink-2"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Uses the host's built-in sendmail/PHP mail. No setup — works on most shared hosting."))}</span></span></label><label class="${(0, server_renderer_exports.ssrRenderClass)([(0, vue_exports.unref)(form).transport === "smtp" ? "border-indigo-500 bg-indigo-500/10" : "border-line hover:border-line", "flex cursor-pointer items-start gap-3 rounded-xl border p-4"])}"${_scopeId}><input${(0, server_renderer_exports.ssrIncludeBooleanAttr)((0, server_renderer_exports.ssrLooseEqual)((0, vue_exports.unref)(form).transport, "smtp")) ? " checked" : ""} type="radio" value="smtp" class="mt-0.5 text-indigo-500 focus:ring-indigo-500"${_scopeId}><span${_scopeId}><span class="block text-sm font-semibold text-ink"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("SMTP"))}</span><span class="block text-xs text-ink-2"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Send through a mail provider (Gmail, Mailgun, SES, Postmark…). More reliable deliverability."))}</span></span></label></div></div><div class="rounded-2xl border border-line bg-surface p-6 space-y-5"${_scopeId}><h2 class="text-sm font-bold uppercase tracking-wide text-ink-2"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("From address"))}</h2><div class="grid gap-4 sm:grid-cols-2"${_scopeId}><div${_scopeId}><label class="block text-sm font-medium text-ink-2"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("From email"))}</label><input${(0, server_renderer_exports.ssrRenderAttr)("value", (0, vue_exports.unref)(form).from_address)} type="email" placeholder="community@example.com" class="mt-1.5 w-full rounded-lg border-line bg-appbg text-ink focus:border-indigo-500 focus:ring-indigo-500"${_scopeId}>`);
						if ((0, vue_exports.unref)(form).errors.from_address) _push(`<p class="mt-1 text-xs text-red-400"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(form).errors.from_address)}</p>`);
						else _push(`<!---->`);
						_push(`</div><div${_scopeId}><label class="block text-sm font-medium text-ink-2"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("From name"))}</label><input${(0, server_renderer_exports.ssrRenderAttr)("value", (0, vue_exports.unref)(form).from_name)} type="text"${(0, server_renderer_exports.ssrRenderAttr)("placeholder", (0, vue_exports.unref)(t)("(defaults to community name)"))} class="mt-1.5 w-full rounded-lg border-line bg-appbg text-ink focus:border-indigo-500 focus:ring-indigo-500"${_scopeId}></div></div></div>`);
						if ((0, vue_exports.unref)(form).transport === "smtp") _push(`<div class="rounded-2xl border border-line bg-surface p-6 space-y-5"${_scopeId}><h2 class="text-sm font-bold uppercase tracking-wide text-ink-2"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("SMTP server"))}</h2><div class="grid gap-4 sm:grid-cols-3"${_scopeId}><div class="sm:col-span-2"${_scopeId}><label class="block text-sm font-medium text-ink-2"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Host"))}</label><input${(0, server_renderer_exports.ssrRenderAttr)("value", (0, vue_exports.unref)(form).smtp_host)} type="text" placeholder="smtp.example.com" class="mt-1.5 w-full rounded-lg border-line bg-appbg text-ink focus:border-indigo-500 focus:ring-indigo-500"${_scopeId}></div><div${_scopeId}><label class="block text-sm font-medium text-ink-2"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Port"))}</label><input${(0, server_renderer_exports.ssrRenderAttr)("value", (0, vue_exports.unref)(form).smtp_port)} type="number" min="1" max="65535" class="mt-1.5 w-full rounded-lg border-line bg-appbg text-ink focus:border-indigo-500 focus:ring-indigo-500"${_scopeId}></div></div><div class="grid gap-4 sm:grid-cols-2"${_scopeId}><div${_scopeId}><label class="block text-sm font-medium text-ink-2"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Username"))}</label><input${(0, server_renderer_exports.ssrRenderAttr)("value", (0, vue_exports.unref)(form).smtp_username)} type="text" autocomplete="off" class="mt-1.5 w-full rounded-lg border-line bg-appbg text-ink focus:border-indigo-500 focus:ring-indigo-500"${_scopeId}></div><div${_scopeId}><label class="block text-sm font-medium text-ink-2"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Password"))}</label><input${(0, server_renderer_exports.ssrRenderAttr)("value", (0, vue_exports.unref)(form).smtp_password)} type="password" autocomplete="new-password"${(0, server_renderer_exports.ssrRenderAttr)("placeholder", props.values.smtp_password_set ? (0, vue_exports.unref)(t)("•••••••• (leave blank to keep)") : "")} class="mt-1.5 w-full rounded-lg border-line bg-appbg text-ink focus:border-indigo-500 focus:ring-indigo-500"${_scopeId}></div></div><div${_scopeId}><label class="block text-sm font-medium text-ink-2"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Encryption"))}</label><select class="mt-1.5 w-full rounded-lg border-line bg-appbg text-ink focus:border-indigo-500 focus:ring-indigo-500"${_scopeId}><option value="tls"${(0, server_renderer_exports.ssrIncludeBooleanAttr)(Array.isArray((0, vue_exports.unref)(form).smtp_encryption) ? (0, server_renderer_exports.ssrLooseContain)((0, vue_exports.unref)(form).smtp_encryption, "tls") : (0, server_renderer_exports.ssrLooseEqual)((0, vue_exports.unref)(form).smtp_encryption, "tls")) ? " selected" : ""}${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("TLS / STARTTLS (port 587)"))}</option><option value="ssl"${(0, server_renderer_exports.ssrIncludeBooleanAttr)(Array.isArray((0, vue_exports.unref)(form).smtp_encryption) ? (0, server_renderer_exports.ssrLooseContain)((0, vue_exports.unref)(form).smtp_encryption, "ssl") : (0, server_renderer_exports.ssrLooseEqual)((0, vue_exports.unref)(form).smtp_encryption, "ssl")) ? " selected" : ""}${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("SSL (port 465)"))}</option><option value="none"${(0, server_renderer_exports.ssrIncludeBooleanAttr)(Array.isArray((0, vue_exports.unref)(form).smtp_encryption) ? (0, server_renderer_exports.ssrLooseContain)((0, vue_exports.unref)(form).smtp_encryption, "none") : (0, server_renderer_exports.ssrLooseEqual)((0, vue_exports.unref)(form).smtp_encryption, "none")) ? " selected" : ""}${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("None"))}</option></select></div></div>`);
						else _push(`<!---->`);
						_push(`<div class="flex items-center gap-3"${_scopeId}><button type="submit"${(0, server_renderer_exports.ssrIncludeBooleanAttr)((0, vue_exports.unref)(form).processing) ? " disabled" : ""} class="rounded-lg bg-indigo-500 px-4 py-2 text-sm font-semibold text-white hover:bg-indigo-600 disabled:opacity-60"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Save changes"))}</button>`);
						if ((0, vue_exports.unref)(form).recentlySuccessful) _push(`<span class="text-sm text-emerald-400"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Saved."))}</span>`);
						else _push(`<!---->`);
						_push(`</div></form><div class="mt-8 max-w-2xl rounded-2xl border border-line bg-surface p-6"${_scopeId}><h2 class="text-sm font-bold uppercase tracking-wide text-ink-2"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Send a test email"))}</h2><p class="mt-1 text-xs text-ink-muted"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Save your settings first, then send a test to confirm mail is going out."))}</p><div class="mt-3 flex flex-wrap items-center gap-3"${_scopeId}><input${(0, server_renderer_exports.ssrRenderAttr)("value", testTo.value)} type="email" placeholder="you@example.com" class="w-64 rounded-lg border-line bg-appbg text-ink focus:border-indigo-500 focus:ring-indigo-500"${_scopeId}><button type="button"${(0, server_renderer_exports.ssrIncludeBooleanAttr)(sending.value || !testTo.value) ? " disabled" : ""} class="rounded-lg border border-line px-4 py-2 text-sm font-semibold text-ink hover:bg-surface-2 disabled:opacity-60"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)(sending.value ? (0, vue_exports.unref)(t)("Sending…") : (0, vue_exports.unref)(t)("Send test"))}</button></div>`);
						if (mailTest.value) _push(`<p class="${(0, server_renderer_exports.ssrRenderClass)([mailTest.value.ok ? "text-emerald-400" : "text-red-400", "mt-3 text-sm"])}"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)(mailTest.value.message)}</p>`);
						else _push(`<!---->`);
						_push(`</div>`);
					} else return [(0, vue_exports.createVNode)("form", {
						class: "max-w-2xl space-y-6",
						onSubmit: (0, vue_exports.withModifiers)(save, ["prevent"])
					}, [
						(0, vue_exports.createVNode)("div", { class: "rounded-2xl border border-line bg-surface p-6 space-y-5" }, [(0, vue_exports.createVNode)("h2", { class: "text-sm font-bold uppercase tracking-wide text-ink-2" }, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Sending method")), 1), (0, vue_exports.createVNode)("div", { class: "grid gap-3 sm:grid-cols-2" }, [(0, vue_exports.createVNode)("label", { class: ["flex cursor-pointer items-start gap-3 rounded-xl border p-4", (0, vue_exports.unref)(form).transport === "sendmail" ? "border-indigo-500 bg-indigo-500/10" : "border-line hover:border-line"] }, [(0, vue_exports.withDirectives)((0, vue_exports.createVNode)("input", {
							"onUpdate:modelValue": ($event) => (0, vue_exports.unref)(form).transport = $event,
							type: "radio",
							value: "sendmail",
							class: "mt-0.5 text-indigo-500 focus:ring-indigo-500"
						}, null, 8, ["onUpdate:modelValue"]), [[vue_exports.vModelRadio, (0, vue_exports.unref)(form).transport]]), (0, vue_exports.createVNode)("span", null, [(0, vue_exports.createVNode)("span", { class: "block text-sm font-semibold text-ink" }, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Server mail (PHP)")), 1), (0, vue_exports.createVNode)("span", { class: "block text-xs text-ink-2" }, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Uses the host's built-in sendmail/PHP mail. No setup — works on most shared hosting.")), 1)])], 2), (0, vue_exports.createVNode)("label", { class: ["flex cursor-pointer items-start gap-3 rounded-xl border p-4", (0, vue_exports.unref)(form).transport === "smtp" ? "border-indigo-500 bg-indigo-500/10" : "border-line hover:border-line"] }, [(0, vue_exports.withDirectives)((0, vue_exports.createVNode)("input", {
							"onUpdate:modelValue": ($event) => (0, vue_exports.unref)(form).transport = $event,
							type: "radio",
							value: "smtp",
							class: "mt-0.5 text-indigo-500 focus:ring-indigo-500"
						}, null, 8, ["onUpdate:modelValue"]), [[vue_exports.vModelRadio, (0, vue_exports.unref)(form).transport]]), (0, vue_exports.createVNode)("span", null, [(0, vue_exports.createVNode)("span", { class: "block text-sm font-semibold text-ink" }, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("SMTP")), 1), (0, vue_exports.createVNode)("span", { class: "block text-xs text-ink-2" }, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Send through a mail provider (Gmail, Mailgun, SES, Postmark…). More reliable deliverability.")), 1)])], 2)])]),
						(0, vue_exports.createVNode)("div", { class: "rounded-2xl border border-line bg-surface p-6 space-y-5" }, [(0, vue_exports.createVNode)("h2", { class: "text-sm font-bold uppercase tracking-wide text-ink-2" }, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("From address")), 1), (0, vue_exports.createVNode)("div", { class: "grid gap-4 sm:grid-cols-2" }, [(0, vue_exports.createVNode)("div", null, [
							(0, vue_exports.createVNode)("label", { class: "block text-sm font-medium text-ink-2" }, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("From email")), 1),
							(0, vue_exports.withDirectives)((0, vue_exports.createVNode)("input", {
								"onUpdate:modelValue": ($event) => (0, vue_exports.unref)(form).from_address = $event,
								type: "email",
								placeholder: "community@example.com",
								class: "mt-1.5 w-full rounded-lg border-line bg-appbg text-ink focus:border-indigo-500 focus:ring-indigo-500"
							}, null, 8, ["onUpdate:modelValue"]), [[vue_exports.vModelText, (0, vue_exports.unref)(form).from_address]]),
							(0, vue_exports.unref)(form).errors.from_address ? ((0, vue_exports.openBlock)(), (0, vue_exports.createBlock)("p", {
								key: 0,
								class: "mt-1 text-xs text-red-400"
							}, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(form).errors.from_address), 1)) : (0, vue_exports.createCommentVNode)("", true)
						]), (0, vue_exports.createVNode)("div", null, [(0, vue_exports.createVNode)("label", { class: "block text-sm font-medium text-ink-2" }, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("From name")), 1), (0, vue_exports.withDirectives)((0, vue_exports.createVNode)("input", {
							"onUpdate:modelValue": ($event) => (0, vue_exports.unref)(form).from_name = $event,
							type: "text",
							placeholder: (0, vue_exports.unref)(t)("(defaults to community name)"),
							class: "mt-1.5 w-full rounded-lg border-line bg-appbg text-ink focus:border-indigo-500 focus:ring-indigo-500"
						}, null, 8, ["onUpdate:modelValue", "placeholder"]), [[vue_exports.vModelText, (0, vue_exports.unref)(form).from_name]])])])]),
						(0, vue_exports.unref)(form).transport === "smtp" ? ((0, vue_exports.openBlock)(), (0, vue_exports.createBlock)("div", {
							key: 0,
							class: "rounded-2xl border border-line bg-surface p-6 space-y-5"
						}, [
							(0, vue_exports.createVNode)("h2", { class: "text-sm font-bold uppercase tracking-wide text-ink-2" }, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("SMTP server")), 1),
							(0, vue_exports.createVNode)("div", { class: "grid gap-4 sm:grid-cols-3" }, [(0, vue_exports.createVNode)("div", { class: "sm:col-span-2" }, [(0, vue_exports.createVNode)("label", { class: "block text-sm font-medium text-ink-2" }, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Host")), 1), (0, vue_exports.withDirectives)((0, vue_exports.createVNode)("input", {
								"onUpdate:modelValue": ($event) => (0, vue_exports.unref)(form).smtp_host = $event,
								type: "text",
								placeholder: "smtp.example.com",
								class: "mt-1.5 w-full rounded-lg border-line bg-appbg text-ink focus:border-indigo-500 focus:ring-indigo-500"
							}, null, 8, ["onUpdate:modelValue"]), [[vue_exports.vModelText, (0, vue_exports.unref)(form).smtp_host]])]), (0, vue_exports.createVNode)("div", null, [(0, vue_exports.createVNode)("label", { class: "block text-sm font-medium text-ink-2" }, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Port")), 1), (0, vue_exports.withDirectives)((0, vue_exports.createVNode)("input", {
								"onUpdate:modelValue": ($event) => (0, vue_exports.unref)(form).smtp_port = $event,
								type: "number",
								min: "1",
								max: "65535",
								class: "mt-1.5 w-full rounded-lg border-line bg-appbg text-ink focus:border-indigo-500 focus:ring-indigo-500"
							}, null, 8, ["onUpdate:modelValue"]), [[
								vue_exports.vModelText,
								(0, vue_exports.unref)(form).smtp_port,
								void 0,
								{ number: true }
							]])])]),
							(0, vue_exports.createVNode)("div", { class: "grid gap-4 sm:grid-cols-2" }, [(0, vue_exports.createVNode)("div", null, [(0, vue_exports.createVNode)("label", { class: "block text-sm font-medium text-ink-2" }, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Username")), 1), (0, vue_exports.withDirectives)((0, vue_exports.createVNode)("input", {
								"onUpdate:modelValue": ($event) => (0, vue_exports.unref)(form).smtp_username = $event,
								type: "text",
								autocomplete: "off",
								class: "mt-1.5 w-full rounded-lg border-line bg-appbg text-ink focus:border-indigo-500 focus:ring-indigo-500"
							}, null, 8, ["onUpdate:modelValue"]), [[vue_exports.vModelText, (0, vue_exports.unref)(form).smtp_username]])]), (0, vue_exports.createVNode)("div", null, [(0, vue_exports.createVNode)("label", { class: "block text-sm font-medium text-ink-2" }, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Password")), 1), (0, vue_exports.withDirectives)((0, vue_exports.createVNode)("input", {
								"onUpdate:modelValue": ($event) => (0, vue_exports.unref)(form).smtp_password = $event,
								type: "password",
								autocomplete: "new-password",
								placeholder: props.values.smtp_password_set ? (0, vue_exports.unref)(t)("•••••••• (leave blank to keep)") : "",
								class: "mt-1.5 w-full rounded-lg border-line bg-appbg text-ink focus:border-indigo-500 focus:ring-indigo-500"
							}, null, 8, ["onUpdate:modelValue", "placeholder"]), [[vue_exports.vModelText, (0, vue_exports.unref)(form).smtp_password]])])]),
							(0, vue_exports.createVNode)("div", null, [(0, vue_exports.createVNode)("label", { class: "block text-sm font-medium text-ink-2" }, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Encryption")), 1), (0, vue_exports.withDirectives)((0, vue_exports.createVNode)("select", {
								"onUpdate:modelValue": ($event) => (0, vue_exports.unref)(form).smtp_encryption = $event,
								class: "mt-1.5 w-full rounded-lg border-line bg-appbg text-ink focus:border-indigo-500 focus:ring-indigo-500"
							}, [
								(0, vue_exports.createVNode)("option", { value: "tls" }, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("TLS / STARTTLS (port 587)")), 1),
								(0, vue_exports.createVNode)("option", { value: "ssl" }, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("SSL (port 465)")), 1),
								(0, vue_exports.createVNode)("option", { value: "none" }, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("None")), 1)
							], 8, ["onUpdate:modelValue"]), [[vue_exports.vModelSelect, (0, vue_exports.unref)(form).smtp_encryption]])])
						])) : (0, vue_exports.createCommentVNode)("", true),
						(0, vue_exports.createVNode)("div", { class: "flex items-center gap-3" }, [(0, vue_exports.createVNode)("button", {
							type: "submit",
							disabled: (0, vue_exports.unref)(form).processing,
							class: "rounded-lg bg-indigo-500 px-4 py-2 text-sm font-semibold text-white hover:bg-indigo-600 disabled:opacity-60"
						}, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Save changes")), 9, ["disabled"]), (0, vue_exports.unref)(form).recentlySuccessful ? ((0, vue_exports.openBlock)(), (0, vue_exports.createBlock)("span", {
							key: 0,
							class: "text-sm text-emerald-400"
						}, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Saved.")), 1)) : (0, vue_exports.createCommentVNode)("", true)])
					], 32), (0, vue_exports.createVNode)("div", { class: "mt-8 max-w-2xl rounded-2xl border border-line bg-surface p-6" }, [
						(0, vue_exports.createVNode)("h2", { class: "text-sm font-bold uppercase tracking-wide text-ink-2" }, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Send a test email")), 1),
						(0, vue_exports.createVNode)("p", { class: "mt-1 text-xs text-ink-muted" }, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Save your settings first, then send a test to confirm mail is going out.")), 1),
						(0, vue_exports.createVNode)("div", { class: "mt-3 flex flex-wrap items-center gap-3" }, [(0, vue_exports.withDirectives)((0, vue_exports.createVNode)("input", {
							"onUpdate:modelValue": ($event) => testTo.value = $event,
							type: "email",
							placeholder: "you@example.com",
							class: "w-64 rounded-lg border-line bg-appbg text-ink focus:border-indigo-500 focus:ring-indigo-500"
						}, null, 8, ["onUpdate:modelValue"]), [[vue_exports.vModelText, testTo.value]]), (0, vue_exports.createVNode)("button", {
							type: "button",
							disabled: sending.value || !testTo.value,
							onClick: sendTest,
							class: "rounded-lg border border-line px-4 py-2 text-sm font-semibold text-ink hover:bg-surface-2 disabled:opacity-60"
						}, (0, vue_exports.toDisplayString)(sending.value ? (0, vue_exports.unref)(t)("Sending…") : (0, vue_exports.unref)(t)("Send test")), 9, ["disabled"])]),
						mailTest.value ? ((0, vue_exports.openBlock)(), (0, vue_exports.createBlock)("p", {
							key: 0,
							class: ["mt-3 text-sm", mailTest.value.ok ? "text-emerald-400" : "text-red-400"]
						}, (0, vue_exports.toDisplayString)(mailTest.value.message), 3)) : (0, vue_exports.createCommentVNode)("", true)
					])];
				}),
				_: 1
			}, _parent));
			_push(`<!--]-->`);
		};
	}
});
//#endregion
//#region resources/js/Pages/Admin/Email.vue
var _sfc_setup = Email_vue_vue_type_script_setup_true_lang_default.setup;
Email_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
	const ssrContext = (0, vue_exports.useSSRContext)();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Pages/Admin/Email.vue");
	return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
var Email_default = Email_vue_vue_type_script_setup_true_lang_default;
//#endregion
export { Email_default as default };
