@oneclick.dev/cms-core-modules 0.0.105 → 0.0.107

package/dist/NewReservationDialog-CN49aGcM.mjs

@@ -0,0 +1,1002 @@
+import { a as e, o as t, t as n } from "./DateFormatter-DLrDYkby.mjs";
+import { t as r } from "./_plugin-vue_export-helper-BJQSo0im.mjs";
+import { t as i } from "./utils-h3owcMtS.mjs";
+import { useFirebaseIntegration as a, useModule as o, useModuleRoute as s } from "@oneclick.dev/cms-kit";
+import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, inject as _, isRef as v, markRaw as y, nextTick as b, normalizeClass as x, onBeforeUnmount as S, onMounted as C, openBlock as w, reactive as T, ref as E, renderList as D, resolveComponent as O, toDisplayString as k, unref as A, watch as j, withCtx as M } from "vue";
+import { CalendarIcon as N, Check as P, ChevronLeft as F, ChevronRight as I, Pencil as L, Plus as R, Tag as z, Trash2 as B, Users as V, X as H, Zap as U } from "@lucide/vue";
+//#region src/appointments/components/edit/NewReservationDialog/CustomerInformation.vue?vue&type=script&setup=true&lang.ts
+var W = { class: "space-y-3" }, G = { class: "grid gap-4 @md/modal:grid-cols-2 @2xl/modal:grid-cols-3 @4xl/modal:grid-cols-4 overflow-hidden p-1" }, K = {
+	key: 0,
+	class: "flex items-center gap-3 min-h-9"
+}, q = {
+	key: 0,
+	class: "italic text-xs opacity-50"
+}, J = {
+	key: 0,
+	class: "italic text-xs opacity-50"
+}, Y = {
+	key: 0,
+	class: "italic text-xs opacity-50"
+}, X = {
+	key: 0,
+	class: "italic text-xs opacity-50"
+}, Z = {
+	key: 0,
+	class: "text-red-400"
+}, ee = { class: "list-disc pl-4" }, te = /* @__PURE__ */ g({
+	__name: "CustomerInformation",
+	props: { agendaData: {} },
+	setup(e, { expose: t }) {
+		let n = [
+			{
+				id: "firstName",
+				fieldName: "First Name",
+				fieldType: "text",
+				required: !0,
+				visible: !0
+			},
+			{
+				id: "lastName",
+				fieldName: "Last Name",
+				fieldType: "text",
+				required: !0,
+				visible: !0
+			},
+			{
+				id: "phone",
+				fieldName: "Phone No",
+				fieldType: "tel",
+				required: !0,
+				visible: !0
+			},
+			{
+				id: "email",
+				fieldName: "Email",
+				fieldType: "email",
+				required: !0,
+				visible: !0
+			},
+			{
+				id: "birthdate",
+				fieldName: "Birthdate",
+				fieldType: "date",
+				required: !0,
+				visible: !0
+			}
+		], r = new Set(["firstName", "email"]), i = e, a = E([]), o = T({}), s = l(() => {
+			let e = i.agendaData?.customerInformationFields, t = (Array.isArray(e) && e.length > 0 ? e : n).filter((e) => e?.id && (e.visible !== !1 || r.has(e.id))).map((e) => ({
+				...e,
+				required: r.has(e.id),
+				visible: !0
+			})), a = n.filter((e) => r.has(e.id) && !t.some((t) => t.id === e.id)).map((e) => ({
+				...e,
+				required: !0,
+				visible: !0
+			}));
+			return [...t, ...a];
+		}), g = (e) => e.fieldName || e.id, _ = (e) => e.replace(/[^A-Za-z0-9_-]/g, "-"), v = (e, t) => [
+			"new-res-customer-info",
+			e.id,
+			t
+		].filter(Boolean).map((e) => _(e)).join("-"), y = (e) => e.fieldType === "email" || e.fieldType === "tel" || e.fieldType === "date" ? e.fieldType : "text", b = (e) => Array.isArray(e.options) ? e.options.filter(Boolean) : [], S = (e) => e.fieldType === "checkbox" ? !1 : "", C = (e = !1) => {
+			let t = new Set(s.value.map((e) => e.id));
+			Object.keys(o).forEach((e) => {
+				t.has(e) || delete o[e];
+			}), s.value.forEach((t) => {
+				let n = S(t);
+				(e || o[t.id] === void 0 || typeof o[t.id] != typeof n) && (o[t.id] = n);
+			});
+		}, A = () => {
+			let e = s.value.reduce((e, t) => {
+				let n = o[t.id];
+				return e[t.id] = typeof n == "string" ? n.trim() : !!n, e;
+			}, {});
+			return Object.entries(e).forEach(([e, t]) => {
+				o[e] = t;
+			}), e;
+		}, N = (e, t) => e.fieldType === "checkbox" ? t === !0 : typeof t == "string" ? t.trim().length > 0 : t != null;
+		return j(s, () => {
+			C();
+		}, { immediate: !0 }), t({
+			getCustomerInfo: A,
+			reset: () => {
+				a.value = [], C(!0);
+			},
+			validateForm: () => {
+				let e = [], t = A();
+				return s.value.forEach((n) => {
+					let r = t[n.id], i = g(n);
+					n.required && !N(n, r) && e.push(`Please fill in ${i}.`), n.fieldType === "email" && N(n, r) && typeof r == "string" && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(r) === !1 && e.push(`Please fill in a correct ${i}.`);
+				}), a.value = e, e.length === 0;
+			}
+		}), (e, t) => {
+			let n = O("Checkbox"), r = O("Label"), i = O("SelectValue"), l = O("SelectTrigger"), _ = O("SelectItem"), S = O("SelectGroup"), C = O("SelectContent"), T = O("Select"), E = O("RadioGroupItem"), A = O("RadioGroup"), j = O("Input");
+			return w(), f("div", W, [
+				t[0] ||= p("h2", { class: "text-sm font-medium" }, "Customer Information", -1),
+				p("div", G, [(w(!0), f(c, null, D(s.value, (e) => (w(), f("div", {
+					key: e.id,
+					class: x(["grid gap-2", e.fieldType === "checkbox" ? "@md/modal:col-span-2" : ""])
+				}, [e.fieldType === "checkbox" ? (w(), f("div", K, [h(n, {
+					id: v(e),
+					modelValue: o[e.id],
+					"onUpdate:modelValue": (t) => o[e.id] = t
+				}, null, 8, [
+					"id",
+					"modelValue",
+					"onUpdate:modelValue"
+				]), h(r, {
+					for: v(e),
+					class: "font-normal cursor-pointer"
+				}, {
+					default: M(() => [m(k(g(e)) + " ", 1), e.required ? d("", !0) : (w(), f("span", q, "optional"))]),
+					_: 2
+				}, 1032, ["for"])])) : e.fieldType === "select" ? (w(), f(c, { key: 1 }, [h(r, { for: v(e) }, {
+					default: M(() => [m(k(g(e)) + " ", 1), e.required ? d("", !0) : (w(), f("span", J, "optional"))]),
+					_: 2
+				}, 1032, ["for"]), h(T, {
+					modelValue: o[e.id],
+					"onUpdate:modelValue": (t) => o[e.id] = t
+				}, {
+					default: M(() => [h(l, {
+						id: v(e),
+						class: "w-full"
+					}, {
+						default: M(() => [h(i, { placeholder: `Select ${g(e)}` }, null, 8, ["placeholder"])]),
+						_: 2
+					}, 1032, ["id"]), h(C, null, {
+						default: M(() => [h(S, null, {
+							default: M(() => [(w(!0), f(c, null, D(b(e), (e) => (w(), u(_, {
+								key: e,
+								value: e
+							}, {
+								default: M(() => [m(k(e), 1)]),
+								_: 2
+							}, 1032, ["value"]))), 128))]),
+							_: 2
+						}, 1024)]),
+						_: 2
+					}, 1024)]),
+					_: 2
+				}, 1032, ["modelValue", "onUpdate:modelValue"])], 64)) : e.fieldType === "radio" ? (w(), f(c, { key: 2 }, [h(r, null, {
+					default: M(() => [m(k(g(e)) + " ", 1), e.required ? d("", !0) : (w(), f("span", Y, "optional"))]),
+					_: 2
+				}, 1024), h(A, {
+					modelValue: o[e.id],
+					"onUpdate:modelValue": (t) => o[e.id] = t,
+					class: "grid gap-2"
+				}, {
+					default: M(() => [(w(!0), f(c, null, D(b(e), (t) => (w(), f("div", {
+						key: t,
+						class: "flex items-center gap-2"
+					}, [h(E, {
+						id: v(e, t),
+						value: t
+					}, null, 8, ["id", "value"]), h(r, {
+						for: v(e, t),
+						class: "font-normal cursor-pointer"
+					}, {
+						default: M(() => [m(k(t), 1)]),
+						_: 2
+					}, 1032, ["for"])]))), 128))]),
+					_: 2
+				}, 1032, ["modelValue", "onUpdate:modelValue"])], 64)) : (w(), f(c, { key: 3 }, [h(r, { for: v(e) }, {
+					default: M(() => [m(k(g(e)) + " ", 1), e.required ? d("", !0) : (w(), f("span", X, "optional"))]),
+					_: 2
+				}, 1032, ["for"]), h(j, {
+					modelValue: o[e.id],
+					"onUpdate:modelValue": (t) => o[e.id] = t,
+					id: v(e),
+					type: y(e),
+					autocomplete: "off"
+				}, null, 8, [
+					"modelValue",
+					"onUpdate:modelValue",
+					"id",
+					"type"
+				])], 64))], 2))), 128))]),
+				a.value.length > 0 ? (w(), f("div", Z, [p("ul", ee, [(w(!0), f(c, null, D(a.value, (e) => (w(), f("li", { key: e }, k(e), 1))), 128))])])) : d("", !0)
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/appointments/composables/useHorizontalScroll.ts
+function ne(e = {}) {
+	let t = E(null), n = E(!1), r = E(!1), i = E(!1), a = E(!1), o = e.dragSpeed ?? 1.1, s = e.dragThreshold ?? 10, c = e.edgeThreshold ?? 10, u = e.ignoreDragSelector ?? "input, select, textarea, [contenteditable=\"true\"], [data-horizontal-scroll-ignore-drag]", d = null, f = 0, p = 0, m = !1, h = null, g = null, _ = null, v = () => {
+		h === null || typeof window > "u" || (window.clearTimeout(h), h = null);
+	}, y = () => {
+		let e = t.value;
+		if (!e) {
+			r.value = !1, i.value = !1, a.value = !1;
+			return;
+		}
+		let n = Math.max(e.scrollWidth - e.clientWidth, 0);
+		r.value = n > c, i.value = r.value && e.scrollLeft > c, a.value = r.value && e.scrollLeft < n - c;
+	}, x = () => {
+		b(() => {
+			if (typeof window > "u") {
+				y();
+				return;
+			}
+			window.requestAnimationFrame(() => y());
+		});
+	}, w = () => {
+		if (typeof e.scrollStep == "number") return e.scrollStep;
+		let n = t.value;
+		return n ? Math.max(Math.floor(n.clientWidth * .72), 180) : 240;
+	}, T = (e, n = "smooth") => {
+		let r = t.value;
+		if (r) {
+			if (r.scrollBy({
+				left: e,
+				behavior: n
+			}), n === "auto") {
+				y();
+				return;
+			}
+			x();
+		}
+	}, D = () => {
+		T(-w());
+	}, O = () => {
+		T(w());
+	}, k = () => {
+		let e = t.value;
+		d !== null && e?.hasPointerCapture?.(d) && e.releasePointerCapture(d), n.value && (m = !0, v(), typeof window < "u" && (h = window.setTimeout(() => {
+			m = !1, h = null;
+		}, 0))), d = null, n.value = !1, e && (e.style.userSelect = "", e.style.cursor = ""), y();
+	}, A = () => {
+		y();
+	}, M = (e) => {
+		let n = t.value;
+		if (!n || !r.value || Math.abs(e.deltaY) <= Math.abs(e.deltaX)) return;
+		let o = e.deltaY < 0, s = e.deltaY > 0;
+		o && !i.value || s && !a.value || (e.preventDefault(), n.scrollLeft += e.deltaY, y());
+	}, N = (e) => e instanceof Element ? !!e.closest(u) : !1, P = (e) => {
+		let n = t.value;
+		!n || !r.value || e.pointerType !== "touch" && e.button === 0 && (N(e.target) || (d = e.pointerId, f = e.clientX, p = n.scrollLeft, m = !1));
+	}, F = (e) => {
+		let r = t.value;
+		if (!r || d !== e.pointerId) return;
+		let i = e.clientX - f;
+		!n.value && Math.abs(i) < s || (n.value || (n.value = !0, r.style.userSelect = "none", r.style.cursor = "grabbing", r.setPointerCapture?.(e.pointerId)), e.preventDefault(), r.scrollLeft = p - i * o, y());
+	}, I = (e) => {
+		d === e.pointerId && k();
+	}, L = () => {
+		d !== null && k();
+	}, R = (e) => {
+		m &&= (e.preventDefault(), e.stopPropagation(), !1);
+	}, z = (t) => {
+		typeof ResizeObserver < "u" && (g = new ResizeObserver(() => y()), g.observe(t)), e.observeMutations !== !1 && typeof MutationObserver < "u" && (_ = new MutationObserver(() => x()), _.observe(t, {
+			childList: !0,
+			subtree: !0,
+			characterData: !0
+		}));
+	}, B = () => {
+		g?.disconnect(), _?.disconnect(), g = null, _ = null;
+	}, V = (e) => {
+		e.addEventListener("scroll", A), e.addEventListener("wheel", M, { passive: !1 }), e.addEventListener("pointerdown", P), e.addEventListener("pointermove", F), e.addEventListener("pointerup", I), e.addEventListener("pointercancel", L), e.addEventListener("lostpointercapture", L), e.addEventListener("click", R, !0), z(e), x();
+	}, H = (e) => {
+		e.removeEventListener("scroll", A), e.removeEventListener("wheel", M), e.removeEventListener("pointerdown", P), e.removeEventListener("pointermove", F), e.removeEventListener("pointerup", I), e.removeEventListener("pointercancel", L), e.removeEventListener("lostpointercapture", L), e.removeEventListener("click", R, !0), B();
+	};
+	return j(t, (e, t) => {
+		t && H(t), e ? V(e) : y();
+	}), C(() => {
+		x();
+	}), S(() => {
+		v(), t.value && H(t.value), m = !1, k();
+	}), {
+		canScrollLeft: l(() => i.value),
+		canScrollRight: l(() => a.value),
+		containerRef: t,
+		isDragging: n,
+		isScrollable: r,
+		refresh: x,
+		scrollNext: O,
+		scrollPrev: D,
+		showLeftShadow: i,
+		showRightShadow: a
+	};
+}
+//#endregion
+//#region src/appointments/components/edit/NewReservationDialog/QuickReservationAdder.vue?vue&type=script&setup=true&lang.ts
+var re = { class: "flex items-start justify-between gap-3" }, ie = { class: "text-sm font-medium" }, ae = {
+	key: 0,
+	class: "mt-1 text-xs text-muted-foreground"
+}, oe = { class: "grid gap-4 @md/quick-adder:grid-cols-2 @2xl/quick-adder:grid-cols-3 @4xl/quick-adder:grid-cols-4" }, se = { class: "grid gap-2" }, ce = {
+	key: 0,
+	class: "grid gap-2"
+}, le = {
+	key: 1,
+	class: "grid gap-2"
+}, ue = {
+	key: 2,
+	class: "grid gap-2"
+}, de = { class: "grid gap-2" }, fe = {
+	key: 0,
+	class: "rounded-md border border-dashed bg-muted/20 px-4 py-4 text-sm text-muted-foreground"
+}, pe = {
+	key: 1,
+	class: "relative flex items-center gap-2 overflow-hidden"
+}, me = { class: "relative min-w-0 flex-1 overflow-hidden" }, he = {
+	key: 0,
+	class: "pointer-events-none absolute inset-y-0 left-0 z-10 w-10 md:w-20 bg-gradient-to-r from-background via-background/95 to-transparent"
+}, ge = {
+	key: 1,
+	class: "pointer-events-none absolute inset-y-0 right-0 z-10 w-10 md:w-20 bg-gradient-to-l from-background via-background/95 to-transparent"
+}, _e = {
+	key: 0,
+	class: "absolute -top-1 -right-1 flex items-center justify-center bg-primary rounded-full text-background size-4"
+}, ve = { class: "flex flex-wrap gap-2" }, ye = ["onClick"], be = { key: 0 }, xe = { key: 1 }, Se = { key: 2 }, Ce = /* @__PURE__ */ r(/* @__PURE__ */ g({
+	__name: "QuickReservationAdder",
+	props: {
+		agendaData: {},
+		surface: { default: "card" }
+	},
+	emits: ["add"],
+	setup(r, { emit: a }) {
+		let o = r, s = a, g = new n("en-US", { dateStyle: "long" }), _ = t(e()), b = l(() => o.surface === "popover"), S = E(""), T = E(void 0), j = E(""), L = E(""), R = E([]), z = E(1), B = l(() => o.agendaData?.resources?.find((e) => e.id === j.value)), V = (e) => {
+			let [t, n] = e.split(":").map(Number);
+			return t * 60 + n;
+		}, U = (e) => {
+			let t = Math.floor(e / 60), n = e % 60;
+			return `${t.toString().padStart(2, "0")}:${n.toString().padStart(2, "0")}`;
+		}, W = () => {
+			if (!B.value) return [];
+			let e = B.value.interval || 60, t = null, n = null;
+			for (let e of Object.values(B.value.openingHours || {})) for (let r of e) {
+				let e = V(r.start), i = V(r.end);
+				(t === null || e < t) && (t = e), (n === null || i > n) && (n = i);
+			}
+			if (t === null || n === null) return [];
+			let r = [];
+			for (let i = t; i < n; i += e) r.push(U(i));
+			return r;
+		}, G = l(() => T.value && j.value && L.value && R.value.length > 0), K = l(() => W()), { canScrollLeft: q, canScrollRight: J, containerRef: Y, isDragging: X, isScrollable: Z, scrollNext: ee, scrollPrev: te, showLeftShadow: Ce, showRightShadow: we } = ne(), Q = (e) => R.value.includes(e), Te = (e) => {
+			if (Q(e)) {
+				R.value = R.value.filter((t) => t !== e);
+				return;
+			}
+			R.value = [...R.value, e].sort((e, t) => V(e) - V(t));
+		}, Ee = (e, t) => {
+			T.value = e ? y(e) : void 0, S.value = e ? `${e}` : "", t();
+		}, De = E(""), Oe = E(""), $ = E([]), ke = () => {
+			s("add", {
+				date: T.value,
+				resourceId: j.value,
+				pricingOptionId: L.value,
+				startTimes: R.value,
+				spots: z.value
+			}), R.value = [], $.value = [], Oe.value = "", De.value = "";
+		}, Ae = () => {
+			S.value = _.toString(), T.value = _, j.value = o.agendaData?.resources?.[0]?.id || "", L.value = o.agendaData?.pricingOptions?.find((e) => e.isDefault)?.id || o.agendaData?.pricingOptions?.[0]?.id || "", R.value = [], z.value = 1, De.value = "";
+		};
+		return C(() => {
+			Ae();
+		}), (n, a) => {
+			let o = O("Label"), s = O("Button"), l = O("PopoverTrigger"), y = O("Calendar"), S = O("PopoverContent"), C = O("Popover"), E = O("DynamicSelectOption"), B = O("DynamicSelect"), V = O("Input");
+			return w(), f("div", { class: x(A(i)("@container/quick-adder grid gap-4 overflow-hidden bg-background", A(b) ? "p-5 sm:p-6" : "rounded-md border p-4")) }, [
+				p("div", re, [p("div", null, [p("h3", ie, k(A(b) ? "Quick add reservations" : "Add reservations"), 1), A(b) ? (w(), f("p", ae, " Choose one date and add multiple timeslots in one pass. ")) : d("", !0)])]),
+				p("div", oe, [
+					p("div", se, [h(o, null, {
+						default: M(() => [...a[3] ||= [m("Date", -1)]]),
+						_: 1
+					}), h(C, null, {
+						default: M(({ close: n }) => [h(l, { "as-child": "" }, {
+							default: M(() => [h(s, {
+								type: "button",
+								variant: "outline",
+								class: x(A(i)("w-full justify-start text-left font-normal", !A(T) && "text-muted-foreground"))
+							}, {
+								default: M(() => [h(A(N)), m(" " + k(A(T) ? A(g).format(A(T).toDate(A(e)())) : "Pick a date"), 1)]),
+								_: 1
+							}, 8, ["class"])]),
+							_: 1
+						}), h(S, {
+							class: "w-auto p-0",
+							align: "start"
+						}, {
+							default: M(() => [h(y, {
+								"model-value": A(T),
+								"default-placeholder": A(_),
+								layout: "month-and-year",
+								"initial-focus": "",
+								"onUpdate:modelValue": (e) => Ee(e, n),
+								minValue: A(t)(A(e)())
+							}, null, 8, [
+								"model-value",
+								"default-placeholder",
+								"onUpdate:modelValue",
+								"minValue"
+							])]),
+							_: 2
+						}, 1024)]),
+						_: 1
+					})]),
+					r.agendaData.resources?.length > 1 ? (w(), f("div", ce, [h(o, null, {
+						default: M(() => [...a[4] ||= [m("Resource", -1)]]),
+						_: 1
+					}), h(B, {
+						modelValue: A(j),
+						"onUpdate:modelValue": a[0] ||= (e) => v(j) ? j.value = e : null,
+						"wrapper-class": "w-full",
+						class: "w-full",
+						placeholder: "Select resource"
+					}, {
+						default: M(() => [(w(!0), f(c, null, D(r.agendaData.resources || [], (e) => (w(), u(E, {
+							key: e.id,
+							value: e.id
+						}, {
+							default: M(() => [m(k(e.name), 1)]),
+							_: 2
+						}, 1032, ["value"]))), 128))]),
+						_: 1
+					}, 8, ["modelValue"])])) : d("", !0),
+					r.agendaData.pricingOptions?.length > 1 ? (w(), f("div", le, [h(o, null, {
+						default: M(() => [...a[5] ||= [m("Type", -1)]]),
+						_: 1
+					}), h(B, {
+						modelValue: A(L),
+						"onUpdate:modelValue": a[1] ||= (e) => v(L) ? L.value = e : null,
+						"wrapper-class": "w-full",
+						class: "w-full",
+						placeholder: "Select type"
+					}, {
+						default: M(() => [(w(!0), f(c, null, D(r.agendaData.pricingOptions || [], (e) => (w(), u(E, {
+							key: e.id,
+							value: e.id
+						}, {
+							default: M(() => [m(k(e.name) + " (" + k(e.duration) + "min) ", 1)]),
+							_: 2
+						}, 1032, ["value"]))), 128))]),
+						_: 1
+					}, 8, ["modelValue"])])) : d("", !0),
+					r.agendaData?.maxTicketsPerReservation > 1 ? (w(), f("div", ue, [h(o, null, {
+						default: M(() => [...a[6] ||= [m("Spots/tickets", -1)]]),
+						_: 1
+					}), h(V, {
+						modelValue: A(z),
+						"onUpdate:modelValue": a[2] ||= (e) => v(z) ? z.value = e : null,
+						modelModifiers: { number: !0 },
+						type: "number",
+						min: "1",
+						class: "no-spinner",
+						autocomplete: "off"
+					}, null, 8, ["modelValue"])])) : d("", !0)
+				]),
+				p("div", de, [
+					h(o, null, {
+						default: M(() => [...a[7] ||= [m("Available hours", -1)]]),
+						_: 1
+					}),
+					A(K).length === 0 ? (w(), f("div", fe, " No preset hours are available for this resource. You can still add a custom time below. ")) : (w(), f("div", pe, [
+						A(q) ? (w(), u(s, {
+							key: 0,
+							type: "button",
+							size: "icon",
+							variant: "outline",
+							class: "hidden absolute size-8 shrink-0 rounded-full shadow-sm md:inline-flex z-[11] left-0.5",
+							onClick: A(te)
+						}, {
+							default: M(() => [h(A(F), { class: "size-4" })]),
+							_: 1
+						}, 8, ["onClick"])) : d("", !0),
+						p("div", me, [
+							A(Ce) ? (w(), f("div", he)) : d("", !0),
+							A(we) ? (w(), f("div", ge)) : d("", !0),
+							p("div", {
+								ref_key: "hourScrollContainer",
+								ref: Y,
+								class: x(A(i)("hour-scroll-track flex w-full min-w-0 gap-2 overflow-x-auto overscroll-contain py-2", A(Z) && !A(X) && "cursor-grab", A(X) && "cursor-grabbing select-none"))
+							}, [(w(!0), f(c, null, D(A(K), (e) => (w(), u(s, {
+								key: e,
+								type: "button",
+								variant: "outline",
+								class: x(["relative h-12 shrink-0", Q(e) ? "border-primary!" : ""]),
+								onClick: (t) => Te(e)
+							}, {
+								default: M(() => [m(k(e) + " ", 1), Q(e) ? (w(), f("div", _e, [h(A(P), { class: "size-3" })])) : d("", !0)]),
+								_: 2
+							}, 1032, ["class", "onClick"]))), 128))], 2)
+						]),
+						A(J) ? (w(), u(s, {
+							key: 1,
+							type: "button",
+							size: "icon",
+							variant: "outline",
+							class: "hidden absolute size-8 shrink-0 rounded-full shadow-sm md:inline-flex z-[11] right-0.5",
+							onClick: A(ee)
+						}, {
+							default: M(() => [h(A(I), { class: "size-4" })]),
+							_: 1
+						}, 8, ["onClick"])) : d("", !0)
+					])),
+					p("div", ve, [(w(!0), f(c, null, D(A($), (e) => (w(), f("div", {
+						key: e,
+						class: "relative"
+					}, [h(s, {
+						type: "button",
+						variant: "outline",
+						class: "h-12 px-4 py-2"
+					}, {
+						default: M(() => [m(k(e), 1)]),
+						_: 2
+					}, 1024), p("div", {
+						class: "absolute -top-1 -right-1 flex items-center justify-center bg-red-500 rounded-full text-white size-4 cursor-pointer",
+						onClick: (t) => {
+							$.value = A($).filter((t) => t !== e), R.value = A(R).filter((t) => t !== e);
+						}
+					}, [h(A(H), { class: "size-3" })], 8, ye)]))), 128))])
+				]),
+				p("div", null, [h(s, {
+					disabled: !A(G),
+					onClick: ke
+				}, {
+					default: M(() => [A(R).length === 0 ? (w(), f("span", be, "Select at least one timeslot")) : A(R).length === 1 ? (w(), f("span", xe, "Add 1 reservation")) : (w(), f("span", Se, "Add " + k(A(R).length) + " reservations", 1))]),
+					_: 1
+				}, 8, ["disabled"])])
+			], 2);
+		};
+	}
+}), [["__scopeId", "data-v-d6f90961"]]), we = { class: "space-y-3" }, Q = { class: "flex flex-wrap items-center justify-between gap-3" }, Te = { class: "text-xs text-muted-foreground" }, Ee = { class: "flex flex-wrap items-center gap-2" }, De = {
+	key: 0,
+	class: "rounded-md border border-dashed bg-muted/20 px-4 py-6 text-sm text-muted-foreground"
+}, Oe = {
+	key: 1,
+	class: "space-y-3"
+}, $ = { class: "flex items-start gap-2 p-3 md:hidden" }, ke = ["aria-expanded", "onClick"], Ae = { class: "mt-0.5 flex size-10 shrink-0 items-center justify-center rounded-full bg-muted text-sm font-semibold text-muted-foreground" }, je = { class: "min-w-0 flex-1" }, Me = { class: "flex items-start justify-between gap-3" }, Ne = { class: "min-w-0" }, Pe = { class: "block truncate text-base font-semibold" }, Fe = { class: "mt-1 block truncate text-xs text-muted-foreground" }, Ie = { class: "mt-1 block truncate text-xs text-muted-foreground" }, Le = { class: "flex size-10 shrink-0 items-center justify-center rounded-xl border border-border/70 text-muted-foreground" }, Re = { class: "mt-3 flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-muted-foreground" }, ze = { class: "inline-flex items-center gap-1.5" }, Be = { class: "inline-flex items-center gap-1.5" }, Ve = { class: "hidden items-start justify-between gap-3 p-4 pb-0 md:flex" }, He = { class: "text-sm font-medium" }, Ue = { class: "text-xs text-muted-foreground" }, We = { class: "grid gap-4 border-t pt-3 md:grid-cols-2 md:border-0 md:pt-4 xl:grid-cols-5" }, Ge = { class: "grid gap-2" }, Ke = {
+	key: 0,
+	class: "text-xs text-orange-500"
+}, qe = { class: "grid gap-2" }, Je = { class: "grid gap-2" }, Ye = { class: "grid gap-2" }, Xe = {
+	key: 0,
+	class: "grid gap-2"
+}, Ze = /* @__PURE__ */ r(/* @__PURE__ */ g({
+	__name: "ReservationLines",
+	props: {
+		modelValue: {},
+		agendaData: {}
+	},
+	emits: [
+		"add",
+		"quick-add",
+		"update:modelValue"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = l(() => n.modelValue ?? []), a = l(() => Number(n.agendaData?.maxTicketsPerReservation) > 1), o = E(null), s = E(!1), g = l(() => String(n.agendaData?.currency || "EUR").toUpperCase()), _ = l(() => {
+			try {
+				return new Intl.NumberFormat("en-US", {
+					style: "currency",
+					currency: g.value,
+					minimumFractionDigits: 2,
+					maximumFractionDigits: 2
+				});
+			} catch {
+				return new Intl.NumberFormat("en-US", {
+					minimumFractionDigits: 2,
+					maximumFractionDigits: 2
+				});
+			}
+		}), v = (e) => {
+			r("update:modelValue", e);
+		}, y = (e, t, n) => {
+			v(i.value.map((r) => r.id === e ? t === "date" ? {
+				...r,
+				date: String(n ?? ""),
+				dateValue: n || void 0
+			} : {
+				...r,
+				[t]: n
+			} : r));
+		}, b = (e, t) => {
+			let n = Number(t);
+			y(e, "paid", Number.isFinite(n) ? n : 0);
+		}, S = (e, t) => {
+			let n = Number(t);
+			y(e, "spots", Number.isFinite(n) && n > 0 ? n : 1);
+		}, C = (e) => {
+			v(i.value.filter((t) => t.id !== e));
+		}, T = (e) => {
+			r("quick-add", e), s.value = !1;
+		}, N = (e) => n.agendaData?.pricingOptions?.find((t) => t.id === e.pricingOption), P = (e) => {
+			let t = N(e);
+			return t ? t.duration ? `${t.name} (${t.duration}min)` : t.name : "Reservation";
+		}, F = (e) => n.agendaData?.resources?.find((t) => t.id === e.resourceId), I = (e) => F(e)?.name || "Unknown resource", H = (e) => {
+			if (!e.startTime) return "";
+			let t = Number(N(e)?.duration);
+			if (!Number.isFinite(t) || t <= 0) return "";
+			let [n, r] = e.startTime.split(":").map(Number);
+			if (!Number.isFinite(n) || !Number.isFinite(r)) return "";
+			let i = n * 60 + r + t, a = Math.floor(i / 60) % 24, o = i % 60;
+			return `${a.toString().padStart(2, "0")}:${o.toString().padStart(2, "0")}`;
+		}, W = (e) => {
+			if (!e.startTime) return "Select time";
+			let t = H(e);
+			return t ? `${e.startTime} - ${t}` : e.startTime;
+		}, G = (e) => {
+			let t = Number(e);
+			if (!Number.isFinite(t)) return g.value === "EUR" ? "€0.00" : "0.00";
+			try {
+				return _.value.format(t);
+			} catch {
+				return `${t.toFixed(2)}`;
+			}
+		}, K = (e) => {
+			let t = Number(e.spots), n = Number.isFinite(t) && t > 0 ? t : 1;
+			return n === 1 ? "1 spot" : `${n} spots`;
+		}, q = (e) => {
+			if (!/^\d{4}-\d{2}-\d{2}$/.test(e)) return null;
+			let [t, n, r] = e.split("-").map(Number), i = new Date(t, n - 1, r);
+			return Number.isNaN(i.getTime()) || i.getFullYear() !== t || i.getMonth() !== n - 1 || i.getDate() !== r ? null : (i.setHours(0, 0, 0, 0), i);
+		}, J = (e) => {
+			let t = q(String(e.date || "").trim());
+			if (!t) return "";
+			let n = /* @__PURE__ */ new Date();
+			if (n.setHours(0, 0, 0, 0), t < n) return "This date is in the past. Double-check it before saving.";
+			let r = new Date(n);
+			return r.setFullYear(r.getFullYear() + 1), t > r ? "This date is more than a year ahead. Double-check it before saving." : "";
+		}, Y = (e) => !e.date || !e.startTime || !e.resourceId || !e.pricingOption, X = (e) => o.value === e, Z = (e) => {
+			o.value = o.value === e ? null : e;
+		};
+		return j(i, (e) => {
+			let t = new Set(e.map((e) => e.id));
+			if (o.value && !t.has(o.value) && (o.value = null), !o.value) {
+				let t = e.find(Y);
+				t && (o.value = t.id);
+			}
+		}, { immediate: !0 }), (t, n) => {
+			let o = O("Button"), l = O("PopoverTrigger"), g = O("PopoverContent"), _ = O("Popover"), v = O("Label"), E = O("Input"), j = O("DynamicSelectOption"), N = O("DynamicSelect");
+			return w(), f("div", we, [p("div", Q, [p("p", Te, k(i.value.length === 1 ? "1 reservation line" : `${i.value.length} reservation lines`), 1), p("div", Ee, [h(_, {
+				open: s.value,
+				"onUpdate:open": n[0] ||= (e) => s.value = e
+			}, {
+				default: M(() => [h(l, { "as-child": "" }, {
+					default: M(() => [h(o, {
+						type: "button",
+						variant: "outline",
+						size: "sm",
+						class: "gap-2"
+					}, {
+						default: M(() => [h(A(U), { class: "size-4 text-primary" }), n[2] ||= m(" Quick add ", -1)]),
+						_: 1
+					})]),
+					_: 1
+				}), h(g, {
+					align: "end",
+					class: "max-h-[80vh] w-[min(34rem,calc(100vw-2rem))] overflow-y-auto p-0"
+				}, {
+					default: M(() => [s.value ? (w(), u(Ce, {
+						key: 0,
+						surface: "popover",
+						agendaData: e.agendaData,
+						onAdd: T
+					}, null, 8, ["agendaData"])) : d("", !0)]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["open"]), h(o, {
+				type: "button",
+				variant: "outline",
+				size: "sm",
+				onClick: n[1] ||= (e) => r("add")
+			}, {
+				default: M(() => [h(A(R), { class: "size-4" }), n[3] ||= m(" Add line ", -1)]),
+				_: 1
+			})])]), i.value.length === 0 ? (w(), f("div", De, " Use Quick add to create filled reservation lines, or add an empty line manually. ")) : (w(), f("div", Oe, [(w(!0), f(c, null, D(i.value, (t, r) => (w(), f("div", {
+				key: t.id,
+				class: "rounded-xl border bg-background"
+			}, [
+				p("div", $, [p("button", {
+					type: "button",
+					class: "flex min-w-0 flex-1 items-start gap-3 rounded-lg px-1 py-1 text-left outline-none transition-colors hover:bg-muted/40 focus-visible:ring-2 focus-visible:ring-ring/50",
+					"aria-expanded": X(t.id),
+					onClick: (e) => Z(t.id)
+				}, [p("span", Ae, k(r + 1), 1), p("span", je, [p("span", Me, [p("span", Ne, [
+					p("span", Pe, k(W(t)), 1),
+					p("span", Fe, k(t.date || "No date selected"), 1),
+					p("span", Ie, k(I(t)) + " · " + k(P(t)), 1)
+				]), p("span", Le, [h(A(L), { class: "size-4" })])]), p("span", Re, [p("span", ze, [h(A(V), { class: "size-4" }), m(" " + k(K(t)), 1)]), p("span", Be, [h(A(z), { class: "size-4" }), m(" " + k(G(t.paid)), 1)])])])], 8, ke), h(o, {
+					type: "button",
+					variant: "ghost",
+					size: "icon",
+					class: "mt-1 shrink-0",
+					onClick: (e) => C(t.id)
+				}, {
+					default: M(() => [h(A(B), { class: "size-4" })]),
+					_: 1
+				}, 8, ["onClick"])]),
+				p("div", Ve, [p("div", null, [p("p", He, "Reservation " + k(r + 1), 1), p("p", Ue, k(I(t)) + " · " + k(P(t)), 1)]), h(o, {
+					type: "button",
+					variant: "ghost",
+					size: "icon",
+					class: "shrink-0",
+					onClick: (e) => C(t.id)
+				}, {
+					default: M(() => [h(A(B), { class: "size-4" })]),
+					_: 1
+				}, 8, ["onClick"])]),
+				p("div", { class: x(["px-3 pb-3 md:px-4 md:pb-4 overflow-hidden", X(t.id) ? "block" : "hidden md:block"]) }, [p("div", We, [
+					p("div", Ge, [
+						h(v, null, {
+							default: M(() => [...n[4] ||= [m("Date", -1)]]),
+							_: 1
+						}),
+						h(E, {
+							"model-value": t.date,
+							type: "date",
+							"onUpdate:modelValue": (e) => y(t.id, "date", String(e ?? ""))
+						}, null, 8, ["model-value", "onUpdate:modelValue"]),
+						J(t) ? (w(), f("p", Ke, k(J(t)), 1)) : d("", !0)
+					]),
+					p("div", qe, [h(v, { for: `new_reservation_res_line_${r}_time` }, {
+						default: M(() => [...n[5] ||= [m("Time", -1)]]),
+						_: 1
+					}, 8, ["for"]), h(E, {
+						id: `new_reservation_res_line_${r}_time`,
+						"model-value": t.startTime,
+						type: "time",
+						class: "reservation-time-input",
+						"onUpdate:modelValue": (e) => y(t.id, "startTime", String(e ?? ""))
+					}, null, 8, [
+						"id",
+						"model-value",
+						"onUpdate:modelValue"
+					])]),
+					p("div", Je, [h(v, null, {
+						default: M(() => [...n[6] ||= [m("Resource", -1)]]),
+						_: 1
+					}), h(N, {
+						"model-value": t.resourceId,
+						"wrapper-class": "w-full",
+						class: "w-full",
+						placeholder: "Select resource",
+						"onUpdate:modelValue": (e) => y(t.id, "resourceId", String(e ?? ""))
+					}, {
+						default: M(() => [(w(!0), f(c, null, D(e.agendaData?.resources || [], (e) => (w(), u(j, {
+							key: e.id,
+							value: e.id
+						}, {
+							default: M(() => [m(k(e.name), 1)]),
+							_: 2
+						}, 1032, ["value"]))), 128))]),
+						_: 1
+					}, 8, ["model-value", "onUpdate:modelValue"])]),
+					p("div", Ye, [h(v, null, {
+						default: M(() => [...n[7] ||= [m("Type", -1)]]),
+						_: 1
+					}), h(N, {
+						"model-value": t.pricingOption,
+						"wrapper-class": "w-full",
+						class: "w-full",
+						placeholder: "Select type",
+						"onUpdate:modelValue": (e) => y(t.id, "pricingOption", String(e ?? ""))
+					}, {
+						default: M(() => [(w(!0), f(c, null, D(e.agendaData?.pricingOptions || [], (e) => (w(), u(j, {
+							key: e.id,
+							value: e.id
+						}, {
+							default: M(() => [m(k(e.name), 1)]),
+							_: 2
+						}, 1032, ["value"]))), 128))]),
+						_: 1
+					}, 8, ["model-value", "onUpdate:modelValue"])]),
+					p("div", { class: x(["grid gap-4", a.value ? "md:grid-cols-2 xl:grid-cols-2 xl:col-span-1" : ""]) }, [a.value ? (w(), f("div", Xe, [h(v, null, {
+						default: M(() => [...n[8] ||= [m("Spots", -1)]]),
+						_: 1
+					}), h(E, {
+						"model-value": t.spots,
+						type: "number",
+						min: "1",
+						class: "no-spinner",
+						"onUpdate:modelValue": (e) => S(t.id, e)
+					}, null, 8, ["model-value", "onUpdate:modelValue"])])) : d("", !0), p("div", { class: x(["grid gap-2", a.value ? "" : "md:col-span-2 xl:col-span-1"]) }, [h(v, null, {
+						default: M(() => [...n[9] ||= [m("Paid", -1)]]),
+						_: 1
+					}), h(E, {
+						"model-value": t.paid,
+						type: "number",
+						min: "0",
+						step: "1",
+						class: "no-spinner",
+						"onUpdate:modelValue": (e) => b(t.id, e)
+					}, null, 8, ["model-value", "onUpdate:modelValue"])], 2)], 2)
+				])], 2)
+			]))), 128))]))]);
+		};
+	}
+}), [["__scopeId", "data-v-e6916de3"]]), Qe = { class: "space-y-5 md:mt-5" }, $e = { class: "space-y-3" }, et = { class: "mt-4 text-red-400" }, tt = { class: "list-disc pl-4" }, nt = { key: 0 }, rt = { key: 1 }, it = "00:00", at = /* @__PURE__ */ g({
+	__name: "NewReservationDialog",
+	props: { agendaData: {} },
+	setup(e) {
+		let t = e, { params: n } = s(), { config: r } = o(), i = a(r.project), d = l(() => n.value?.id ?? n.id ?? ""), g = _("agendaData", E({})), v = l(() => t.agendaData ?? g.value ?? {}), y = E(!1), x = E(!1), S = E([]), C = /^([01]\d|2[0-3]):[0-5]\d$/, T = E([]), N = E(null), P = () => v.value?.resources?.[0]?.id ?? "", F = () => v.value?.pricingOptions?.find((e) => e.isDefault === !0)?.id ?? v.value?.pricingOptions?.[0]?.id ?? "", I = (e) => {
+			let t = e?.pricingOption ?? F(), n = v.value?.pricingOptions?.find((e) => e.id === t)?.price ?? 0;
+			typeof n == "string" && (n = Number(n));
+			let r = e?.paid ?? n;
+			return typeof r == "string" && (r = Number(r)), {
+				id: `reservation_${Date.now()}_${Math.random().toString(36).substring(2, 9)}`,
+				spots: Number(e?.spots) || 1,
+				paid: Number.isFinite(r) ? r : 0,
+				resourceId: e?.resourceId ?? P(),
+				pricingOption: t,
+				date: e?.date ?? "",
+				dateValue: e?.dateValue,
+				startTime: e?.startTime ?? it
+			};
+		}, L = () => {
+			T.value = [I()];
+		}, z = (e) => !e.date && e.startTime === it, B = () => {
+			let e = T.value[T.value.length - 1];
+			T.value = [...T.value, I(e ? { ...e } : void 0)];
+		}, V = (e) => v.value?.pricingOptions?.find((t) => t.id === e.pricingOption), H = (e) => v.value?.resources?.find((t) => t.id === e.resourceId), U = () => {
+			let e = Number(v.value?.maxTicketsPerReservation);
+			return Number.isFinite(e) && e > 0 ? e : null;
+		}, W = (e) => `Reservation ${e + 1}`, G = (e) => {
+			let t = String(e.date || "").trim(), n = String(e.startTime || "").trim(), r = String(e.resourceId || "").trim();
+			return !t || !n || !r ? "" : `${r}_${t}_${n}`;
+		}, K = () => {
+			let e = [], t = /* @__PURE__ */ new Map(), n = U();
+			return T.value.forEach((r, i) => {
+				let a = W(i), o = String(r.date || "").trim(), s = String(r.startTime || "").trim(), c = String(r.resourceId || "").trim(), l = String(r.pricingOption || "").trim(), u = Number(r.spots), d = Number(r.paid);
+				o || e.push(`${a}: please select a date.`), s ? C.test(s) || e.push(`${a}: please enter a valid time.`) : e.push(`${a}: please select a time.`), c ? H(r) || e.push(`${a}: the selected resource is no longer available.`) : e.push(`${a}: please select a resource.`), l ? V(r) || e.push(`${a}: the selected type is no longer available.`) : e.push(`${a}: please select a type.`), !Number.isFinite(u) || u <= 0 ? e.push(`${a}: spots must be at least 1.`) : n !== null && u > n && e.push(`${a}: spots cannot be more than ${n}.`), (!Number.isFinite(d) || d < 0) && e.push(`${a}: paid amount must be 0 or higher.`);
+				let f = G(r);
+				if (f) {
+					let n = t.get(f);
+					n === void 0 ? t.set(f, i) : e.push(`${a}: duplicate of ${W(n).toLowerCase()}.`);
+				}
+			}), e;
+		}, q = (e) => {
+			let t = e.startTimes.map((t) => I({
+				date: e.date ? `${e.date}` : "",
+				dateValue: e.date,
+				pricingOption: e.pricingOptionId,
+				resourceId: e.resourceId,
+				spots: e.spots,
+				startTime: t
+			}));
+			if (t.length !== 0) {
+				if (T.value.length === 1 && z(T.value[0])) {
+					T.value = t;
+					return;
+				}
+				T.value = [...T.value, ...t];
+			}
+		}, J = (e) => {
+			if (!e.startTime || !e.pricingOption) return "";
+			let t = V(e);
+			if (!t?.duration) return e.startTime;
+			let [n, r] = e.startTime.split(":").map(Number);
+			if (isNaN(n) || isNaN(r)) return "";
+			let i = n * 60 + r + t.duration, a = Math.floor(i / 60) % 24, o = i % 60;
+			return `${a.toString().padStart(2, "0")}:${o.toString().padStart(2, "0")}`;
+		};
+		j(y, async (e) => {
+			e && (S.value = [], L(), await b(), N.value?.reset());
+		});
+		let Y = () => {
+			let e = [];
+			S.value = [];
+			let t = N.value, n = t ? t.validateForm() : !1;
+			return t || e.push("Customer information form is unavailable."), T.value.length === 0 && e.push("Please add at least one reservation."), e.push(...K()), S.value = e, e.length === 0 && n;
+		}, X = async () => {
+			let e = N.value;
+			if (!e || !Y()) return;
+			let t = !1;
+			try {
+				x.value = !0;
+				let n = e.getCustomerInfo(), a = T.value.map((e) => {
+					let t = Number(e.paid) || 0, n = Number(e.spots) || 1, r = V(e), i = H(e), a = e.date;
+					return {
+						paidAmount: t,
+						flattenedReservationDate: `${e.resourceId}_${a}`,
+						flattenedReservation: `${e.resourceId}_${a}_${e.startTime.replace(":", "")}`,
+						reservation: {
+							status: "approved",
+							totalPrice: Number(t.toFixed(2)),
+							basePrice: Number((t / n).toFixed(2)),
+							addOnsPrice: 0,
+							addOns: [],
+							date: a,
+							id: `res_${Date.now()}_${Math.random().toString(36).substring(2, 9)}`,
+							pricingOption: {
+								duration: r?.duration || "",
+								id: r?.id || "",
+								name: r?.name || "",
+								price: r?.price || ""
+							},
+							pricingOptionId: e.pricingOption,
+							resource: {
+								avatarLabel: i?.avatarLabel || "",
+								color: i?.color || "",
+								description: i?.description || "",
+								id: i?.id || "",
+								name: i?.name || ""
+							},
+							resourceId: e.resourceId,
+							spots: n,
+							timeslot: {
+								startTime: e.startTime,
+								endTime: J(e)
+							}
+						}
+					};
+				}), o = Number(a.reduce((e, t) => e + t.paidAmount, 0).toFixed(2)), s = {
+					agendaId: d.value,
+					customerInfo: n,
+					metadata: {},
+					amountPaid: o,
+					amountDue: 0,
+					subtotal: o,
+					total: o,
+					createdAt: /* @__PURE__ */ new Date(),
+					updatedAt: /* @__PURE__ */ new Date(),
+					discount: 0,
+					flattenedReservationDates: Array.from(new Set(a.map((e) => e.flattenedReservationDate))),
+					flattenedReservations: a.map((e) => e.flattenedReservation),
+					paymentStatus: "paid",
+					paymentType: "full",
+					reservations: a.map((e) => e.reservation),
+					status: "confirmed"
+				};
+				await i.add(r.reservationsCollection, s), t = !0;
+			} catch (e) {
+				console.error("Error creating reservation:", e);
+			} finally {
+				x.value = !1, t && (y.value = !1);
+			}
+		};
+		return (e, t) => {
+			let n = O("Button"), r = O("ResponsiveModalTrigger"), i = O("ResponsiveModalTitle"), a = O("ResponsiveModalHeader"), o = O("ResponsiveModalFooter"), s = O("ResponsiveModalScrollContent"), l = O("ResponsiveModal");
+			return w(), u(l, {
+				open: y.value,
+				"onUpdate:open": t[1] ||= (e) => y.value = e
+			}, {
+				default: M(() => [h(r, { "as-child": "" }, {
+					default: M(() => [h(n, null, {
+						default: M(() => [h(A(R), { class: "size-4" }), t[2] ||= m(" Add Reservation ", -1)]),
+						_: 1
+					})]),
+					_: 1
+				}), h(s, { class: "@container/modal sm:max-w-7xl" }, {
+					default: M(() => [
+						h(a, null, {
+							default: M(() => [h(i, null, {
+								default: M(() => [...t[3] ||= [m("Create new reservation", -1)]]),
+								_: 1
+							})]),
+							_: 1
+						}),
+						p("div", Qe, [
+							h(te, {
+								ref_key: "customerInformationRef",
+								ref: N,
+								agendaData: v.value
+							}, null, 8, ["agendaData"]),
+							t[5] ||= p("div", { class: "w-full h-[1px] bg-border my-8" }, null, -1),
+							p("div", $e, [t[4] ||= p("div", { class: "flex items-center justify-between gap-3" }, [p("h2", { class: "text-sm font-medium" }, "Reservations")], -1), h(Ze, {
+								modelValue: T.value,
+								"onUpdate:modelValue": t[0] ||= (e) => T.value = e,
+								agendaData: v.value,
+								onAdd: B,
+								onQuickAdd: q
+							}, null, 8, ["modelValue", "agendaData"])]),
+							p("div", et, [p("ul", tt, [(w(!0), f(c, null, D(S.value, (e) => (w(), f("li", { key: e }, k(e), 1))), 128))])])
+						]),
+						h(o, { class: "gap-2" }, {
+							default: M(() => [h(n, {
+								onClick: X,
+								disabled: x.value
+							}, {
+								default: M(() => [x.value ? (w(), f("span", nt, "Creating...")) : (w(), f("span", rt, k(T.value.length > 1 ? `Create ${T.value.length} reservations` : "Create reservation"), 1))]),
+								_: 1
+							}, 8, ["disabled"])]),
+							_: 1
+						})
+					]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["open"]);
+		};
+	}
+});
+//#endregion
+export { at as t };