@oneclick.dev/cms-core-modules 0.0.117 → 0.0.119

package/dist/index-BnFWz40Q.mjs

@@ -0,0 +1,1261 @@
+import { defineComponent as ge, inject as Je, computed as P, ref as j, onMounted as Ke, nextTick as He, onUnmounted as Qe, watch as Q, openBlock as d, createElementBlock as C, resolveComponent as V, withModifiers as Ze, createElementVNode as m, Fragment as ue, createVNode as u, unref as e, normalizeStyle as me, toDisplayString as R, createCommentVNode as Z, createBlock as A, isRef as re, withCtx as b, createTextVNode as q, renderList as _e, normalizeClass as le, withDirectives as et, vModelText as tt, provide as at } from "vue";
+import { useModuleRoute as Me, useModule as Re, useFirebaseIntegration as Ve, useModulePermissions as st } from "@oneclick.dev/cms-kit";
+import { _ as ot } from "./EditLayout.vue_vue_type_script_setup_true_lang-pDO9b4Pv.mjs";
+import { f as Se, q as nt, p as rt, E as pe, Z as Ce, _ as it, B as Ee, Q as ze, u as ve, I as Oe, $ as lt, a0 as ct, a1 as dt, n as ut, h as mt, K as ft, J as pt, P as vt } from "./index-Bnn9LahC.mjs";
+import { componentToString as Pe, ChartTooltipContent as je } from "@oneclick.dev/cms-kit/charts";
+import { Layers as we, ChevronDown as gt, ChevronLeft as ht, ChevronRight as yt, CalendarIcon as xt, Users as Be, RefreshCw as bt, Search as kt, X as Dt, Eye as ye, EyeOff as xe, Clock as _t } from "lucide-vue-next";
+import { u as St } from "./index-hMp4p5qA.mjs";
+import { X as Ct, b as Ue, a as wt, c as $t, r as Mt, D as be, $ as Ne, O as ke, z as We, A as Fe } from "./index-cC_2cw31.mjs";
+import { _ as Rt } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+import { u as Vt, F as Tt, _ as It, a as At, b as Et } from "./OrderDetailDialog.vue_vue_type_script_setup_true_lang-DwAUYR8p.mjs";
+import { _ as zt } from "./NewReservationDialog.vue_vue_type_script_setup_true_lang-CcMEKZzd.mjs";
+function Ot({ x: p, y: h, w: o, h: y, tl: v = !1, tr: x = !1, bl: k = !1, br: l = !1, r: i = 0 }) {
+  let c;
+  c = `M${p + i},${h}h${o - 2 * i}`;
+  let n = x ? i : 0, f = x ? 0 : i;
+  return c += `a${n},${n} 0 0 1 ${n},${n}`, c += `h${f}v${f}`, c += `v${y - 2 * i}`, n = l ? i : 0, f = l ? 0 : i, c += `a${n},${n} 0 0 1 ${-n},${n}`, c += `v${f}h${-f}`, c += `h${2 * i - o}`, n = k ? i : 0, f = k ? 0 : i, c += `a${n},${n} 0 0 1 ${-n},${-n}`, c += `h${-f}v${-f}`, c += `v${2 * i - y}`, n = v ? i : 0, f = v ? 0 : i, c += `a${n},${n} 0 0 1 ${n},${-n}`, c += `v${-f}h${f}`, c += "z", c;
+}
+const Pt = Object.assign(Object.assign({}, Ct), { color: void 0, groupMaxWidth: void 0, groupWidth: void 0, dataStep: void 0, groupPadding: 0.05, barPadding: 0, roundedCorners: 2, barMinHeight: 2, cursor: null, orientation: Ue.Vertical }), qe = Se`
+  label: grouped-bar-component;
+`, jt = nt`
+  :root {
+    --vis-grouped-bar-cursor: default;
+    --vis-grouped-bar-fill-color: var(--vis-color-main);
+    --vis-grouped-bar-stroke-color: none;
+    --vis-grouped-bar-stroke-width: 0px;
+    --vis-grouped-bar-hover-stroke-width: 1px;
+    --vis-grouped-bar-hover-stroke-color: none;
+
+
+    /* Dark Theme */
+    --vis-dark-grouped-bar-stroke-color: none;
+  }
+
+  body.theme-dark ${`.${qe}`} {
+    --vis-grouped-bar-stroke-color: var(--vis-dark-grouped-bar-stroke-color);
+  }
+`, De = Se`
+  label: bar;
+  fill: var(--vis-grouped-bar-fill-color);
+  stroke: var(--vis-grouped-bar-stroke-color);
+  stroke-width: var(--vis-grouped-bar-stroke-width);
+  cursor: var(--vis-grouped-bar-cursor);
+
+  &:hover {
+    stroke-width: var(--vis-grouped-bar-hover-stroke-width);
+    stroke: var(--vis-grouped-bar-hover-stroke-color);
+  }
+`, $e = Se`
+  label: barGroup;
+`, Ye = Se`
+  label: barGroupExit;
+`, Bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  bar: De,
+  barGroup: $e,
+  barGroupExit: Ye,
+  globalStyles: jt,
+  root: qe
+}, Symbol.toStringTag, { value: "Module" }));
+class Xe extends wt {
+  constructor(h) {
+    super(), this._defaultConfig = Pt, this.config = this._defaultConfig, this.getAccessors = () => rt(this.config.y) ? this.config.y : [this.config.y], this.events = {}, this._barData = [], h && this.setConfig(h);
+  }
+  get bleed() {
+    if (this._barData = this._getVisibleData(), this._barData.length === 0)
+      return { top: 0, bottom: 0, left: 0, right: 0 };
+    const h = !this.isVertical() && this.dataScale.range()[0] > this.dataScale.range()[1], o = this.dataScale.domain(), y = this._getGroupWidth() / 2, v = this._barData.map((_, O) => pe(_, this.config.x, O)), x = Ce(v), k = it(v), l = this.dataScale(x), i = this.dataScale(k), c = this.dataScale.invert(l + (h ? y : -y)), n = this.dataScale.invert(i + (h ? -y : y)), f = c <= o[0] ? this.dataScale(o[0]) - this.dataScale(c) : 0, T = n > o[1] ? this.dataScale(n) - this.dataScale(o[1]) : 0;
+    return {
+      top: this.isVertical() ? 0 : h ? -T : f,
+      bottom: this.isVertical() ? 0 : h ? -f : T,
+      left: this.isVertical() ? f : 0,
+      right: this.isVertical() ? T : 0
+    };
+  }
+  get dataScale() {
+    return this.isVertical() ? this.xScale : this.yScale;
+  }
+  get valueScale() {
+    return this.isVertical() ? this.yScale : this.xScale;
+  }
+  isVertical() {
+    return this.config.orientation === Ue.Vertical;
+  }
+  _render(h) {
+    const { config: o } = this, y = Ee(h) ? h : o.duration, v = this._getGroupWidth(), x = this.getAccessors(), k = [-v / 2, v / 2], l = $t().domain(Mt(x.length)).range(k).paddingInner(o.barPadding).paddingOuter(o.barPadding), i = this.g.selectAll(`.${$e}`).data(this._barData, (B, E) => {
+      var L;
+      return `${(L = ze(B, o.id, E)) !== null && L !== void 0 ? L : E}`;
+    }), c = (B, E) => {
+      const L = this.dataScale(pe(B, o.x, E)), z = this.isVertical() ? L : 0, U = this.isVertical() ? 0 : L;
+      return `translate(${z},${U})`;
+    }, f = i.enter().append("g").attr("class", $e).attr("transform", c).style("opacity", 1).merge(i);
+    ve(f, y).attr("transform", c).style("opacity", 1);
+    const T = i.exit().attr("class", Ye);
+    ve(T, y).style("opacity", 0).remove(), ve(T.selectAll(`.${De}`), y).attr("transform", (B, E, L) => this.isVertical() ? `translate(0,${this.yScale(0)}) scale(1,0)` : `translate(${this.xScale(0)},0) scale(0,1)`);
+    const _ = l.bandwidth(), O = f.selectAll(`.${De}`).data((B) => x.map(() => B)), I = this._getValueAxisDirection(), ee = O.enter().append("path").attr("class", De).attr("d", (B, E) => {
+      const L = l(E), z = this.valueScale(0), U = _;
+      return this._getBarPath(L, z, U, 0, !1, I);
+    }).style("fill", (B, E) => Oe(B, o.color, E)).merge(O);
+    ve(ee, y).attr("d", (B, E) => {
+      const L = l(E), z = _, U = pe(B, x[E]), g = U < 0;
+      let N = g ? this.valueScale(0) : this.valueScale(U || 0), ae = Math.abs(this.valueScale(0) - this.valueScale(U)) || 0;
+      if (ae < o.barMinHeight) {
+        const ce = I === be.North ? -1 : 1;
+        N = this.valueScale(0) + ce * o.barMinHeight, ae = o.barMinHeight;
+      }
+      return this._getBarPath(L, N, z, ae, g, I);
+    }).style("fill", (B, E) => Oe(B, o.color, E)).style("cursor", (B, E) => ze(B, o.cursor, E)), ve(O.exit(), y).remove();
+  }
+  _getValueAxisDirection() {
+    return this.valueScale.range()[0] > this.valueScale.range()[1] ? be.North : be.South;
+  }
+  _getVisibleData() {
+    const { config: h, datamodel: { data: o } } = this, y = this._getGroupWidth(), v = o.length < 2 ? 0 : y / 2, x = this.dataScale, k = Math.abs(x.invert(v) - x.invert(0));
+    return o?.filter((i, c) => {
+      const n = pe(i, h.x, c), f = x.domain(), T = +f[0], _ = +f[1];
+      return n >= T - k && n <= _ + k;
+    });
+  }
+  _getBarPath(h, o, y, v, x, k) {
+    const { config: l } = this, i = l.roundedCorners ? Ee(l.roundedCorners) ? +l.roundedCorners : y / 2 : 0, c = mt(i, 0, Math.min(v, y) / 2), n = k === be.North, f = this.isVertical() && x !== n, T = this.isVertical() && x === n, _ = !this.isVertical() && x, O = !this.isVertical() && !x;
+    return Ot({
+      x: this.isVertical() ? h : o + (n ? 0 : -v),
+      y: this.isVertical() ? o + (n ? 0 : -v) : h,
+      w: this.isVertical() ? y : v,
+      h: this.isVertical() ? v : y,
+      tl: f || _,
+      tr: f || O,
+      bl: T || _,
+      br: T || O,
+      r: c
+    });
+  }
+  _getGroupWidth() {
+    const { config: h, datamodel: { data: o } } = this;
+    if (lt(o))
+      return 0;
+    if (h.groupWidth)
+      return Ce([h.groupWidth, h.groupMaxWidth]);
+    const y = this.dataScale.bandwidth, v = this.dataScale.domain ? this.dataScale.domain() : [];
+    let k = 1 + (y ? v.length : v[1] - v[0]) / h.dataStep || !y && o.filter((c, n) => {
+      const f = pe(c, h.x, n);
+      return f >= v[0] && f <= v[1];
+    }).length || o.length;
+    !y && k >= 2 && (k += 1);
+    const i = (k < 2 ? 1 : 1 - h.groupPadding) * (this.isVertical() ? this._width : this._height) / k;
+    return Ce([i, h.groupMaxWidth]);
+  }
+  getValueScaleExtent(h) {
+    const { datamodel: o } = this, y = this.getAccessors(), v = h ? this._getVisibleData() : o.data, x = ct(v, ...y), k = dt(v, ...y);
+    return [x > 0 ? 0 : x, k < 0 ? 0 : k];
+  }
+  getDataScaleExtent() {
+    const { config: h, datamodel: o } = this;
+    return ut(o.data, h.x);
+  }
+  getYDataExtent(h) {
+    return this.isVertical() ? this.getValueScaleExtent(h) : this.getDataScaleExtent();
+  }
+  getXDataExtent() {
+    return this.isVertical() ? this.getDataScaleExtent() : this.getValueScaleExtent(!1);
+  }
+}
+Xe.selectors = Bt;
+const Nt = { "data-vis-component": "" }, Le = /* @__PURE__ */ ge({
+  __name: "index",
+  props: {
+    color: {},
+    groupWidth: {},
+    groupMaxWidth: {},
+    dataStep: {},
+    groupPadding: {},
+    barPadding: {},
+    roundedCorners: { type: [Number, Boolean] },
+    barMinHeight: {},
+    cursor: {},
+    orientation: {},
+    x: {},
+    y: {},
+    id: { type: Function },
+    xScale: { type: [Object, Function] },
+    yScale: { type: [Object, Function] },
+    excludeFromDomainCalculation: { type: Boolean },
+    duration: {},
+    events: {},
+    attributes: {},
+    data: {}
+  },
+  setup(p, { expose: h }) {
+    const o = Je(ft), y = p, v = P(() => o.data.value ?? y.data), x = pt(y), k = j();
+    return Ke(() => {
+      He(() => {
+        var l;
+        k.value = new Xe(x.value), (l = k.value) == null || l.setData(v.value), o.update(k.value);
+      });
+    }), Qe(() => {
+      var l;
+      (l = k.value) == null || l.destroy(), o.destroy();
+    }), Q(x, (l, i) => {
+      var c;
+      vt(l, i) || (c = k.value) == null || c.setConfig(x.value);
+    }), Q(v, () => {
+      var l;
+      (l = k.value) == null || l.setData(v.value);
+    }), h({
+      component: k
+    }), (l, i) => (d(), C("div", Nt));
+  }
+}), Wt = { class: "flex flex-col sm:flex-row" }, Ft = ["data-active"], Lt = { class: "flex items-center gap-2" }, Gt = { class: "block text-muted-foreground text-xs mr-2 max-w-[120px] truncate" }, Ht = { class: "block text-lg leading-none font-bold sm:text-3xl" }, Ut = { class: "mx-auto w-full max-w-sm mt-2 mb-8" }, qt = { class: "text-muted-foreground" }, Yt = { class: "text-muted-foreground" }, Xt = { class: "grid" }, Jt = { class: "flex gap-1 overflow-hidden max-w-80" }, Kt = { class: "truncate" }, Qt = /* @__PURE__ */ ge({
+  __name: "ResourceSelector",
+  props: {
+    resources: {
+      type: Array,
+      required: !0
+    },
+    totals: {
+      type: Object,
+      required: !0
+    },
+    viewMode: {
+      type: String,
+      required: !0
+    },
+    activeChart: {
+      type: String,
+      required: !1
+    }
+  },
+  emits: ["update:viewMode", "update:activeChart"],
+  setup(p, { emit: h }) {
+    const o = p, y = h, v = P({
+      get: () => o.viewMode,
+      set: (c) => {
+        y("update:viewMode", c);
+      }
+    }), x = P({
+      get: () => o.activeChart,
+      set: (c) => {
+        y("update:activeChart", c);
+      }
+    }), { width: k } = St(), l = P(() => k.value < 640), i = j(!1);
+    return (c, n) => {
+      const f = V("DrawerTitle"), T = V("DrawerDescription"), _ = V("DrawerHeader"), O = V("Button"), I = V("DrawerFooter"), J = V("DrawerContent"), ee = V("Drawer"), B = V("DropdownMenuTrigger"), E = V("DropdownMenuLabel"), L = V("DropdownMenuItem"), z = V("DropdownMenuContent"), U = V("DropdownMenu");
+      return d(), C("div", Wt, [
+        p.resources.length > 1 ? (d(), C("button", {
+          key: 0,
+          "data-active": p.viewMode === "stacked",
+          class: "hover:bg-muted/50 flex flex-1 flex-col justify-center gap-2 border-t px-4 py-3 text-left sm:border-t-0 sm:border-l sm:px-6 sm:py-6 cursor-pointer select-none",
+          onClick: n[0] || (n[0] = (g) => i.value = !0),
+          onContextmenu: n[1] || (n[1] = Ze((g) => i.value = !0, ["prevent"]))
+        }, [
+          m("div", Lt, [
+            p.viewMode === "stacked" ? (d(), C(ue, { key: 0 }, [
+              u(e(we), { class: "size-3 text-muted-foreground" }),
+              n[6] || (n[6] = m("span", { class: "block text-muted-foreground text-xs mr-2 max-w-[120px] truncate" }, "All Resources", -1))
+            ], 64)) : (d(), C(ue, { key: 1 }, [
+              m("div", {
+                class: "size-3 rounded-full mr-2",
+                style: me({ backgroundColor: p.resources.find((g) => g.id === p.activeChart)?.color || "#6b7280" })
+              }, null, 4),
+              m("span", Gt, R(p.resources.find((g) => g.id === p.activeChart)?.name || "Select Resource"), 1)
+            ], 64)),
+            u(e(gt), { class: "ml-auto size-4" })
+          ]),
+          m("span", Ht, R(p.viewMode === "stacked" ? Object.values(p.totals).reduce((g, N) => g + N, 0).toLocaleString() : (p.totals[p.activeChart] || 0).toLocaleString()), 1)
+        ], 40, Ft)) : Z("", !0),
+        e(l) ? (d(), A(ee, {
+          key: 1,
+          open: e(i),
+          "onUpdate:open": n[3] || (n[3] = (g) => re(i) ? i.value = g : null)
+        }, {
+          default: b(() => [
+            u(J, null, {
+              default: b(() => [
+                m("div", Ut, [
+                  u(_, null, {
+                    default: b(() => [
+                      u(f, null, {
+                        default: b(() => [...n[7] || (n[7] = [
+                          q("Resources", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      u(T, null, {
+                        default: b(() => [...n[8] || (n[8] = [
+                          q("Select the resources to display on the timeline.", -1)
+                        ])]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }),
+                  u(I, null, {
+                    default: b(() => [
+                      u(O, {
+                        onClick: n[2] || (n[2] = (g) => {
+                          v.value = "stacked", x.value = "", i.value = !1;
+                        }),
+                        variant: p.viewMode === "stacked" ? "secondary" : "outline"
+                      }, {
+                        default: b(() => [
+                          u(e(we), { class: "size-3 text-muted-foreground" }),
+                          m("span", qt, " All Resources (" + R(Object.values(p.totals).reduce((g, N) => g + N, 0).toLocaleString()) + ") ", 1)
+                        ]),
+                        _: 1
+                      }, 8, ["variant"]),
+                      (d(!0), C(ue, null, _e(p.resources, (g) => (d(), A(O, {
+                        key: g.id,
+                        onClick: (N) => {
+                          v.value = "single", x.value = g.id, i.value = !1;
+                        },
+                        variant: p.viewMode === "single" && p.activeChart === g.id ? "secondary" : "outline"
+                      }, {
+                        default: b(() => [
+                          m("div", {
+                            class: "size-3 rounded-full",
+                            style: me({ backgroundColor: g.color || "#6b7280" })
+                          }, null, 4),
+                          m("span", Yt, R(g.name) + " (" + R((p.totals[g.id] || 0).toLocaleString()) + ") ", 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick", "variant"]))), 128))
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["open"])) : (d(), A(U, {
+          key: 2,
+          open: e(i),
+          "onUpdate:open": n[5] || (n[5] = (g) => re(i) ? i.value = g : null)
+        }, {
+          default: b(() => [
+            u(B, { "as-child": "" }, {
+              default: b(() => [...n[9] || (n[9] = [
+                m("button", {
+                  tabindex: "-1",
+                  class: "size-0 opacity-0 self-end"
+                }, null, -1)
+              ])]),
+              _: 1
+            }),
+            u(z, { align: "end" }, {
+              default: b(() => [
+                u(E, null, {
+                  default: b(() => [...n[10] || (n[10] = [
+                    q("Resources", -1)
+                  ])]),
+                  _: 1
+                }),
+                m("div", Xt, [
+                  u(L, {
+                    onClick: n[4] || (n[4] = (g) => {
+                      v.value = "stacked", x.value = "", i.value = !1;
+                    }),
+                    class: le(p.viewMode === "stacked" ? "bg-input" : "")
+                  }, {
+                    default: b(() => [
+                      u(e(we), { class: "size-3 text-muted-foreground" }),
+                      m("span", null, " All Resources (" + R(Object.values(p.totals).reduce((g, N) => g + N, 0).toLocaleString()) + ") ", 1)
+                    ]),
+                    _: 1
+                  }, 8, ["class"]),
+                  (d(!0), C(ue, null, _e(p.resources, (g) => (d(), A(L, {
+                    key: g.id,
+                    onClick: (N) => {
+                      v.value = "single", x.value = g.id, i.value = !1;
+                    },
+                    class: le(p.viewMode === "single" && p.activeChart === g.id ? "bg-input" : "")
+                  }, {
+                    default: b(() => [
+                      m("div", {
+                        class: "size-3 rounded-full",
+                        style: me({ backgroundColor: g.color || "#6b7280" })
+                      }, null, 4),
+                      m("span", Jt, [
+                        m("span", Kt, R(g.name), 1),
+                        m("span", null, "(" + R((p.totals[g.id] || 0).toLocaleString()) + ")", 1)
+                      ])
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick", "class"]))), 128))
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["open"]))
+      ]);
+    };
+  }
+}), Zt = { class: "flex flex-1 flex-col justify-center gap-1 px-6 py-5 sm:py-6" }, ea = { class: "flex flex-col sm:flex-row sm:items-center gap-2 sm:gap-3" }, ta = { class: "flex items-center gap-1" }, aa = { class: "timeline-date-trigger" }, sa = {
+  key: 1,
+  class: "flex items-center justify-center px-6 py-4 text-muted-foreground text-sm"
+}, oa = {
+  key: 0,
+  class: "flex items-center justify-center h-[250px]"
+}, na = {
+  key: 1,
+  class: "flex items-center justify-center h-[250px]"
+}, ra = {
+  key: 2,
+  class: "timeline-chart-scroll"
+}, Ge = "#61616180", ia = 36, la = /* @__PURE__ */ ge({
+  __name: "Timeline",
+  props: {
+    modelValue: {},
+    selectedResource: {},
+    viewMode: {},
+    agendaData: {},
+    resources: {}
+  },
+  emits: ["update:modelValue", "update:selectedResource", "update:viewMode"],
+  setup(p, { emit: h }) {
+    const o = p, y = h, { params: v } = Me(), { config: x } = Re(), k = Ve(x.project), l = j([]), i = j([]), c = j(!0), n = j(o.viewMode || "stacked"), f = j(o.selectedResource || "");
+    Q(n, (s) => {
+      y("update:viewMode", s);
+    }, { immediate: !0 }), Q(f, (s) => {
+      y("update:selectedResource", n.value === "single" ? s : null);
+    }), Q(n, (s) => {
+      y("update:selectedResource", s === "single" ? f.value : null);
+    }), Q(() => o.selectedResource, (s) => {
+      n.value === "single" && s !== f.value && (f.value = s || "");
+    });
+    const T = /* @__PURE__ */ new Date(), _ = j(o.modelValue || /* @__PURE__ */ new Date()), O = j(null);
+    Q(() => o.modelValue, (s) => {
+      s && s.getTime() !== _.value.getTime() && (_.value = s);
+    }), Q(_, (s) => {
+      y("update:modelValue", s);
+    }, { immediate: !0 });
+    const I = P({
+      get: () => w(_.value),
+      set: (s) => {
+        if (!s) {
+          _.value = /* @__PURE__ */ new Date();
+          return;
+        }
+        _.value = /* @__PURE__ */ new Date(`${s}T00:00:00`);
+      }
+    }), J = () => {
+      const s = O.value;
+      if (s) {
+        if (typeof s.showPicker == "function") {
+          s.showPicker();
+          return;
+        }
+        s.focus(), s.click();
+      }
+    }, ee = P(() => {
+      const s = new Date(T);
+      s.setDate(T.getDate() - 1);
+      const t = new Date(T);
+      return t.setDate(T.getDate() + 1), _.value.toDateString() === T.toDateString() ? "Today" : _.value.toDateString() === s.toDateString() ? "Yesterday" : _.value.toDateString() === t.toDateString() ? "Tomorrow" : _.value.toLocaleDateString("en-US", {
+        weekday: "long",
+        month: "long",
+        day: "numeric",
+        year: "numeric"
+      });
+    }), B = () => {
+      const s = new Date(_.value);
+      s.setDate(s.getDate() - 1), _.value = s;
+    }, E = () => {
+      const s = new Date(_.value);
+      s.setDate(s.getDate() + 1), _.value = s;
+    }, L = () => {
+      _.value = /* @__PURE__ */ new Date();
+    }, z = P(() => (o.resources?.length || 0) === 0 ? 10 : Math.max(...(o.resources || []).map((s) => s.capacity || 10))), U = P(() => (o.resources?.length || 0) === 0 ? 10 : (o.resources || []).reduce((s, t) => s + (t.capacity || 10), 0)), g = P(() => (o.resources?.length || 0) === 0 ? 60 : Math.min(...(o.resources || []).map((s) => s.interval || 60))), N = P(() => {
+      const s = {
+        total: {
+          label: "Total Reservations",
+          color: void 0
+        }
+      };
+      return (o.resources || []).forEach((t, S) => {
+        s[t.id] = {
+          label: t.name,
+          color: t.color || `var(--chart-${S % 5 + 1})`
+        };
+      }), s;
+    });
+    Q(() => o.resources, (s) => {
+      const t = s?.[0];
+      t && !f.value && (f.value = t.id);
+    }, { immediate: !0 });
+    const ae = P(() => [...o.resources || []].sort((s, t) => {
+      const S = fe.value[s.id] || 0;
+      return (fe.value[t.id] || 0) - S;
+    })), ce = P(() => {
+      const s = [];
+      return g.value, l.value.forEach((t, S) => {
+        t.time.endsWith(":00") && s.push(S);
+      }), s;
+    }), fe = P(() => {
+      const s = {};
+      return o.resources?.forEach((t) => {
+        s[t.id] = i.value.filter((S) => S.resourceId === t.id).reduce((S, $) => S + ($.reserved || 0), 0);
+      }), s;
+    }), he = P(() => l.value.reduce((s, t) => Math.max(s, t.total || 0), 0)), te = P(() => ({
+      minWidth: `max(100%, ${Math.max(l.value.length, 1) * ia}px)`
+    })), Te = P(() => Math.max(U.value, he.value, 1)), r = (s, t) => {
+      const S = s[t];
+      return typeof S == "number" ? S : 0;
+    }, a = (s, t) => {
+      const S = ae.value[t];
+      return !S || r(s, S.id) <= 0 ? 0 : ae.value.slice(t).reduce(($, G) => $ + r(s, G.id), 0);
+    }, w = (s) => {
+      const t = s.getFullYear(), S = String(s.getMonth() + 1).padStart(2, "0"), $ = String(s.getDate()).padStart(2, "0");
+      return `${t}-${S}-${$}`;
+    }, W = (s) => {
+      const [t, S] = s.split(":").map(Number);
+      return t * 60 + S;
+    }, Y = (s, t) => (o.agendaData?.exceptions || []).find(($) => t >= $.startDate && t <= $.endDate ? $.resourceIds === null ? !0 : $.resourceIds?.includes(s) : !1) || null, F = P(() => {
+      const s = w(_.value), t = _.value.getDay();
+      let S = 1440, $ = 0;
+      if ((o.resources || []).forEach((ne) => {
+        const H = Y(ne.id, s);
+        if (H) {
+          if (H.isClosed)
+            return;
+          H.timeslots.forEach((K) => {
+            const D = W(K.startTime), M = W(K.endTime);
+            S = Math.min(S, D), $ = Math.max($, M);
+          });
+        } else
+          (ne.openingHours?.[t] || []).forEach((D) => {
+            const M = W(D.start), X = W(D.end);
+            S = Math.min(S, M), $ = Math.max($, X);
+          });
+      }), S >= $)
+        return { startMinutes: 540, endMinutes: 1020 };
+      const G = Math.floor(S / 60) * 60, ie = Math.ceil($ / 60) * 60;
+      return { startMinutes: G, endMinutes: ie };
+    }), se = () => {
+      const s = [], t = g.value, { startMinutes: S, endMinutes: $ } = F.value;
+      for (let G = S; G < $; G += t) {
+        const ie = Math.floor(G / 60), ne = G % 60, H = `${String(ie).padStart(2, "0")}:${String(ne).padStart(2, "0")}`, K = {
+          time: H,
+          label: H,
+          total: 0
+        };
+        o.resources?.forEach((D) => {
+          K[D.id] = 0;
+        }), s.push(K);
+      }
+      return s;
+    }, oe = async () => {
+      c.value = !0;
+      try {
+        const s = v.value.id, t = w(_.value), S = `${s}_${t}`, $ = await k.get(x.reservedSpotsCollection, S);
+        i.value = [];
+        for (const H of o.resources || []) {
+          const K = $?.[H.id] || {};
+          Object.entries(K).forEach(([D, M]) => {
+            const [X, de] = D.split("-");
+            i.value.push({
+              resourceId: H.id,
+              startTime: X,
+              endTime: de,
+              reserved: M
+            });
+          });
+        }
+        const G = se(), ie = g.value, { startMinutes: ne } = F.value;
+        i.value.forEach((H) => {
+          const K = W(H.startTime), D = W(H.endTime);
+          for (let M = K; M < D; M += ie) {
+            const X = Math.floor((M - ne) / ie);
+            if (X >= 0 && X < G.length) {
+              const de = G[X][H.resourceId];
+              if (typeof de == "number") {
+                const Ae = Number(H.reserved) || 0;
+                G[X][H.resourceId] = de + Ae, G[X].total += Ae;
+              }
+            }
+          }
+        }), l.value = G;
+      } catch (s) {
+        console.error("Error loading reservation data:", s), l.value = se(), i.value = [];
+      } finally {
+        c.value = !1;
+      }
+    };
+    return (async () => await oe())(), Q(_, () => {
+      oe();
+    }), Q(() => o.resources, () => {
+      (o.resources?.length || 0) > 0 && oe();
+    }), (s, t) => {
+      const S = V("CardTitle"), $ = V("Button"), G = V("CardDescription"), ie = V("CardHeader"), ne = V("ChartContainer"), H = V("CardContent"), K = V("Card");
+      return d(), A(K, { class: "py-4 sm:py-0" }, {
+        default: b(() => [
+          u(ie, { class: "flex flex-col items-stretch border-b !p-0 sm:flex-row" }, {
+            default: b(() => [
+              m("div", Zt, [
+                m("div", ea, [
+                  u(S, null, {
+                    default: b(() => [...t[3] || (t[3] = [
+                      q("Reservations", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  m("div", ta, [
+                    u($, {
+                      variant: "outline",
+                      size: "icon",
+                      class: "size-8",
+                      onClick: B
+                    }, {
+                      default: b(() => [
+                        u(e(ht), { size: 16 })
+                      ]),
+                      _: 1
+                    }),
+                    u($, {
+                      variant: "outline",
+                      size: "sm",
+                      class: "h-8 px-3 text-xs",
+                      onClick: L
+                    }, {
+                      default: b(() => [...t[4] || (t[4] = [
+                        q(" Today ", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    u($, {
+                      variant: "outline",
+                      size: "icon",
+                      class: "size-8",
+                      onClick: E
+                    }, {
+                      default: b(() => [
+                        u(e(yt), { size: 16 })
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                u(G, null, {
+                  default: b(() => [
+                    m("div", aa, [
+                      u($, {
+                        type: "button",
+                        variant: "outline",
+                        onClick: J
+                      }, {
+                        default: b(() => [
+                          u(e(xt), { class: "size-4" }),
+                          q(" " + R(e(ee)), 1)
+                        ]),
+                        _: 1
+                      }),
+                      et(m("input", {
+                        ref_key: "dateInputRef",
+                        ref: O,
+                        "onUpdate:modelValue": t[0] || (t[0] = (D) => re(I) ? I.value = D : null),
+                        type: "date",
+                        class: "timeline-date-picker",
+                        "aria-label": "Select reservation date"
+                      }, null, 512), [
+                        [tt, e(I)]
+                      ])
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              (p.resources?.length || 0) > 0 ? (d(), A(Qt, {
+                key: 0,
+                resources: p.resources || [],
+                totals: e(fe),
+                viewMode: e(n),
+                "onUpdate:viewMode": t[1] || (t[1] = (D) => re(n) ? n.value = D : null),
+                activeChart: e(f),
+                "onUpdate:activeChart": t[2] || (t[2] = (D) => re(f) ? f.value = D : null)
+              }, null, 8, ["resources", "totals", "viewMode", "activeChart"])) : (d(), C("div", sa, " No resources configured "))
+            ]),
+            _: 1
+          }),
+          u(H, { class: "px-2 sm:p-6" }, {
+            default: b(() => [
+              e(c) ? (d(), C("div", oa, [...t[5] || (t[5] = [
+                m("div", { class: "text-muted-foreground" }, "Loading...", -1)
+              ])])) : (p.resources?.length || 0) === 0 ? (d(), C("div", na, [...t[6] || (t[6] = [
+                m("div", { class: "text-muted-foreground" }, "No resources to display", -1)
+              ])])) : (d(), C("div", ra, [
+                e(n) === "stacked" ? (d(), A(ne, {
+                  key: 0,
+                  config: e(N),
+                  style: me(e(te)),
+                  class: "aspect-auto h-[250px] w-full",
+                  cursor: ""
+                }, {
+                  default: b(() => [
+                    u(e(Ne), {
+                      data: e(l),
+                      margin: { left: -24 },
+                      "y-domain": [0, e(Te)]
+                    }, {
+                      default: b(() => [
+                        (d(!0), C(ue, null, _e(e(ae), (D, M) => (d(), A(e(Le), {
+                          key: D.id,
+                          x: (X, de) => de,
+                          y: (X) => a(X, M),
+                          color: (X) => r(X, D.id) > 0 ? e(N)[D.id]?.color : Ge,
+                          "bar-padding": 0.1,
+                          "rounded-corners": 2
+                        }, null, 8, ["x", "y", "color"]))), 128)),
+                        u(e(ke), {
+                          type: "x",
+                          x: (D, M) => M,
+                          "tick-line": !1,
+                          "domain-line": !1,
+                          "grid-line": !1,
+                          "tick-values": e(ce),
+                          "tick-format": (D) => e(l)[D]?.time || ""
+                        }, null, 8, ["x", "tick-values", "tick-format"]),
+                        u(e(ke), {
+                          type: "y",
+                          "num-ticks": 3,
+                          "tick-line": !1,
+                          "domain-line": !1
+                        }),
+                        u(e(We)),
+                        u(e(Fe), {
+                          template: e(Pe)(e(N), e(je), {
+                            labelFormatter(D) {
+                              if (D instanceof Date) return "";
+                              const M = Math.round(D);
+                              return M >= 0 && M < e(l).length && e(l)[M]?.time || "";
+                            }
+                          }),
+                          color: "#0000"
+                        }, null, 8, ["template"])
+                      ]),
+                      _: 1
+                    }, 8, ["data", "y-domain"])
+                  ]),
+                  _: 1
+                }, 8, ["config", "style"])) : (d(), A(ne, {
+                  key: e(f),
+                  config: e(N),
+                  style: me(e(te)),
+                  class: "aspect-auto h-[250px] w-full",
+                  cursor: ""
+                }, {
+                  default: b(() => [
+                    u(e(Ne), {
+                      data: e(l),
+                      margin: { left: -24 },
+                      "y-domain": [0, e(z)]
+                    }, {
+                      default: b(() => [
+                        u(e(Le), {
+                          x: (D, M) => M,
+                          y: (D) => D[e(f)] || 0,
+                          color: (D) => D[e(f)] > 0 ? e(N)[e(f)]?.color : Ge,
+                          "bar-padding": 0.1,
+                          "rounded-corners": !1
+                        }, null, 8, ["x", "y", "color"]),
+                        u(e(ke), {
+                          type: "x",
+                          x: (D, M) => M,
+                          "tick-line": !1,
+                          "domain-line": !1,
+                          "grid-line": !1,
+                          "tick-values": e(ce),
+                          "tick-format": (D) => e(l)[D]?.time || ""
+                        }, null, 8, ["x", "tick-values", "tick-format"]),
+                        u(e(ke), {
+                          type: "y",
+                          "num-ticks": 3,
+                          "tick-line": !1,
+                          "domain-line": !1
+                        }),
+                        u(e(We)),
+                        u(e(Fe), {
+                          template: e(Pe)(e(N), e(je), {
+                            labelFormatter(D) {
+                              if (D instanceof Date) return "";
+                              const M = Math.round(D);
+                              return M >= 0 && M < e(l).length && e(l)[M]?.time || "";
+                            }
+                          }),
+                          color: "#0000"
+                        }, null, 8, ["template"])
+                      ]),
+                      _: 1
+                    }, 8, ["data", "y-domain"])
+                  ]),
+                  _: 1
+                }, 8, ["config", "style"]))
+              ]))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+}), ca = /* @__PURE__ */ Rt(la, [["__scopeId", "data-v-fa0a6ba8"]]), da = { class: "flex flex-row items-center justify-between gap-2" }, ua = { class: "relative mb-4" }, ma = { class: "flex gap-1 mb-4 flex-wrap select-none" }, fa = {
+  key: 0,
+  class: "mb-3 text-sm text-muted-foreground"
+}, pa = {
+  key: 1,
+  class: "flex items-center justify-center py-8"
+}, va = {
+  key: 2,
+  class: "flex flex-col items-center gap-2 text-center py-8 text-muted-foreground"
+}, ga = {
+  key: 3,
+  class: "text-center py-8 text-muted-foreground"
+}, ha = {
+  key: 4,
+  class: "space-y-2"
+}, ya = ["onClick"], xa = { class: "flex items-start justify-between" }, ba = { class: "flex-1" }, ka = { class: "font-medium" }, Da = { class: "text-sm text-muted-foreground" }, _a = { class: "text-sm text-muted-foreground" }, Sa = { class: "flex items-center gap-4 flex-wrap" }, Ca = { class: "flex items-center gap-2 mt-1 text-xs text-muted-foreground" }, wa = { class: "flex items-center gap-2 mt-1 text-xs text-muted-foreground" }, $a = {
+  key: 0,
+  class: "flex items-center gap-1 mt-1 text-xs text-muted-foreground"
+}, Ma = { class: "text-right" }, Ra = {
+  key: 0,
+  class: "inline-block px-2 py-1 text-xs rounded-full bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400"
+}, Va = {
+  key: 1,
+  class: "inline-block px-2 py-1 text-xs rounded-full bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400"
+}, Ta = {
+  key: 2,
+  class: "inline-block px-2 py-1 text-xs rounded-full bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400"
+}, Ia = {
+  key: 3,
+  class: "inline-block px-2 py-1 text-xs rounded-full bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400"
+}, Aa = {
+  key: 4,
+  class: "inline-block px-2 py-1 text-xs rounded-full bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400"
+}, Ea = {
+  key: 5,
+  class: "text-sm font-medium mt-1"
+}, za = /* @__PURE__ */ ge({
+  __name: "BookingsList",
+  props: {
+    agendaData: {},
+    activeDate: {},
+    selectedResource: {},
+    resources: {}
+  },
+  emits: ["resetSelectedResource"],
+  setup(p, { emit: h }) {
+    const o = p, y = h, { params: v } = Me(), { config: x } = Re(), k = Ve(x.project), l = j([]), i = j(!0), c = j(""), n = j(null), f = j(null), T = P(() => v.value?.id ?? v.id ?? o.agendaData?.id ?? ""), { metadataSchema: _ } = Vt(T), O = P(() => ({
+      date: I(o.activeDate),
+      resource: null
+    }));
+    at("event", O);
+    const I = (r) => {
+      const a = r.getFullYear(), w = String(r.getMonth() + 1).padStart(2, "0"), W = String(r.getDate()).padStart(2, "0");
+      return `${a}-${w}-${W}`;
+    }, J = P(() => {
+      let r = l.value;
+      return o.selectedResource && (r = r.filter((a) => a.resourceId === o.selectedResource)), c.value.trim() && (r = new Tt(r, {
+        keys: [
+          "customerInfo.firstName",
+          "customerInfo.lastName",
+          "customerInfo.email",
+          "customerInfo.phone",
+          "resourceName"
+        ],
+        threshold: 0.3,
+        ignoreLocation: !0
+      }).search(c.value).map((w) => w.item)), r;
+    }), ee = P(() => J.value.filter((r) => z.value.includes(r.reservationStatus))), B = P(() => {
+      let r = JSON.parse(JSON.stringify(l.value));
+      return o.selectedResource && (r = r.filter((a) => a.resourceId === o.selectedResource)), r.some((a) => a.reservationStatus === "approved" || a.reservationStatus === "needs_approval");
+    }), E = P(() => {
+      const r = l.value.filter((a) => a.reservationStatus === "approved" || a.reservationStatus === "needs_approval");
+      return {
+        spots: r.reduce((a, w) => a + (w.spots || 0), 0),
+        bookings: r.length
+      };
+    }), L = () => {
+      c.value = "";
+    }, z = j(["needs_approval", "approved"]), U = (r) => {
+      z.value.includes(r) ? z.value = z.value.filter((a) => a !== r) : z.value.push(r);
+    }, g = (r, a, w = a.date) => {
+      const W = o.resources.find((F) => F.id === a.resourceId), Y = r.id || r.orderId || a.orderId || "";
+      return {
+        customerInfo: r.customerInfo,
+        amountDue: r.amountDue,
+        amountPaid: r.amountPaid,
+        status: r.status,
+        reservationStatus: a.status,
+        subtotal: r.subtotal,
+        total: r.total,
+        discount: r.discount,
+        id: Y,
+        res_id: a.id,
+        resourceId: a.resourceId,
+        spots: a.spots,
+        date: w,
+        createdAt: r.createdAt,
+        startTime: a.timeslot?.startTime,
+        endTime: a.timeslot?.endTime,
+        reservationPrice: a.totalPrice,
+        reservationBasePrice: a.basePrice,
+        reservationAddOnsPrice: a.addOnsPrice,
+        orderReservationCount: Array.isArray(r.reservations) ? r.reservations.length : void 0,
+        pricingOptionId: a.pricingOptionId,
+        pricingOption: a.pricingOption,
+        resourceName: W?.name,
+        resourceColor: W?.color,
+        metadata: r.metadata || {},
+        reservationMetadata: a.metadata || {},
+        refundStatus: a.refundStatus,
+        refundedAt: a.refundedAt,
+        refundedAmount: a.refundedAmount,
+        refunds: Array.isArray(a.refunds) ? a.refunds : [],
+        adjustments: r.adjustments || [],
+        reservationAdjustments: a.adjustments || []
+      };
+    }, N = async () => {
+      await He(), await new Promise((r) => {
+        if (typeof requestAnimationFrame == "function") {
+          requestAnimationFrame(() => r());
+          return;
+        }
+        r();
+      });
+    }, ae = async (r) => {
+      const a = await k.get(x.reservationsCollection, r);
+      if (!a) return;
+      const w = { ...a, id: a.id || r }, W = (w.reservations || []).map((Y) => g(w, Y));
+      W.length && (await N(), f.value?.openDialog({
+        id: w.id,
+        customerInfo: w.customerInfo,
+        status: w.status,
+        createdAt: w.createdAt,
+        metadata: w.metadata || {},
+        reservations: W,
+        adjustments: w.adjustments || [],
+        totalPrice: typeof w.total == "number" ? w.total : W.reduce((Y, F) => Y + (F.reservationPrice || 0), 0),
+        totalSpots: W.reduce((Y, F) => Y + (F.spots || 0), 0)
+      }));
+    }, ce = async (r) => {
+      await N(), n.value?.openDialog(r);
+    }, fe = (r) => r.orderReservationCount === 1 && typeof r.total == "number" ? r.total : typeof r.reservationPrice == "number" ? r.reservationPrice : null, he = (r) => {
+      const a = fe(r);
+      return a === null ? null : `€${a.toFixed(2)}`;
+    }, te = async () => {
+      i.value = !0, l.value = [];
+      try {
+        const r = v.value.id, a = I(o.activeDate), w = /* @__PURE__ */ new Set();
+        o.resources?.forEach((F) => {
+          const se = `${F.id}_${a}`;
+          w.add(se);
+        });
+        const W = await k.find(x.reservationsCollection, {
+          filters: [
+            { field: "agendaId", operator: "==", value: r },
+            { field: "status", operator: "==", value: "confirmed" },
+            { field: "flattenedReservationDates", operator: "array-contains-any", value: Array.from(w) }
+          ]
+        });
+        let Y = [];
+        W.forEach((F) => {
+          (F.reservations?.filter((oe) => oe.date === a) || []).forEach((oe) => {
+            Y.push(g(F, oe, a));
+          });
+        }), l.value = Y.sort((F, se) => F.startTime?.localeCompare(se.startTime || "") || 0);
+      } catch (r) {
+        console.error("Error loading orders:", r), l.value = [];
+      } finally {
+        i.value = !1;
+      }
+    };
+    return (async () => await te())(), Q(() => o.activeDate, () => {
+      te();
+    }), (r, a) => {
+      const w = V("Badge"), W = V("CardTitle"), Y = V("CardDescription"), F = V("Button"), se = V("CardHeader"), oe = V("Input"), Ie = V("CardContent"), s = V("Card");
+      return d(), A(s, null, {
+        default: b(() => [
+          u(se, null, {
+            default: b(() => [
+              m("div", da, [
+                m("div", null, [
+                  u(W, { class: "flex items-center gap-2" }, {
+                    default: b(() => [
+                      a[9] || (a[9] = q(" Bookings ", -1)),
+                      e(E).bookings > 0 ? (d(), A(w, {
+                        key: 0,
+                        variant: "secondary"
+                      }, {
+                        default: b(() => [
+                          q(R(e(E).bookings), 1)
+                        ]),
+                        _: 1
+                      })) : Z("", !0)
+                    ]),
+                    _: 1
+                  }),
+                  u(Y, { class: "flex items-center gap-2 mt-1" }, {
+                    default: b(() => [
+                      u(e(Be), { size: 14 }),
+                      m("span", null, R(e(E).spots) + " total spots", 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                u(F, {
+                  variant: "ghost",
+                  size: "icon",
+                  onClick: te,
+                  disabled: e(i)
+                }, {
+                  default: b(() => [
+                    u(e(bt), {
+                      size: 16,
+                      class: le({ "animate-spin": e(i) })
+                    }, null, 8, ["class"])
+                  ]),
+                  _: 1
+                }, 8, ["disabled"])
+              ])
+            ]),
+            _: 1
+          }),
+          u(Ie, null, {
+            default: b(() => [
+              m("div", ua, [
+                u(e(kt), {
+                  size: 16,
+                  class: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"
+                }),
+                u(oe, {
+                  modelValue: e(c),
+                  "onUpdate:modelValue": a[0] || (a[0] = (t) => re(c) ? c.value = t : null),
+                  placeholder: "Search by name, email, or phone...",
+                  class: "pl-9 pr-9"
+                }, null, 8, ["modelValue"]),
+                e(c) ? (d(), A(F, {
+                  key: 0,
+                  variant: "ghost",
+                  size: "icon",
+                  class: "absolute right-1 top-1/2 -translate-y-1/2 h-7 w-7",
+                  onClick: L
+                }, {
+                  default: b(() => [
+                    u(e(Dt), { size: 14 })
+                  ]),
+                  _: 1
+                })) : Z("", !0)
+              ]),
+              m("div", ma, [
+                p.agendaData.needsApproval ? (d(), C("button", {
+                  key: 0,
+                  onClick: a[1] || (a[1] = (t) => U("needs_approval")),
+                  class: le(["flex gap-1.5 items-center px-3 py-1.5 rounded-full text-sm bg-muted", { "opacity-50 hover:opacity-75": !e(z).includes("needs_approval") }])
+                }, [
+                  e(z).includes("needs_approval") ? (d(), A(e(ye), {
+                    key: 0,
+                    size: 12
+                  })) : (d(), A(e(xe), {
+                    key: 1,
+                    size: 12
+                  })),
+                  q(" Needs Approval (" + R(e(l).filter((t) => t.reservationStatus === "needs_approval").length) + ") ", 1)
+                ], 2)) : Z("", !0),
+                m("button", {
+                  onClick: a[2] || (a[2] = (t) => U("approved")),
+                  class: le(["flex gap-1.5 items-center px-3 py-1.5 rounded-full text-sm bg-muted", { "opacity-50 hover:opacity-75": !e(z).includes("approved") }])
+                }, [
+                  e(z).includes("approved") ? (d(), A(e(ye), {
+                    key: 0,
+                    size: 12
+                  })) : (d(), A(e(xe), {
+                    key: 1,
+                    size: 12
+                  })),
+                  q(" Approved (" + R(e(l).filter((t) => t.reservationStatus === "approved").length) + ") ", 1)
+                ], 2),
+                p.agendaData.needsApproval ? (d(), C("button", {
+                  key: 1,
+                  onClick: a[3] || (a[3] = (t) => U("rejected")),
+                  class: le(["flex gap-1.5 items-center px-3 py-1.5 rounded-full text-sm bg-muted", { "opacity-50 hover:opacity-75": !e(z).includes("rejected") }])
+                }, [
+                  e(z).includes("rejected") ? (d(), A(e(ye), {
+                    key: 0,
+                    size: 12
+                  })) : (d(), A(e(xe), {
+                    key: 1,
+                    size: 12
+                  })),
+                  q(" Rejected (" + R(e(l).filter((t) => t.reservationStatus === "rejected").length) + ") ", 1)
+                ], 2)) : Z("", !0),
+                m("button", {
+                  onClick: a[4] || (a[4] = (t) => U("cancelled")),
+                  class: le(["flex gap-1.5 items-center px-3 py-1.5 rounded-full text-sm bg-muted", { "opacity-50 hover:opacity-75": !e(z).includes("cancelled") }])
+                }, [
+                  e(z).includes("cancelled") ? (d(), A(e(ye), {
+                    key: 0,
+                    size: 12
+                  })) : (d(), A(e(xe), {
+                    key: 1,
+                    size: 12
+                  })),
+                  q(" Cancelled (" + R(e(l).filter((t) => t.reservationStatus === "cancelled").length) + ") ", 1)
+                ], 2)
+              ]),
+              e(c) ? (d(), C("div", fa, " Showing " + R(e(ee).length) + " of " + R(e(l).length) + " bookings ", 1)) : Z("", !0),
+              e(i) ? (d(), C("div", pa, [...a[10] || (a[10] = [
+                m("div", { class: "animate-spin rounded-full h-8 w-8 border-b-2 border-primary" }, null, -1)
+              ])])) : e(ee).length === 0 ? (d(), C("div", va, [
+                a[13] || (a[13] = q(" No bookings for this day ", -1)),
+                e(B) ? (d(), A(F, {
+                  key: 0,
+                  onClick: a[5] || (a[5] = (t) => {
+                    z.value = ["needs_approval", "approved"], c.value = "";
+                  })
+                }, {
+                  default: b(() => [...a[11] || (a[11] = [
+                    q("Reset filters", -1)
+                  ])]),
+                  _: 1
+                })) : Z("", !0),
+                p.selectedResource !== null ? (d(), A(F, {
+                  key: 1,
+                  onClick: a[6] || (a[6] = (t) => y("resetSelectedResource"))
+                }, {
+                  default: b(() => [...a[12] || (a[12] = [
+                    q("Reset resource filter", -1)
+                  ])]),
+                  _: 1
+                })) : Z("", !0)
+              ])) : e(ee).length === 0 ? (d(), C("div", ga, " No bookings match your search ")) : (d(), C("div", ha, [
+                (d(!0), C(ue, null, _e(e(ee), (t) => (d(), C("div", {
+                  key: t.res_id || t.id,
+                  class: "p-3 border rounded-lg hover:bg-muted/50 transition-colors cursor-pointer",
+                  onClick: (S) => e(n)?.openDialog(t)
+                }, [
+                  m("div", xa, [
+                    m("div", ba, [
+                      m("div", ka, R(t.customerInfo.firstName + " " + t.customerInfo.lastName || "Unknown Customer"), 1),
+                      m("div", Da, R(t.customerInfo?.email), 1),
+                      m("div", _a, R(t.customerInfo?.phone), 1),
+                      m("div", Sa, [
+                        m("div", Ca, [
+                          u(e(_t), { size: 12 }),
+                          m("span", null, R(t.startTime) + " - " + R(t.endTime), 1)
+                        ]),
+                        m("div", wa, [
+                          u(e(Be), { size: 12 }),
+                          m("span", null, R(t.spots) + " " + R(t.spots === 1 ? "spot" : "spots"), 1)
+                        ]),
+                        t.resourceName ? (d(), C("div", $a, [
+                          m("div", {
+                            class: "w-3 h-3 rounded-full",
+                            style: me({ backgroundColor: t.resourceColor || "#6b7280" })
+                          }, null, 4),
+                          m("span", null, R(t.resourceName), 1)
+                        ])) : Z("", !0)
+                      ]),
+                      u(It, {
+                        metadata: { ...t.metadata, ...t.reservationMetadata },
+                        schema: e(_),
+                        "display-filter": ["highlight", "badge"],
+                        compact: "",
+                        class: "mt-1"
+                      }, null, 8, ["metadata", "schema"])
+                    ]),
+                    m("div", Ma, [
+                      t.reservationStatus === "needs_approval" ? (d(), C("span", Ra, "Needs Approval")) : t.reservationStatus === "approved" ? (d(), C("span", Va, "Approved")) : t.reservationStatus === "rejected" ? (d(), C("span", Ta, "Rejected")) : t.reservationStatus === "cancelled" ? (d(), C("span", Ia, "Cancelled")) : (d(), C("span", Aa, "Pending")),
+                      he(t) ? (d(), C("div", Ea, R(he(t)), 1)) : Z("", !0)
+                    ])
+                  ])
+                ], 8, ya))), 128))
+              ]))
+            ]),
+            _: 1
+          }),
+          u(At, {
+            ref_key: "reservationDetailDialog",
+            ref: n,
+            agendaData: p.agendaData,
+            resources: p.resources,
+            "show-order-link": "",
+            onCancelled: te,
+            onConfirmed: te,
+            onRejected: te,
+            onTransferred: te,
+            onOpenOrder: a[7] || (a[7] = (t) => ae(t))
+          }, null, 8, ["agendaData", "resources"]),
+          u(Et, {
+            ref_key: "orderDetailDialog",
+            ref: f,
+            agendaData: p.agendaData,
+            resources: p.resources,
+            onOpenReservation: a[8] || (a[8] = (t) => ce(t))
+          }, null, 8, ["agendaData", "resources"])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Oa = { class: "space-y-6" }, Pa = { class: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4" }, ja = { class: "text-2xl font-semibold tracking-tight" }, Ba = { class: "flex flex-col md:flex-row gap-2" }, Na = { class: "grid gap-6 md:grid-cols-2 lg:grid-cols-3" }, Wa = { class: "md:col-span-2 lg:col-span-3" }, Za = /* @__PURE__ */ ge({
+  __name: "index",
+  setup(p) {
+    const { hasPermission: h } = st(), { params: o, resolvePath: y } = Me(), { config: v } = Re(), x = Ve(v.project), k = j(""), l = j(!0), i = j(/* @__PURE__ */ new Date()), c = j(null), n = j("stacked"), f = j(null), T = j([]);
+    return (async () => {
+      try {
+        const O = await x.get(v.agendaCollection, o.value.id);
+        k.value = O?.serviceName || "", f.value = O, T.value = O?.resources?.filter((I) => I.isActive) || [];
+      } catch (O) {
+        console.error("Error loading data:", O);
+      } finally {
+        l.value = !1;
+      }
+    })(), (O, I) => (d(), A(ot, null, {
+      default: b(() => [
+        m("div", Oa, [
+          m("div", Pa, [
+            m("div", null, [
+              m("h1", ja, R(e(k) || "Dashboard"), 1),
+              I[4] || (I[4] = m("p", { class: "text-muted-foreground text-sm mt-1" }, " Overview and analytics for your booking service ", -1))
+            ]),
+            m("div", Ba, [
+              e(h)("manage-reservations") ? (d(), A(zt, {
+                key: 0,
+                "agenda-data": e(f)
+              }, null, 8, ["agenda-data"])) : Z("", !0)
+            ])
+          ]),
+          u(ca, {
+            modelValue: e(i),
+            "onUpdate:modelValue": I[0] || (I[0] = (J) => re(i) ? i.value = J : null),
+            "view-mode": e(n),
+            "onUpdate:viewMode": I[1] || (I[1] = (J) => re(n) ? n.value = J : null),
+            "selected-resource": e(c),
+            "onUpdate:selectedResource": I[2] || (I[2] = (J) => re(c) ? c.value = J : null),
+            "agenda-data": e(f),
+            resources: e(T)
+          }, null, 8, ["modelValue", "view-mode", "selected-resource", "agenda-data", "resources"]),
+          m("div", Na, [
+            m("div", Wa, [
+              e(T).length > 0 ? (d(), A(za, {
+                key: 0,
+                "agenda-data": e(f),
+                "active-date": e(i),
+                "selected-resource": e(c),
+                resources: e(T),
+                onResetSelectedResource: I[3] || (I[3] = (J) => c.value = null)
+              }, null, 8, ["agenda-data", "active-date", "selected-resource", "resources"])) : Z("", !0)
+            ])
+          ])
+        ])
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  Za as default
+};