import { a as usePage, i as useForm, n as head_default, o as vue_exports, r as link_default, s as router } from "../ssr.js";
import { n as server_renderer_exports, t } from "./i18n-CXLOYfyq.js";
import { t as AppLayout_default } from "./AppLayout-Cibl7rtt.js";
//#region resources/js/Pages/PanelManage.vue?vue&type=script&setup=true&lang.ts
var PanelManage_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue_exports.defineComponent)({
	__name: "PanelManage",
	__ssrInlineRender: true,
	props: {
		community: {},
		usage: {}
	},
	setup(__props) {
		const props = __props;
		const form = useForm({ name: props.community.name });
		function save() {
			form.put(`/panel/communities/${props.community.id}`, { preserveScroll: true });
		}
		const confirming = (0, vue_exports.ref)(false);
		const confirmName = (0, vue_exports.ref)("");
		function del() {
			router.delete(`/panel/communities/${props.community.id}`);
		}
		function open() {
			router.post(`/panel/communities/${props.community.id}/enter`);
		}
		const flash = (0, vue_exports.computed)(() => usePage().props.flash?.status);
		const admins = (0, vue_exports.computed)(() => props.usage?.admins ?? []);
		return (_ctx, _push, _parent, _attrs) => {
			_push(`<!--[-->`);
			_push((0, server_renderer_exports.ssrRenderComponent)((0, vue_exports.unref)(head_default), { title: (0, vue_exports.unref)(t)("Manage") + " · " + __props.community.name }, null, _parent));
			_push((0, server_renderer_exports.ssrRenderComponent)(AppLayout_default, null, {
				default: (0, vue_exports.withCtx)((_, _push, _parent, _scopeId) => {
					if (_push) {
						_push(`<div class="mx-auto max-w-2xl"${_scopeId}>`);
						_push((0, server_renderer_exports.ssrRenderComponent)((0, vue_exports.unref)(link_default), {
							href: "/panel",
							class: "inline-flex items-center gap-1 text-sm text-ink-2 hover:text-ink"
						}, {
							default: (0, vue_exports.withCtx)((_, _push, _parent, _scopeId) => {
								if (_push) _push(`← ${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Back to communities"))}`);
								else return [(0, vue_exports.createTextVNode)("← " + (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Back to communities")), 1)];
							}),
							_: 1
						}, _parent, _scopeId));
						_push(`<div class="mt-3 flex flex-wrap items-start gap-3"${_scopeId}><div class="grid h-10 w-10 shrink-0 place-items-center rounded-[10px] bg-primary/15 text-primary text-lg"${_scopeId}>🛠️</div><div class="min-w-[160px] flex-1"${_scopeId}><div class="flex flex-wrap items-center gap-2"${_scopeId}><h1 class="text-2xl font-black tracking-tight"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)(__props.community.name)}</h1><span class="${(0, server_renderer_exports.ssrRenderClass)([__props.community.status === "active" ? "bg-emerald-500/15 text-emerald-600 dark:text-emerald-400" : "bg-amber-500/15 text-amber-600", "rounded px-2 py-0.5 text-[11px] font-bold uppercase"])}"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)(__props.community.status)}</span></div><p class="mt-0.5 font-mono text-sm text-primary"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)(__props.community.slug)}.hosting.convoro.co</p></div>`);
						if (__props.community.status === "active") _push(`<button type="button" class="rounded-lg bg-primary px-4 py-2 text-sm font-semibold text-white hover:bg-primary-600"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Open community"))} ↗</button>`);
						else _push(`<!---->`);
						_push(`</div>`);
						if (flash.value) _push(`<div class="mt-4 rounded-lg border border-primary/30 bg-primary/[0.06] px-4 py-2.5 text-sm font-medium text-ink"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)(flash.value)}</div>`);
						else _push(`<!---->`);
						_push(`<p class="mb-2 mt-6 text-sm font-semibold text-ink-2"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("General"))}</p><div class="rounded-c border border-line bg-surface p-5"${_scopeId}><label class="mb-1 block text-sm text-ink-2"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Community name"))}</label><input${(0, server_renderer_exports.ssrRenderAttr)("value", (0, vue_exports.unref)(form).name)} type="text" maxlength="60" class="w-full rounded-lg border-line bg-surface-2 text-ink focus:border-primary focus:ring-primary"${_scopeId}>`);
						if ((0, vue_exports.unref)(form).errors.name) _push(`<p class="mt-1 text-sm text-red-500"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(form).errors.name)}</p>`);
						else _push(`<!---->`);
						_push(`<label class="mb-1 mt-4 block text-sm text-ink-2"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Subdomain"))}</label><div class="flex items-center gap-1.5"${_scopeId}><input${(0, server_renderer_exports.ssrRenderAttr)("value", __props.community.slug)} type="text" disabled class="w-32 rounded-lg border-line bg-surface-2 text-ink-muted"${_scopeId}><span class="font-mono text-sm text-ink-muted"${_scopeId}>.hosting.convoro.co</span></div><div class="mt-4 flex justify-end border-t border-line pt-4"${_scopeId}><button type="button"${(0, server_renderer_exports.ssrIncludeBooleanAttr)((0, vue_exports.unref)(form).processing) ? " disabled" : ""} class="rounded-lg bg-primary px-4 py-2 text-sm font-semibold text-white hover:bg-primary-600 disabled:opacity-50"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(form).processing ? (0, vue_exports.unref)(t)("Saving…") : (0, vue_exports.unref)(t)("Save changes"))}</button></div></div><p class="mb-2 mt-6 text-sm font-semibold text-ink-2"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Plan & usage"))}</p><div class="rounded-c border border-line bg-surface p-5"${_scopeId}><div class="mb-3 flex flex-wrap items-center justify-between gap-2"${_scopeId}><p class="text-ink"${_scopeId}><span class="font-semibold"${_scopeId}>Pro</span><span class="text-ink-2"${_scopeId}> · \$49/mo</span></p>`);
						_push((0, server_renderer_exports.ssrRenderComponent)((0, vue_exports.unref)(link_default), {
							href: "/panel/order",
							class: "rounded-lg border border-line bg-surface px-3 py-1.5 text-sm font-semibold text-ink-2 hover:bg-surface-2"
						}, {
							default: (0, vue_exports.withCtx)((_, _push, _parent, _scopeId) => {
								if (_push) _push(`${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Change plan"))}`);
								else return [(0, vue_exports.createTextVNode)((0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Change plan")), 1)];
							}),
							_: 1
						}, _parent, _scopeId));
						_push(`</div><div class="grid gap-4 sm:grid-cols-2"${_scopeId}><div${_scopeId}><div class="mb-1.5 flex justify-between text-sm text-ink-2"${_scopeId}><span${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Members"))}</span><span${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)(__props.usage.users ?? 0)} / 5,000</span></div><div class="h-1.5 overflow-hidden rounded-full bg-surface-2"${_scopeId}><div class="h-full bg-primary" style="${(0, server_renderer_exports.ssrRenderStyle)({ width: Math.min(100, (__props.usage.users ?? 0) / 5e3 * 100) + "%" })}"${_scopeId}></div></div></div><div${_scopeId}><div class="mb-1.5 flex justify-between text-sm text-ink-2"${_scopeId}><span${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Categories"))}</span><span${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)(__props.usage.categories ?? 0)}</span></div><div class="h-1.5 overflow-hidden rounded-full bg-surface-2"${_scopeId}><div class="h-full bg-primary" style="${(0, server_renderer_exports.ssrRenderStyle)({ "width": "25%" })}"${_scopeId}></div></div></div></div></div><p class="mb-2 mt-6 text-sm font-semibold text-ink-2"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Admins"))}</p><div class="rounded-c border border-line bg-surface p-5"${_scopeId}><!--[-->`);
						(0, server_renderer_exports.ssrRenderList)(admins.value, (a) => {
							_push(`<div class="flex items-center gap-3"${_scopeId}><div class="grid h-9 w-9 place-items-center rounded-full bg-primary/15 text-sm font-semibold text-primary"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)(a.slice(0, 2).toUpperCase())}</div><div${_scopeId}><p class="text-sm font-semibold text-ink"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)(a)} <span class="ml-1 rounded bg-primary/15 px-1.5 py-0.5 text-[10px] font-bold uppercase text-primary"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("owner"))}</span></p><p class="text-xs text-ink-2"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("via Convoro account"))}</p></div></div>`);
						});
						_push(`<!--]-->`);
						if (!admins.value.length) _push(`<p class="text-sm text-ink-muted"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("No admins found."))}</p>`);
						else _push(`<!---->`);
						_push(`</div><p class="mb-2 mt-6 text-sm font-semibold text-red-500"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Danger zone"))}</p><div class="rounded-c border border-red-500/40 bg-surface p-5"${_scopeId}><div class="flex flex-wrap items-center justify-between gap-3"${_scopeId}><div${_scopeId}><p class="text-sm font-semibold text-ink"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Delete community"))}</p><p class="text-sm text-ink-2"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Permanently removes the forum and its isolated database."))}</p></div>`);
						if (!confirming.value) _push(`<button type="button" class="rounded-lg border border-red-500/50 px-3 py-1.5 text-sm font-semibold text-red-500 hover:bg-red-500/10"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Delete"))}</button>`);
						else _push(`<!---->`);
						_push(`</div>`);
						if (confirming.value) _push(`<div class="mt-4 border-t border-line pt-4"${_scopeId}><p class="text-sm text-ink-2"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Type the name"))} <b class="text-ink"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)(__props.community.name)}</b> ${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("to confirm:"))}</p><div class="mt-2 flex flex-wrap gap-2"${_scopeId}><input${(0, server_renderer_exports.ssrRenderAttr)("value", confirmName.value)} type="text" class="flex-1 rounded-lg border-line bg-surface-2 text-ink focus:border-red-500 focus:ring-red-500"${(0, server_renderer_exports.ssrRenderAttr)("placeholder", __props.community.name)}${_scopeId}><button type="button"${(0, server_renderer_exports.ssrIncludeBooleanAttr)(confirmName.value !== __props.community.name) ? " disabled" : ""} class="rounded-lg bg-red-500 px-4 py-2 text-sm font-semibold text-white hover:bg-red-600 disabled:opacity-40"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Delete forever"))}</button><button type="button" class="rounded-lg border border-line px-3 py-2 text-sm text-ink-2 hover:bg-surface-2"${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Cancel"))}</button></div></div>`);
						else _push(`<!---->`);
						_push(`</div></div>`);
					} else return [(0, vue_exports.createVNode)("div", { class: "mx-auto max-w-2xl" }, [
						(0, vue_exports.createVNode)((0, vue_exports.unref)(link_default), {
							href: "/panel",
							class: "inline-flex items-center gap-1 text-sm text-ink-2 hover:text-ink"
						}, {
							default: (0, vue_exports.withCtx)(() => [(0, vue_exports.createTextVNode)("← " + (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Back to communities")), 1)]),
							_: 1
						}),
						(0, vue_exports.createVNode)("div", { class: "mt-3 flex flex-wrap items-start gap-3" }, [
							(0, vue_exports.createVNode)("div", { class: "grid h-10 w-10 shrink-0 place-items-center rounded-[10px] bg-primary/15 text-primary text-lg" }, "🛠️"),
							(0, vue_exports.createVNode)("div", { class: "min-w-[160px] flex-1" }, [(0, vue_exports.createVNode)("div", { class: "flex flex-wrap items-center gap-2" }, [(0, vue_exports.createVNode)("h1", { class: "text-2xl font-black tracking-tight" }, (0, vue_exports.toDisplayString)(__props.community.name), 1), (0, vue_exports.createVNode)("span", { class: ["rounded px-2 py-0.5 text-[11px] font-bold uppercase", __props.community.status === "active" ? "bg-emerald-500/15 text-emerald-600 dark:text-emerald-400" : "bg-amber-500/15 text-amber-600"] }, (0, vue_exports.toDisplayString)(__props.community.status), 3)]), (0, vue_exports.createVNode)("p", { class: "mt-0.5 font-mono text-sm text-primary" }, (0, vue_exports.toDisplayString)(__props.community.slug) + ".hosting.convoro.co", 1)]),
							__props.community.status === "active" ? ((0, vue_exports.openBlock)(), (0, vue_exports.createBlock)("button", {
								key: 0,
								type: "button",
								class: "rounded-lg bg-primary px-4 py-2 text-sm font-semibold text-white hover:bg-primary-600",
								onClick: open
							}, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Open community")) + " ↗", 1)) : (0, vue_exports.createCommentVNode)("", true)
						]),
						flash.value ? ((0, vue_exports.openBlock)(), (0, vue_exports.createBlock)("div", {
							key: 0,
							class: "mt-4 rounded-lg border border-primary/30 bg-primary/[0.06] px-4 py-2.5 text-sm font-medium text-ink"
						}, (0, vue_exports.toDisplayString)(flash.value), 1)) : (0, vue_exports.createCommentVNode)("", true),
						(0, vue_exports.createVNode)("p", { class: "mb-2 mt-6 text-sm font-semibold text-ink-2" }, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("General")), 1),
						(0, vue_exports.createVNode)("div", { class: "rounded-c border border-line bg-surface p-5" }, [
							(0, vue_exports.createVNode)("label", { class: "mb-1 block text-sm text-ink-2" }, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Community name")), 1),
							(0, vue_exports.withDirectives)((0, vue_exports.createVNode)("input", {
								"onUpdate:modelValue": ($event) => (0, vue_exports.unref)(form).name = $event,
								type: "text",
								maxlength: "60",
								class: "w-full rounded-lg border-line bg-surface-2 text-ink focus:border-primary focus:ring-primary"
							}, null, 8, ["onUpdate:modelValue"]), [[vue_exports.vModelText, (0, vue_exports.unref)(form).name]]),
							(0, vue_exports.unref)(form).errors.name ? ((0, vue_exports.openBlock)(), (0, vue_exports.createBlock)("p", {
								key: 0,
								class: "mt-1 text-sm text-red-500"
							}, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(form).errors.name), 1)) : (0, vue_exports.createCommentVNode)("", true),
							(0, vue_exports.createVNode)("label", { class: "mb-1 mt-4 block text-sm text-ink-2" }, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Subdomain")), 1),
							(0, vue_exports.createVNode)("div", { class: "flex items-center gap-1.5" }, [(0, vue_exports.createVNode)("input", {
								value: __props.community.slug,
								type: "text",
								disabled: "",
								class: "w-32 rounded-lg border-line bg-surface-2 text-ink-muted"
							}, null, 8, ["value"]), (0, vue_exports.createVNode)("span", { class: "font-mono text-sm text-ink-muted" }, ".hosting.convoro.co")]),
							(0, vue_exports.createVNode)("div", { class: "mt-4 flex justify-end border-t border-line pt-4" }, [(0, vue_exports.createVNode)("button", {
								type: "button",
								disabled: (0, vue_exports.unref)(form).processing,
								class: "rounded-lg bg-primary px-4 py-2 text-sm font-semibold text-white hover:bg-primary-600 disabled:opacity-50",
								onClick: save
							}, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(form).processing ? (0, vue_exports.unref)(t)("Saving…") : (0, vue_exports.unref)(t)("Save changes")), 9, ["disabled"])])
						]),
						(0, vue_exports.createVNode)("p", { class: "mb-2 mt-6 text-sm font-semibold text-ink-2" }, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Plan & usage")), 1),
						(0, vue_exports.createVNode)("div", { class: "rounded-c border border-line bg-surface p-5" }, [(0, vue_exports.createVNode)("div", { class: "mb-3 flex flex-wrap items-center justify-between gap-2" }, [(0, vue_exports.createVNode)("p", { class: "text-ink" }, [(0, vue_exports.createVNode)("span", { class: "font-semibold" }, "Pro"), (0, vue_exports.createVNode)("span", { class: "text-ink-2" }, " · $49/mo")]), (0, vue_exports.createVNode)((0, vue_exports.unref)(link_default), {
							href: "/panel/order",
							class: "rounded-lg border border-line bg-surface px-3 py-1.5 text-sm font-semibold text-ink-2 hover:bg-surface-2"
						}, {
							default: (0, vue_exports.withCtx)(() => [(0, vue_exports.createTextVNode)((0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Change plan")), 1)]),
							_: 1
						})]), (0, vue_exports.createVNode)("div", { class: "grid gap-4 sm:grid-cols-2" }, [(0, vue_exports.createVNode)("div", null, [(0, vue_exports.createVNode)("div", { class: "mb-1.5 flex justify-between text-sm text-ink-2" }, [(0, vue_exports.createVNode)("span", null, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Members")), 1), (0, vue_exports.createVNode)("span", null, (0, vue_exports.toDisplayString)(__props.usage.users ?? 0) + " / 5,000", 1)]), (0, vue_exports.createVNode)("div", { class: "h-1.5 overflow-hidden rounded-full bg-surface-2" }, [(0, vue_exports.createVNode)("div", {
							class: "h-full bg-primary",
							style: { width: Math.min(100, (__props.usage.users ?? 0) / 5e3 * 100) + "%" }
						}, null, 4)])]), (0, vue_exports.createVNode)("div", null, [(0, vue_exports.createVNode)("div", { class: "mb-1.5 flex justify-between text-sm text-ink-2" }, [(0, vue_exports.createVNode)("span", null, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Categories")), 1), (0, vue_exports.createVNode)("span", null, (0, vue_exports.toDisplayString)(__props.usage.categories ?? 0), 1)]), (0, vue_exports.createVNode)("div", { class: "h-1.5 overflow-hidden rounded-full bg-surface-2" }, [(0, vue_exports.createVNode)("div", {
							class: "h-full bg-primary",
							style: { "width": "25%" }
						})])])])]),
						(0, vue_exports.createVNode)("p", { class: "mb-2 mt-6 text-sm font-semibold text-ink-2" }, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Admins")), 1),
						(0, vue_exports.createVNode)("div", { class: "rounded-c border border-line bg-surface p-5" }, [((0, vue_exports.openBlock)(true), (0, vue_exports.createBlock)(vue_exports.Fragment, null, (0, vue_exports.renderList)(admins.value, (a) => {
							return (0, vue_exports.openBlock)(), (0, vue_exports.createBlock)("div", {
								key: a,
								class: "flex items-center gap-3"
							}, [(0, vue_exports.createVNode)("div", { class: "grid h-9 w-9 place-items-center rounded-full bg-primary/15 text-sm font-semibold text-primary" }, (0, vue_exports.toDisplayString)(a.slice(0, 2).toUpperCase()), 1), (0, vue_exports.createVNode)("div", null, [(0, vue_exports.createVNode)("p", { class: "text-sm font-semibold text-ink" }, [(0, vue_exports.createTextVNode)((0, vue_exports.toDisplayString)(a) + " ", 1), (0, vue_exports.createVNode)("span", { class: "ml-1 rounded bg-primary/15 px-1.5 py-0.5 text-[10px] font-bold uppercase text-primary" }, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("owner")), 1)]), (0, vue_exports.createVNode)("p", { class: "text-xs text-ink-2" }, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("via Convoro account")), 1)])]);
						}), 128)), !admins.value.length ? ((0, vue_exports.openBlock)(), (0, vue_exports.createBlock)("p", {
							key: 0,
							class: "text-sm text-ink-muted"
						}, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("No admins found.")), 1)) : (0, vue_exports.createCommentVNode)("", true)]),
						(0, vue_exports.createVNode)("p", { class: "mb-2 mt-6 text-sm font-semibold text-red-500" }, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Danger zone")), 1),
						(0, vue_exports.createVNode)("div", { class: "rounded-c border border-red-500/40 bg-surface p-5" }, [(0, vue_exports.createVNode)("div", { class: "flex flex-wrap items-center justify-between gap-3" }, [(0, vue_exports.createVNode)("div", null, [(0, vue_exports.createVNode)("p", { class: "text-sm font-semibold text-ink" }, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Delete community")), 1), (0, vue_exports.createVNode)("p", { class: "text-sm text-ink-2" }, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Permanently removes the forum and its isolated database.")), 1)]), !confirming.value ? ((0, vue_exports.openBlock)(), (0, vue_exports.createBlock)("button", {
							key: 0,
							type: "button",
							class: "rounded-lg border border-red-500/50 px-3 py-1.5 text-sm font-semibold text-red-500 hover:bg-red-500/10",
							onClick: ($event) => confirming.value = true
						}, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Delete")), 9, ["onClick"])) : (0, vue_exports.createCommentVNode)("", true)]), confirming.value ? ((0, vue_exports.openBlock)(), (0, vue_exports.createBlock)("div", {
							key: 0,
							class: "mt-4 border-t border-line pt-4"
						}, [(0, vue_exports.createVNode)("p", { class: "text-sm text-ink-2" }, [
							(0, vue_exports.createTextVNode)((0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Type the name")) + " ", 1),
							(0, vue_exports.createVNode)("b", { class: "text-ink" }, (0, vue_exports.toDisplayString)(__props.community.name), 1),
							(0, vue_exports.createTextVNode)(" " + (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("to confirm:")), 1)
						]), (0, vue_exports.createVNode)("div", { class: "mt-2 flex flex-wrap gap-2" }, [
							(0, vue_exports.withDirectives)((0, vue_exports.createVNode)("input", {
								"onUpdate:modelValue": ($event) => confirmName.value = $event,
								type: "text",
								class: "flex-1 rounded-lg border-line bg-surface-2 text-ink focus:border-red-500 focus:ring-red-500",
								placeholder: __props.community.name
							}, null, 8, ["onUpdate:modelValue", "placeholder"]), [[vue_exports.vModelText, confirmName.value]]),
							(0, vue_exports.createVNode)("button", {
								type: "button",
								disabled: confirmName.value !== __props.community.name,
								class: "rounded-lg bg-red-500 px-4 py-2 text-sm font-semibold text-white hover:bg-red-600 disabled:opacity-40",
								onClick: del
							}, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Delete forever")), 9, ["disabled"]),
							(0, vue_exports.createVNode)("button", {
								type: "button",
								class: "rounded-lg border border-line px-3 py-2 text-sm text-ink-2 hover:bg-surface-2",
								onClick: ($event) => {
									confirming.value = false;
									confirmName.value = "";
								}
							}, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Cancel")), 9, ["onClick"])
						])])) : (0, vue_exports.createCommentVNode)("", true)])
					])];
				}),
				_: 1
			}, _parent));
			_push(`<!--]-->`);
		};
	}
});
//#endregion
//#region resources/js/Pages/PanelManage.vue
var _sfc_setup = PanelManage_vue_vue_type_script_setup_true_lang_default.setup;
PanelManage_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/PanelManage.vue");
	return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
var PanelManage_default = PanelManage_vue_vue_type_script_setup_true_lang_default;
//#endregion
export { PanelManage_default as default };
