@oneclick.dev/cms-core-modules 0.0.102 → 0.0.104

package/dist/agenda-D1RxMxBS.mjs

@@ -0,0 +1,1152 @@
+import { defineComponent as K, resolveComponent as j, openBlock as s, createElementBlock as i, createElementVNode as e, Fragment as X, renderList as Y, toDisplayString as p, normalizeStyle as q, normalizeClass as R, createVNode as d, withCtx as $, unref as _, createTextVNode as ae, createCommentVNode as C, computed as B, ref as S, createBlock as W, provide as Z, onMounted as _e, onUnmounted as ke, inject as ie, nextTick as ge, onBeforeUnmount as Ee, watch as re, useTemplateRef as ze } from "vue";
+import { c as ue, b as de } from "./DateFormatter-Bw-87W31.mjs";
+import { X as we, Search as Ie, Clock as pe, Users as fe, ChevronLeft as ve, ChevronRight as ce, Asterisk as Be, CalendarDays as Le } from "lucide-vue-next";
+import { _ as Ue } from "./EditLayout.vue_vue_type_script_setup_true_lang-DWMqQvHl.mjs";
+import { useModule as Se, useModuleRoute as $e, useFirebaseIntegration as Te, useModulePermissions as je } from "@oneclick.dev/cms-kit";
+import { _ as Pe, a as Re, F as Ne } from "./ReservationDetailDialog.vue_vue_type_script_setup_true_lang-Cz_22Oce.mjs";
+import { _ as Oe } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+import { _ as he } from "./NewReservationDialog.vue_vue_type_script_setup_true_lang-9Q7TMm4u.mjs";
+import { a as Fe } from "./index-MYWjg0zi.mjs";
+const Ae = { class: "mb-6" }, Ve = { class: "flex items-end gap-px h-24 bg-muted/30 rounded-lg p-2 overflow-visible" }, He = ["onClick"], Qe = { class: "absolute -top-8 left-1/2 -translate-x-1/2 bg-popover border shadow-md rounded px-2 py-1 text-xs whitespace-nowrap opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none z-10" }, We = { class: "font-medium" }, Xe = { class: "text-muted-foreground" }, Ye = { class: "w-full flex-1 flex items-end justify-center" }, qe = {
+  key: 1,
+  class: "text-[10px] mt-1"
+}, Je = {
+  key: 0,
+  class: "mt-2 text-sm text-muted-foreground flex items-center gap-2"
+}, Ke = { class: "font-medium text-foreground" }, Ge = { class: "font-medium text-foreground" }, Ze = /* @__PURE__ */ K({
+  __name: "TimelineChart",
+  props: {
+    timeSlots: {},
+    slotStats: {},
+    selectedTimeSlot: {},
+    maxSpots: {}
+  },
+  emits: ["select", "clear"],
+  setup(f, { emit: k }) {
+    const w = k, D = (a) => {
+      w("select", a);
+    }, M = () => {
+      w("clear");
+    };
+    return (a, u) => {
+      const m = j("Button");
+      return s(), i("div", Ae, [
+        u[2] || (u[2] = e("h3", { class: "font-semibold text-sm mb-2" }, "Timeline", -1)),
+        e("div", Ve, [
+          (s(!0), i(X, null, Y(f.timeSlots, (n) => (s(), i("div", {
+            key: n.startTime,
+            class: "flex-1 min-w-0 flex flex-col items-center cursor-pointer group h-full relative",
+            onClick: (x) => D(n.startTime)
+          }, [
+            e("div", Qe, [
+              e("div", We, p(n.startTime), 1),
+              e("div", Xe, p(f.slotStats[n.startTime]?.spots || 0) + " spots", 1)
+            ]),
+            e("div", Ye, [
+              e("div", {
+                class: R(["w-full transition-all duration-200", [
+                  f.selectedTimeSlot === n.startTime ? "bg-primary" : f.slotStats[n.startTime]?.spots > 0 ? "bg-primary/60 group-hover:bg-primary/80" : "bg-muted-foreground/20 group-hover:bg-muted-foreground/30"
+                ]]),
+                style: q({
+                  height: f.slotStats[n.startTime]?.spots > 0 ? `${f.slotStats[n.startTime].spots / f.maxSpots * 100}%` : "2px",
+                  minHeight: f.slotStats[n.startTime]?.spots > 0 ? "4px" : "2px"
+                })
+              }, null, 6)
+            ]),
+            n.startTime.endsWith(":00") ? (s(), i("span", {
+              key: 0,
+              class: R(["text-[10px] text-muted-foreground mt-1 transition-colors truncate", { "text-primary font-medium": f.selectedTimeSlot === n.startTime }])
+            }, p(n.label), 3)) : (s(), i("span", qe, " "))
+          ], 8, He))), 128))
+        ]),
+        f.selectedTimeSlot ? (s(), i("div", Je, [
+          d(m, {
+            variant: "ghost",
+            size: "icon",
+            class: "h-6 w-6 p-0",
+            onClick: M
+          }, {
+            default: $(() => [
+              d(_(we), { size: 14 })
+            ]),
+            _: 1
+          }),
+          e("span", null, [
+            u[0] || (u[0] = ae(" Showing ", -1)),
+            e("span", Ke, p(f.slotStats[f.selectedTimeSlot]?.bookings || 0), 1),
+            u[1] || (u[1] = ae(" bookings at ", -1)),
+            e("span", Ge, p(f.selectedTimeSlot), 1)
+          ])
+        ])) : C("", !0)
+      ]);
+    };
+  }
+}), et = { class: "flex items-center justify-between mb-3" }, tt = { class: "font-semibold" }, st = {
+  key: 0,
+  class: "text-muted-foreground font-normal"
+}, ot = { class: "relative mb-3" }, at = {
+  key: 0,
+  class: "flex items-center justify-center py-8"
+}, nt = {
+  key: 1,
+  class: "text-center py-8 text-muted-foreground"
+}, lt = {
+  key: 2,
+  class: "space-y-2 max-h-80 overflow-y-auto"
+}, rt = ["onClick"], it = { class: "flex items-start justify-between" }, ut = { class: "flex-1" }, dt = { class: "font-medium" }, ct = { class: "text-sm text-muted-foreground" }, mt = { class: "text-sm text-muted-foreground" }, vt = { class: "flex items-center gap-4" }, pt = { class: "flex items-center gap-2 mt-1 text-xs text-muted-foreground" }, ft = { class: "flex items-center gap-2 mt-1 text-xs text-muted-foreground" }, gt = { class: "text-right" }, ht = {
+  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"
+}, xt = {
+  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"
+}, bt = {
+  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"
+}, yt = {
+  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"
+}, _t = {
+  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"
+}, kt = {
+  key: 5,
+  class: "text-sm font-medium mt-1"
+}, wt = /* @__PURE__ */ K({
+  __name: "BookingsList",
+  props: {
+    agendaData: {},
+    orders: {},
+    filteredOrders: {},
+    isLoading: { type: Boolean },
+    selectedTimeSlot: {},
+    searchQuery: {}
+  },
+  emits: ["update:searchQuery", "refresh"],
+  setup(f, { emit: k }) {
+    const w = f, D = B(() => w.agendaData?.metadataSchema || []), M = k, a = S(null), u = (x) => {
+      M("update:searchQuery", x);
+    }, m = () => {
+      M("update:searchQuery", "");
+    }, n = () => {
+      M("refresh");
+    };
+    return (x, h) => {
+      const P = j("Input"), z = j("Button");
+      return s(), i("div", null, [
+        e("div", et, [
+          e("h3", tt, [
+            h[0] || (h[0] = ae(" Bookings ", -1)),
+            f.selectedTimeSlot || f.searchQuery ? (s(), i("span", st, " (" + p(f.filteredOrders.length) + " of " + p(f.orders.length) + ") ", 1)) : C("", !0)
+          ])
+        ]),
+        e("div", ot, [
+          d(_(Ie), {
+            size: 16,
+            class: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"
+          }),
+          d(P, {
+            "model-value": f.searchQuery,
+            placeholder: "Search by name, email, or phone...",
+            class: "pl-9 pr-9",
+            "onUpdate:modelValue": u
+          }, null, 8, ["model-value"]),
+          f.searchQuery ? (s(), W(z, {
+            key: 0,
+            variant: "ghost",
+            size: "icon",
+            class: "absolute right-1 top-1/2 -translate-y-1/2 h-7 w-7",
+            onClick: m
+          }, {
+            default: $(() => [
+              d(_(we), { size: 14 })
+            ]),
+            _: 1
+          })) : C("", !0)
+        ]),
+        f.isLoading ? (s(), i("div", at, [...h[1] || (h[1] = [
+          e("div", { class: "animate-spin rounded-full h-8 w-8 border-b-2 border-primary" }, null, -1)
+        ])])) : f.filteredOrders.length === 0 ? (s(), i("div", nt, p(f.selectedTimeSlot ? "No bookings for this time slot" : "No bookings for this event"), 1)) : (s(), i("div", lt, [
+          (s(!0), i(X, null, Y(f.filteredOrders, (v) => (s(), i("div", {
+            key: v.res_id || v.id,
+            class: "p-3 border rounded-lg hover:bg-muted/50 transition-colors",
+            onClick: (A) => _(a).openDialog(v)
+          }, [
+            e("div", it, [
+              e("div", ut, [
+                e("div", dt, p(v.customerInfo.firstName + " " + v.customerInfo.lastName || "Unknown Customer"), 1),
+                e("div", ct, p(v.customerInfo.email), 1),
+                e("div", mt, p(v.customerInfo.phone), 1),
+                e("div", vt, [
+                  e("div", pt, [
+                    d(_(pe), { size: 12 }),
+                    e("span", null, p(v.startTime) + " - " + p(v.endTime), 1)
+                  ]),
+                  e("div", ft, [
+                    d(_(fe), { size: 12 }),
+                    e("span", null, p(v.spots), 1)
+                  ])
+                ]),
+                d(Pe, {
+                  metadata: { ...v.metadata, ...v.reservationMetadata },
+                  schema: _(D),
+                  "display-filter": ["highlight", "badge"],
+                  compact: "",
+                  class: "mt-1"
+                }, null, 8, ["metadata", "schema"])
+              ]),
+              e("div", gt, [
+                v.reservationStatus === "needs_approval" ? (s(), i("span", ht, "Needs Approval")) : v.reservationStatus === "approved" ? (s(), i("span", xt, "Approved")) : v.reservationStatus === "rejected" ? (s(), i("span", bt, "Rejected")) : v.reservationStatus === "cancelled" ? (s(), i("span", yt, "Cancelled")) : (s(), i("span", _t, "Pending")),
+                v.reservationPrice || v.reservationPrice === 0 ? (s(), i("div", kt, " €" + p(v.reservationPrice.toFixed(2)), 1)) : C("", !0)
+              ])
+            ])
+          ], 8, rt))), 128))
+        ])),
+        d(Re, {
+          ref_key: "reservationDetailDialog",
+          ref: a,
+          "agenda-data": f.agendaData,
+          onCancelled: n,
+          onConfirmed: n,
+          onRejected: n
+        }, null, 8, ["agenda-data"])
+      ]);
+    };
+  }
+}), St = { class: "flex items-center gap-4 mt-2 text-sm" }, $t = { class: "flex items-center gap-1" }, Tt = {
+  key: 0,
+  class: "flex items-center gap-1"
+}, Dt = { class: "flex items-center gap-1" }, Ct = { class: "py-4" }, Mt = /* @__PURE__ */ K({
+  __name: "EventDialog",
+  props: {
+    agendaData: {},
+    resources: { default: () => [] }
+  },
+  setup(f, { expose: k }) {
+    const w = f, { config: D } = Se(), { params: M } = $e(), a = Te(D.project), u = S(!1), m = S(null), n = S([]), x = S(!1), h = S(null), P = S("");
+    Z("event", m);
+    const z = B(() => {
+      if (!m.value) return [];
+      const g = m.value.resource?.interval || 60, o = [], [c, E] = m.value.startTime.split(":").map(Number), [V, T] = m.value.endTime.split(":").map(Number), O = c * 60 + E, t = V * 60 + T;
+      for (let r = O; r < t; r += g) {
+        const y = Math.floor(r / 60), b = r % 60, I = Math.min(r + g, t), F = Math.floor(I / 60), l = I % 60, H = `${y.toString().padStart(2, "0")}:${b.toString().padStart(2, "0")}`, Q = `${F.toString().padStart(2, "0")}:${l.toString().padStart(2, "0")}`;
+        o.push({
+          startTime: H,
+          endTime: Q,
+          label: H
+        });
+      }
+      return o;
+    }), v = (g) => {
+      const o = g.getFullYear(), c = String(g.getMonth() + 1).padStart(2, "0"), E = String(g.getDate()).padStart(2, "0");
+      return `${o}-${c}-${E}`;
+    }, A = B(() => {
+      const g = {};
+      return z.value.forEach((o) => {
+        g[o.startTime] = { bookings: 0, spots: 0, orders: [] };
+      }), n.value.forEach((o) => {
+        z.value.forEach((c) => {
+          o.startTime < c.endTime && o.endTime > c.startTime && (g[c.startTime].bookings++, g[c.startTime].spots += o.spots || 0, g[c.startTime].orders.push(o));
+        });
+      }), g;
+    }), L = B(() => Math.max(1, ...Object.values(A.value).map((g) => g.spots))), U = B(() => {
+      let g = n.value;
+      return h.value && (g = A.value[h.value]?.orders || []), P.value.trim() && (g = new Ne(g, {
+        keys: [
+          "customerInfo.firstName",
+          "customerInfo.lastName",
+          "customerInfo.email",
+          "customerInfo.phone"
+        ],
+        threshold: 0.3,
+        ignoreLocation: !0
+      }).search(P.value).map((c) => c.item)), g;
+    }), N = B(() => ({
+      spots: n.value.reduce((g, o) => g + (o.spots || 0), 0),
+      bookings: n.value.length
+    })), ee = (g) => {
+      h.value === g ? h.value = null : h.value = g;
+    }, J = () => {
+      h.value = null;
+    }, te = async (g) => {
+      u.value = !0, m.value = g, h.value = null, P.value = "", await G();
+    }, G = async () => {
+      if (m.value) {
+        x.value = !0, n.value = [];
+        try {
+          const g = M.value.id, o = v(new Date(m.value.date)), c = /* @__PURE__ */ new Set();
+          w.resources?.forEach((T) => {
+            const O = `${T.id}_${o}`;
+            c.add(O);
+          });
+          const E = await a.find(D.reservationsCollection, {
+            filters: [
+              { field: "agendaId", operator: "==", value: g },
+              { field: "status", operator: "==", value: "confirmed" },
+              { field: "flattenedReservationDates", operator: "array-contains-any", value: Array.from(c) }
+            ]
+          });
+          let V = [];
+          E.forEach((T) => {
+            (T.reservations?.filter((t) => t.date === o) || []).forEach((t) => {
+              const r = w.resources.find((y) => y.id === t.resourceId);
+              (t.status === "approved" || t.status === "needs_approval") && V.push({
+                customerInfo: T.customerInfo,
+                amountDue: T.amountDue,
+                amountPaid: T.amountPaid,
+                status: T.status,
+                reservationStatus: t.status,
+                subtotal: T.subtotal,
+                total: T.total,
+                discount: T.discount,
+                id: T.id,
+                res_id: t.id,
+                resourceId: t.resourceId,
+                spots: t.spots,
+                date: o,
+                startTime: t.timeslot?.startTime,
+                endTime: t.timeslot?.endTime,
+                reservationPrice: t.totalPrice,
+                reservationBasePrice: t.basePrice,
+                reservationAddOnsPrice: t.addOnsPrice,
+                pricingOptionId: t.pricingOptionId,
+                pricingOption: t.pricingOption,
+                resourceName: r?.name || "Unknown",
+                resourceColor: r?.color,
+                metadata: T.metadata || {},
+                reservationMetadata: t.metadata || {}
+              });
+            });
+          }), n.value = V.sort((T, O) => T.startTime?.localeCompare(O.startTime || "") || 0);
+        } catch (g) {
+          console.error("Error loading orders:", g), n.value = [];
+        } finally {
+          x.value = !1;
+        }
+      }
+    }, ne = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], se = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
+    return k({
+      openDialog: te
+    }), (g, o) => {
+      const c = j("DialogTitle"), E = j("DialogDescription"), V = j("DialogHeader"), T = j("Button"), O = j("DialogFooter"), t = j("DialogScrollContent"), r = j("Dialog");
+      return s(), W(r, {
+        open: u.value,
+        "onUpdate:open": o[2] || (o[2] = (y) => u.value = y)
+      }, {
+        default: $(() => [
+          d(t, { class: "sm:max-w-3xl" }, {
+            default: $(() => [
+              d(V, null, {
+                default: $(() => [
+                  m.value?.date ? (s(), W(c, { key: 0 }, {
+                    default: $(() => [
+                      ae(p(ne[new Date(m.value.date).getUTCDay()]) + " " + p(se[new Date(m.value.date).getUTCMonth()]) + " " + p(new Date(m.value.date).getUTCDate()) + ", " + p(new Date(m.value.date).getUTCFullYear()), 1)
+                    ]),
+                    _: 1
+                  })) : C("", !0),
+                  d(E, null, {
+                    default: $(() => [
+                      e("div", St, [
+                        e("div", $t, [
+                          d(_(pe), { size: 14 }),
+                          e("span", null, p(m.value?.startTime) + " – " + p(m.value?.endTime), 1)
+                        ]),
+                        m.value?.resource ? (s(), i("div", Tt, [
+                          e("div", {
+                            class: "w-4 h-4 rounded-full",
+                            style: q({ backgroundColor: m.value.resource.color || "#6b7280" })
+                          }, null, 4),
+                          e("span", null, p(m.value.resource.name), 1)
+                        ])) : C("", !0),
+                        e("div", Dt, [
+                          d(_(fe), { size: 14 }),
+                          e("span", null, p(N.value.spots) + " spots in " + p(N.value.bookings) + " reservations", 1)
+                        ])
+                      ])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              e("div", Ct, [
+                z.value.length > 1 ? (s(), W(Ze, {
+                  key: 0,
+                  "time-slots": z.value,
+                  "slot-stats": A.value,
+                  "selected-time-slot": h.value,
+                  "max-spots": L.value,
+                  onSelect: ee,
+                  onClear: J
+                }, null, 8, ["time-slots", "slot-stats", "selected-time-slot", "max-spots"])) : C("", !0),
+                d(wt, {
+                  "agenda-data": f.agendaData,
+                  orders: n.value,
+                  "filtered-orders": U.value,
+                  "is-loading": x.value,
+                  "selected-time-slot": h.value,
+                  "search-query": P.value,
+                  "onUpdate:searchQuery": o[0] || (o[0] = (y) => P.value = y),
+                  onRefresh: G
+                }, null, 8, ["agenda-data", "orders", "filtered-orders", "is-loading", "selected-time-slot", "search-query"])
+              ]),
+              d(O, null, {
+                default: $(() => [
+                  d(T, {
+                    variant: "outline",
+                    onClick: o[1] || (o[1] = (y) => u.value = !1)
+                  }, {
+                    default: $(() => [...o[3] || (o[3] = [
+                      ae("Close", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["open"]);
+    };
+  }
+}), Et = { class: "flex-1 border-r shadow-sm overflow-hidden min-h-[1536px]" }, zt = { class: "relative h-full min-h-[1536px]" }, It = { class: "divide-y divide-input/80 h-full flex flex-col min-h-[1536px] border-y border-input/80" }, Bt = { class: "absolute inset-0 pointer-events-none" }, Lt = { class: "relative mr-1 @md:mr-3 h-full ml-0.5 @md:ml-2" }, Ut = ["onClick"], jt = {
+  key: 0,
+  class: "absolute bottom-0 left-0 right-0 h-1 bg-black/20"
+}, Pt = { class: "flex items-start justify-between gap-2 mb-1" }, Rt = { class: "font-semibold text-xs @md:text-sm leading-tight line-clamp-1 flex-1" }, Nt = { class: "flex items-center gap-1 shrink-0" }, Ot = ["title"], Ft = { class: "font-medium" }, xe = /* @__PURE__ */ K({
+  __name: "EventTimeline",
+  props: {
+    agendaData: {},
+    date: {},
+    events: {},
+    firstDay: { type: Boolean, default: !1 },
+    resources: { default: () => [] }
+  },
+  setup(f) {
+    const k = f, w = S(null), D = (u) => {
+      const [m, n] = u.split(":").map(Number);
+      return m * 60 + n;
+    };
+    B(() => !k.events || !k.resources ? [] : k.resources.map((u) => {
+      const n = k.events.filter((x) => x.resourceId === u.id).map((x) => {
+        const h = D(x.startTime), z = D(x.endTime) - h, v = h / 1440 * 100, A = z / 1440 * 100, L = (x.bookings ?? 0) > 0, U = x.maxBookings ? (x.bookings ?? 0) / x.maxBookings * 100 : 0;
+        return {
+          ...x,
+          top: `${v}%`,
+          height: `${A}%`,
+          color: x.resource?.color || "#3b82f6",
+          hasBookings: L,
+          fillPercentage: U,
+          isSmall: z < 60
+        };
+      });
+      return {
+        resource: u,
+        events: n
+      };
+    }));
+    const M = B(() => k.events ? k.events.map((u) => {
+      const m = D(u.startTime), x = D(u.endTime) - m, h = m / 1440 * 100, P = x / 1440 * 100, z = (u.bookings ?? 0) > 0, v = u.maxBookings ? (u.bookings ?? 0) / u.maxBookings * 100 : 0;
+      return {
+        ...u,
+        top: `${h}%`,
+        height: `${P}%`,
+        color: u.resource?.color || "#3b82f6",
+        hasBookings: z,
+        fillPercentage: v,
+        isSmall: x < 60
+      };
+    }) : []), a = Array.from({ length: 24 }, (u, m) => ({
+      hour: m,
+      label: `${m.toString().padStart(2, "0")}:00`
+    }));
+    return (u, m) => (s(), i(X, null, [
+      e("div", Et, [
+        e("div", zt, [
+          e("div", It, [
+            (s(!0), i(X, null, Y(_(a), (n) => (s(), i("div", {
+              key: n.hour,
+              class: "flex-1 flex transition-all duration-200"
+            }, [...m[0] || (m[0] = [
+              e("div", { class: "flex-1 relative" }, [
+                e("div", { class: "absolute top-1/2 left-0 right-0 border-t border-dashed border-input/50" })
+              ], -1)
+            ])]))), 128))
+          ]),
+          e("div", Bt, [
+            e("div", Lt, [
+              (s(!0), i(X, null, Y(M.value, (n) => (s(), i("div", {
+                key: n.id,
+                style: q({
+                  top: n.top,
+                  height: n.height,
+                  opacity: n.hasBookings ? "1" : "0.5"
+                }),
+                class: "event-card absolute left-0.5 right-0.5 @md:left-2 @md:right-2 rounded-lg pointer-events-auto cursor-pointer group/event transition-all duration-200 hover:shadow-xl overflow-hidden",
+                onClick: (x) => w.value?.openDialog(n)
+              }, [
+                e("div", {
+                  style: q({ backgroundColor: n.color }),
+                  class: "absolute inset-0 shadow-lg"
+                }, [
+                  n.maxBookings ? (s(), i("div", jt, [
+                    e("div", {
+                      class: "h-full bg-white/40 transition-all duration-300",
+                      style: q({ width: `${n.fillPercentage}%` })
+                    }, null, 4)
+                  ])) : C("", !0)
+                ], 4),
+                e("div", {
+                  class: R(["relative h-full p-1.5 @md:p-3 flex flex-col", `${n.hasBookings ? "text-white" : "text-gray-600 dark:text-gray-100"}`])
+                }, [
+                  e("div", Pt, [
+                    e("h3", Rt, p(n.title), 1),
+                    e("div", Nt, [
+                      n.resource ? (s(), i("div", {
+                        key: 0,
+                        class: "w-5 h-5 @md:w-6 @md:h-6 rounded-full flex items-center justify-center text-[10px] @md:text-xs font-bold bg-white/30 backdrop-blur-sm text-white border border-white/40",
+                        title: n.resource.name
+                      }, p(n.resource.avatarLabel || n.resource.name.charAt(0).toUpperCase()), 9, Ot)) : C("", !0),
+                      e("div", {
+                        class: R([
+                          "flex items-center gap-0.5 @md:gap-1 px-1.5 @md:px-2 py-0.5 rounded-full text-[10px] @md:text-xs font-medium",
+                          n.hasBookings ? "bg-white text-black backdrop-blur-sm" : "bg-black/10 backdrop-blur-sm"
+                        ])
+                      }, [
+                        d(_(fe), { size: 12 }),
+                        e("span", null, p(n.bookings), 1)
+                      ], 2)
+                    ])
+                  ]),
+                  e("div", {
+                    class: R(["flex items-center gap-1 @md:gap-2 text-[10px] @md:text-xs opacity-90 mt-auto", { "-translate-x-1 -translate-y-2 scale-80 origin-[0_0]": n.isSmall }])
+                  }, [
+                    e("div", {
+                      class: R(["flex items-center gap-1 px-1 @md:px-2 py-0.5 rounded backdrop-blur-sm", { "bg-black/10": !n.isSmall }])
+                    }, [
+                      d(_(pe), { size: 10 }),
+                      e("span", Ft, p(n.startTime) + " – " + p(n.endTime), 1)
+                    ], 2)
+                  ], 2)
+                ], 2),
+                m[1] || (m[1] = e("div", { class: "absolute inset-0 border-2 border-white/0 group-hover/event:border-white/30 rounded-lg transition-colors duration-200 pointer-events-none" }, null, -1))
+              ], 12, Ut))), 128))
+            ])
+          ])
+        ])
+      ]),
+      d(Mt, {
+        "agenda-data": f.agendaData,
+        resources: f.resources,
+        ref_key: "eventDialog",
+        ref: w
+      }, null, 8, ["agenda-data", "resources"])
+    ], 64));
+  }
+}), At = { class: "sticky left-0 mt-auto z-10 divide-y divide-border/50 h-full flex flex-col min-h-[1536px] bg-input" }, Vt = { class: "flex-shrink-0 text-[10px] @md:text-xs font-medium text-muted-foreground px-1.5 @md:px-3 pb-3 border-r border-border/50 w-10 @md:w-14" }, Ht = { class: "flex items-center gap-1.5" }, be = /* @__PURE__ */ K({
+  __name: "Event24hSidebar",
+  setup(f) {
+    const k = Array.from({ length: 24 }, (w, D) => ({
+      hour: D,
+      label: `${D.toString().padStart(2, "0")}:00`
+    }));
+    return (w, D) => (s(), i("div", At, [
+      (s(!0), i(X, null, Y(_(k), (M) => (s(), i("div", {
+        key: M.hour,
+        class: "flex-1 flex transition-all duration-200"
+      }, [
+        e("div", Vt, [
+          e("div", Ht, [
+            e("span", {
+              class: R({ "-translate-y-1/2": M.hour !== 0 })
+            }, p(M.label), 3)
+          ])
+        ])
+      ]))), 128))
+    ]));
+  }
+}), Qt = { class: "absolute top-0 w-full pointer-events-none" }, Wt = {
+  key: 0,
+  class: "absolute -right-2 -top-0.5 px-2 py-0.5 bg-red-500 text-white text-xs font-medium rounded shadow-lg"
+}, ye = /* @__PURE__ */ K({
+  __name: "EventTimeIndicator",
+  props: {
+    currentDate: {
+      type: Object,
+      required: !1
+    }
+  },
+  setup(f) {
+    const k = S(Date.now());
+    let w;
+    _e(() => {
+      w = window.setInterval(() => {
+        k.value = Date.now();
+      }, 1e3);
+    }), ke(() => {
+      w && clearInterval(w);
+    });
+    const D = B(() => {
+      const a = new Date(k.value);
+      return `${(a.getHours() * 60 + a.getMinutes() + a.getSeconds() / 60) / 1440 * 100}%`;
+    }), M = B(() => new Date(k.value).getFullYear() + "-" + (new Date(k.value).getMonth() + 1).toString().padStart(2, "0") + "-" + new Date(k.value).getDate().toString().padStart(2, "0"));
+    return (a, u) => (s(), i("div", Qt, [
+      e("div", {
+        class: "absolute left-0 right-0 h-0.5 bg-red-500 z-30 pointer-events-none transition-[top] duration-300 ease-linear",
+        style: q({ top: D.value })
+      }, [
+        u[0] || (u[0] = e("div", { class: "absolute -left-2 -top-1.5 w-3 h-3 bg-red-500 rounded-full shadow-lg shadow-red-500/50" }, null, -1)),
+        f.currentDate && f.currentDate == M.value ? (s(), i("div", Wt, " Now ")) : C("", !0)
+      ], 4)
+    ]));
+  }
+}), Xt = {
+  key: 0,
+  class: "relative flex flex-1 min-w-0"
+}, Yt = {
+  key: 1,
+  class: "flex-1 min-w-0 relative"
+}, qt = {
+  key: 0,
+  class: "absolute top-0 right-0 z-10 px-3 py-1.5 bg-primary/90 text-primary-foreground text-xs font-medium rounded-bl-lg shadow-lg backdrop-blur-sm flex items-center gap-1.5 animate-pulse-subtle"
+}, Jt = { class: "flex pb-4 min-w-[200px]" }, Kt = ["onClick"], Gt = {
+  key: 0,
+  class: "absolute top-2 right-2 flex items-center gap-1 px-2 py-0.5 bg-primary/20 backdrop-blur-sm rounded-full border border-primary/30"
+}, Zt = { class: "text-xs text-muted-foreground font-medium group-hover:text-foreground/70 transition-colors" }, es = {
+  key: 0,
+  class: "absolute bottom-0 left-0 w-full h-1 bg-orange-500"
+}, ts = /* @__PURE__ */ K({
+  __name: "EventView",
+  props: {
+    agendaData: { default: () => ({}) }
+  },
+  setup(f) {
+    const k = ie("activeDate", S(ue(de()))), w = ie("viewMode", S(1)), D = ie("events", S([])), M = ie("resources", S([])), a = S(null), u = S(!1), m = S(!1);
+    B(() => M.value.length > 1);
+    const n = B(() => {
+      const o = [], c = k.value;
+      for (let E = 0; E < w.value; E++)
+        o.push(c.add({ days: E }));
+      return o;
+    }), x = (o, c) => {
+      const E = `${o.year}-${String(o.month).padStart(2, "0")}-${String(o.day).padStart(2, "0")}`;
+      return D.value?.filter((V) => V.date === E) || [];
+    }, h = (o) => {
+      const c = ue(de());
+      return o.year === c.year && o.month === c.month && o.day === c.day;
+    }, P = (o) => {
+      k.value = o, w.value = 1;
+    };
+    let z = null, v = null;
+    const A = () => {
+      a.value && (U(), a.value.scrollBy({ left: -300, behavior: "smooth" }), v = window.setTimeout(() => {
+        z = window.setInterval(() => {
+          a.value && a.value.scrollBy({ left: -20, behavior: "auto" });
+        }, 50);
+      }, 300));
+    }, L = () => {
+      a.value && (U(), a.value.scrollBy({ left: 300, behavior: "smooth" }), v = window.setTimeout(() => {
+        z = window.setInterval(() => {
+          a.value && a.value.scrollBy({ left: 20, behavior: "auto" });
+        }, 50);
+      }, 300));
+    }, U = () => {
+      v && (clearTimeout(v), v = null), z && (clearInterval(z), z = null);
+    }, N = () => {
+      if (!a.value) return;
+      const { scrollLeft: o, scrollWidth: c, clientWidth: E } = a.value;
+      u.value = o > 10, m.value = o < c - E - 10;
+    }, ee = (o) => {
+      a.value && Math.abs(o.deltaY) > Math.abs(o.deltaX) && (o.preventDefault(), a.value.scrollBy({ left: o.deltaY, behavior: "auto" }));
+    }, J = S(!1), te = S(0), G = S(0), ne = (o) => {
+      !a.value || w.value === 1 || o.target.closest(".event-card") || (J.value = !0, te.value = o.pageX, G.value = a.value.scrollLeft, a.value.style.userSelect = "none", o.preventDefault());
+    }, se = (o) => {
+      if (!J.value || !a.value) return;
+      const c = o.pageX, E = (te.value - c) * 1.2;
+      a.value.scrollLeft = G.value + E;
+    }, g = () => {
+      a.value && (J.value = !1, a.value.style.userSelect = "");
+    };
+    return _e(() => {
+      a.value && (a.value.addEventListener("scroll", N), a.value.addEventListener("wheel", ee, { passive: !1 }), ge(() => {
+        N(), setTimeout(N, 50), setTimeout(N, 150), setTimeout(N, 300), setTimeout(N, 500);
+      })), document.addEventListener("mousemove", se), document.addEventListener("mouseup", g);
+    }), Ee(() => {
+      document.removeEventListener("mousemove", se), document.removeEventListener("mouseup", g);
+    }), re(w, () => {
+      w.value > 1 ? ge(() => {
+        setTimeout(() => {
+          if (!a.value) return;
+          const { scrollWidth: o, clientWidth: c } = a.value;
+          o > c && (m.value = !0, u.value = !1);
+        }, 100);
+      }) : a.value && (a.value.style.cursor = "");
+    }), ke(() => {
+      U(), a.value && (a.value.removeEventListener("scroll", N), a.value.removeEventListener("wheel", ee));
+    }), (o, c) => {
+      const E = j("Button"), V = j("TooltipTrigger"), T = j("TooltipContent"), O = j("Tooltip");
+      return _(w) === 1 ? (s(), i("div", Xt, [
+        d(be),
+        d(ye, {
+          class: "h-full",
+          "current-date": _(k)
+        }, null, 8, ["current-date"]),
+        d(xe, {
+          "agenda-data": f.agendaData,
+          date: _(k),
+          events: x(_(k)),
+          resources: _(M)
+        }, null, 8, ["agenda-data", "date", "events", "resources"])
+      ])) : (s(), i("div", Yt, [
+        _(w) === 7 ? (s(), i("div", qt, [
+          d(_(ve), { size: 12 }),
+          c[0] || (c[0] = e("span", null, "Scroll to view all days", -1)),
+          d(_(ce), { size: 12 })
+        ])) : C("", !0),
+        u.value ? (s(), W(E, {
+          key: 1,
+          variant: "outline",
+          size: "icon",
+          onMousedown: A,
+          onMouseup: U,
+          onMouseleave: U,
+          onTouchstart: A,
+          onTouchend: U,
+          class: "sticky top-1/2 left-2 -translate-y-1/2 z-40 h-10 w-10 rounded-full shadow-lg bg-background/95 backdrop-blur-sm hover:bg-background border-2"
+        }, {
+          default: $(() => [
+            d(_(ve), { size: 20 })
+          ]),
+          _: 1
+        })) : C("", !0),
+        m.value ? (s(), W(E, {
+          key: 2,
+          variant: "outline",
+          size: "icon",
+          onMousedown: L,
+          onMouseup: U,
+          onMouseleave: U,
+          onTouchstart: L,
+          onTouchend: U,
+          class: "sticky top-1/2 right-2 -translate-y-1/2 z-40 h-10 w-10 rounded-full shadow-lg bg-background/95 backdrop-blur-sm hover:bg-background border-2 float-right"
+        }, {
+          default: $(() => [
+            d(_(ce), { size: 20 })
+          ]),
+          _: 1
+        })) : C("", !0),
+        d(ye, { class: "h-[calc(100%-122px)] mt-[80px] @md:h-[calc(100%-164px)] @md:mt-[122px]" }),
+        e("div", {
+          class: R(["absolute right-0 top-0 bottom-0 w-8 bg-gradient-to-l from-background to-transparent z-10 pointer-events-none transition-opacity duration-300", m.value ? "opacity-100" : "opacity-0"])
+        }, null, 2),
+        e("div", {
+          ref_key: "scrollContainer",
+          ref: a,
+          class: "absolute inset-0 overflow-x-auto overflow-y-visible",
+          onScroll: N,
+          onMousedown: ne
+        }, [
+          e("div", Jt, [
+            d(be),
+            c[5] || (c[5] = e("div", { class: "absolute w-10 @md:w-14 h-[125px] bg-input" }, null, -1)),
+            (s(!0), i(X, null, Y(n.value, (t, r) => (s(), i("div", {
+              key: t.toString(),
+              class: R(["flex-shrink-0", { "min-w-[200px] w-[33.33%]": _(w) === 3, "min-w-[280px]": _(w) === 7 }])
+            }, [
+              e("div", {
+                onClick: (y) => P(t),
+                class: R([
+                  "relative p-3 border cursor-pointer transition-all duration-200 group relative",
+                  h(t) ? "bg-gradient-to-br from-primary/10 to-primary/5 border-primary/30 hover:from-primary/20 hover:to-primary/10 hover:border-primary/50 hover:shadow-md" : "bg-gradient-to-br from-muted/50 to-muted/30 border-border hover:from-accent/50 hover:to-accent/30 hover:border-accent-foreground/20 hover:shadow-md"
+                ])
+              }, [
+                h(t) ? (s(), i("div", Gt, [...c[1] || (c[1] = [
+                  e("div", { class: "w-1.5 h-1.5 bg-primary rounded-full animate-pulse" }, null, -1),
+                  e("span", { class: "text-[9px] font-bold text-primary uppercase tracking-wide" }, "Today", -1)
+                ])])) : C("", !0),
+                e("div", {
+                  class: R([
+                    "text-xs font-semibold uppercase tracking-wider transition-colors",
+                    h(t) ? "text-primary group-hover:text-primary/80" : "text-muted-foreground group-hover:text-foreground"
+                  ])
+                }, p(new Date(t.year, t.month - 1, t.day).toLocaleDateString("en-US", { weekday: "short" })), 3),
+                e("div", {
+                  class: R([
+                    "text-2xl font-bold transition-colors",
+                    h(t) ? "text-foreground" : "text-foreground group-hover:text-primary"
+                  ])
+                }, p(t.day), 3),
+                e("div", Zt, p(new Date(t.year, t.month - 1, t.day).toLocaleDateString("en-US", { month: "long", year: "numeric" })), 1),
+                c[4] || (c[4] = e("div", { class: "mt-2 pt-2 border-t border-border/0 group-hover:border-border/50 transition-all" }, [
+                  e("div", { class: "text-[10px] text-muted-foreground/0 group-hover:text-muted-foreground/100 uppercase tracking-wide transition-all" }, " Click to view ")
+                ], -1)),
+                d(O, null, {
+                  default: $(() => [
+                    d(V, { "as-child": "" }, {
+                      default: $(() => [
+                        x(t).filter((y) => y.isException).length > 0 ? (s(), W(_(Be), {
+                          key: 0,
+                          class: "absolute top-3 right-3 size-4 text-orange-500"
+                        })) : C("", !0)
+                      ]),
+                      _: 2
+                    }, 1024),
+                    d(T, null, {
+                      default: $(() => [...c[2] || (c[2] = [
+                        e("p", null, " This day has exceptions applied to it. ", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  _: 2
+                }, 1024),
+                d(O, null, {
+                  default: $(() => [
+                    d(V, { "as-child": "" }, {
+                      default: $(() => [
+                        x(t).filter((y) => y.isException).length > 0 ? (s(), i("div", es)) : C("", !0)
+                      ]),
+                      _: 2
+                    }, 1024),
+                    d(T, null, {
+                      default: $(() => [...c[3] || (c[3] = [
+                        e("p", null, " This day has exceptions applied to it. ", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  _: 2
+                }, 1024)
+              ], 10, Kt),
+              d(xe, {
+                date: t,
+                events: x(t),
+                resources: _(M)
+              }, null, 8, ["date", "events", "resources"])
+            ], 2))), 128))
+          ])
+        ], 544)
+      ]));
+    };
+  }
+}), ss = /* @__PURE__ */ Oe(ts, [["__scopeId", "data-v-35fc0b71"]]), os = { class: "flex items-center justify-between @sm:justify-start gap-4" }, as = { class: "flex flex-col" }, ns = { class: "flex items-center gap-2" }, ls = { class: "text-lg @sm:text-2xl font-bold tracking-tight truncate" }, rs = { class: "text-xs @sm:text-sm text-muted-foreground ml-7 truncate" }, is = { class: "flex items-center justify-between @5xl:justify-end gap-2" }, us = { class: "flex items-center gap-1 @5xl:mr-2" }, ds = {
+  key: 0,
+  class: "flex items-center gap-2 px-1 overflow-x-auto pb-2 -mx-1 scrollbar-hide"
+}, cs = ["onClick"], ms = { class: "flex gap-2 @md:gap-4 flex-1 min-h-0" }, vs = { class: "hidden @md:flex flex-shrink-0 flex-col gap-4" }, ps = {
+  key: 0,
+  class: "rounded-md border p-3"
+}, fs = { class: "space-y-1" }, gs = ["onClick"], hs = { class: "min-w-0 flex-1" }, xs = { class: "text-sm font-medium truncate" }, bs = {
+  key: 0,
+  class: "pt-2 mt-2 border-t"
+}, ys = {
+  key: 0,
+  class: "mt-1 space-y-1"
+}, _s = { class: "min-w-0 flex-1" }, ks = { class: "text-sm font-medium truncate text-muted-foreground" }, Is = /* @__PURE__ */ K({
+  __name: "agenda",
+  setup(f) {
+    const { hasPermission: k } = je(), { params: w } = $e(), { config: D } = Se(), M = Te(D.project), a = S(ue(de())), u = S(1), m = ze("container"), { width: n } = Fe(m), x = B(() => n.value < 640);
+    re(x, (t) => {
+      t && u.value !== 1 && (u.value = 1);
+    }, { immediate: !0 });
+    const h = S(null), P = S(/* @__PURE__ */ new Map()), z = B(() => h.value?.resources || []), v = B(() => z.value.filter((t) => t.isActive)), A = B(() => z.value.filter((t) => !t.isActive)), L = S(null), U = S(!1);
+    re(v, (t) => {
+      t.length > 0 && !L.value && (L.value = t[0].id);
+    }, { immediate: !0 });
+    const N = B(() => {
+      if (!L.value)
+        return v.value.length > 0 ? [v.value[0]] : [];
+      const t = v.value.find((r) => r.id === L.value);
+      return t ? [t] : v.value.length > 0 ? [v.value[0]] : [];
+    }), ee = B(() => h.value?.pricingOptions?.find((r) => r.isDefault)?.duration || 30), J = (t) => {
+      L.value = t;
+    };
+    re(a, () => {
+      O();
+    });
+    const te = B(() => {
+      const t = a.value, r = new Date(t.year, t.month - 1, t.day), y = r.toLocaleDateString("en-US", { weekday: "long" }).toUpperCase(), b = t.day, I = r.toLocaleDateString("en-US", { month: "short" }).toUpperCase();
+      return {
+        dayName: y,
+        day: b,
+        monthName: I,
+        full: `${y} ${b} ${I}`
+      };
+    }), G = () => {
+      a.value = a.value.subtract({ days: u.value });
+    }, ne = () => {
+      a.value = a.value.add({ days: u.value });
+    }, se = () => {
+      a.value = ue(de());
+    }, g = (t) => {
+      const [r, y] = t.split(":").map(Number);
+      return r * 60 + y;
+    }, o = (t, r) => (h.value?.exceptions || []).find((b) => r >= b.startDate && r <= b.endDate ? b.resourceIds === null ? !0 : b.resourceIds?.includes(t) : !1) || null, c = (t, r, y) => {
+      const b = o(t.id, y);
+      if (b)
+        return b.isClosed ? [] : b.timeslots.map((l) => ({
+          startTime: l.startTime,
+          endTime: l.endTime,
+          isException: !0
+        }));
+      const I = r.getDay(), F = t.openingHours?.[I] || [];
+      return F.length === 0 ? [] : F.map((l) => ({
+        startTime: l.start,
+        endTime: l.end,
+        isException: !1
+      }));
+    }, E = (t, r, y, b) => {
+      if (!h.value) return 0;
+      const I = P.value.get(r);
+      return I ? I.filter((l) => l.resourceId === t).reduce((l, H) => {
+        const Q = g(H.startTime), oe = g(H.endTime), le = g(y), me = g(b);
+        return Q < me && oe > le ? l + (H.reserved || 0) : l;
+      }, 0) : 0;
+    }, V = B(() => {
+      if (!h.value) return [];
+      P.value.size;
+      let t = [], r = [];
+      for (let b = 0; b < u.value; b++) {
+        const I = a.value.add({ days: b });
+        r.push(I);
+      }
+      const y = N.value.length > 0 ? N.value : [];
+      return y.length === 0 ? [] : (r.forEach((b) => {
+        let I = new Date(b.year, b.month - 1, b.day);
+        const F = `${b.year}-${String(b.month).padStart(2, "0")}-${String(b.day).padStart(2, "0")}`;
+        y.forEach((l) => {
+          const H = c(l, I, F);
+          t = t.concat(H.map((Q, oe) => {
+            const le = E(l.id, F, Q.startTime, Q.endTime);
+            return {
+              id: `block-${F}-${l.id}-${oe}`,
+              title: h.value.serviceName,
+              date: F,
+              startTime: Q.startTime,
+              endTime: Q.endTime,
+              theme: l.color || "#3b82f6",
+              bookings: le,
+              maxBookings: l.capacity,
+              isException: Q.isException || !1,
+              resourceId: l.id,
+              resource: l,
+              interval: l.interval || 30,
+              serviceDuration: ee.value
+            };
+          }));
+        });
+      }), t);
+    }), T = async () => {
+      h.value = await M.get(D.agendaCollection, w.value.id);
+    }, O = async () => {
+      const t = w.value.id, r = a.value;
+      P.value.clear();
+      const y = [];
+      for (let b = 0; b < u.value; b++) {
+        const I = r.add({ days: b }), F = `${I.year}-${String(I.month).padStart(2, "0")}-${String(I.day).padStart(2, "0")}`, l = `${t}_${F}`;
+        y.push(
+          M.get(D.reservedSpotsCollection, l).then((H) => {
+            if (H) {
+              let Q = [];
+              for (const oe of v.value) {
+                const le = H?.[oe.id] || {};
+                Object.entries(le).forEach(([me, De]) => {
+                  const [Ce, Me] = me.split("-");
+                  Q.push({
+                    resourceId: oe.id,
+                    startTime: Ce,
+                    endTime: Me,
+                    reserved: De
+                  });
+                });
+              }
+              P.value.set(F, Q);
+            }
+          }).catch(() => {
+          })
+        );
+      }
+      await Promise.all(y);
+    };
+    return T(), O(), re(u, () => {
+      O();
+    }), Z("agendaData", h), Z("activeDate", a), Z("viewMode", u), Z("events", V), Z("resources", N), Z("allResources", v), (t, r) => {
+      const y = j("Button"), b = j("SegmentedControlButton"), I = j("SegmentedControl"), F = j("Calendar");
+      return s(), W(Ue, null, {
+        default: $(() => [
+          e("div", {
+            ref_key: "container",
+            ref: m,
+            class: "flex flex-col gap-2 @md:gap-4 w-full h-full"
+          }, [
+            e("div", {
+              class: R(["flex flex-col @5xl:flex-row @5xl:items-center @5xl:justify-between gap-3 px-1", (x.value, "")])
+            }, [
+              e("div", os, [
+                e("div", as, [
+                  e("div", ns, [
+                    d(_(Le), {
+                      size: 20,
+                      class: "text-primary flex-shrink-0"
+                    }),
+                    e("h2", ls, p(te.value.full), 1)
+                  ]),
+                  e("p", rs, p(h.value?.serviceName), 1)
+                ]),
+                x.value && _(k)("manage-reservations") ? (s(), W(he, { key: 0 })) : C("", !0)
+              ]),
+              e("div", is, [
+                e("div", us, [
+                  d(y, {
+                    variant: "outline",
+                    size: "icon",
+                    class: "size-8 @sm:size-9",
+                    onClick: G
+                  }, {
+                    default: $(() => [
+                      d(_(ve), { size: 16 })
+                    ]),
+                    _: 1
+                  }),
+                  d(y, {
+                    variant: "outline",
+                    size: "sm",
+                    class: "h-8 @sm:h-9 px-2 @sm:px-3 text-xs @sm:text-sm",
+                    onClick: se
+                  }, {
+                    default: $(() => [...r[3] || (r[3] = [
+                      ae(" Today ", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  d(y, {
+                    variant: "outline",
+                    size: "icon",
+                    class: "size-8 @sm:size-9",
+                    onClick: ne
+                  }, {
+                    default: $(() => [
+                      d(_(ce), { size: 16 })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                x.value ? C("", !0) : (s(), W(I, {
+                  key: 0,
+                  modelValue: u.value,
+                  "onUpdate:modelValue": r[0] || (r[0] = (l) => u.value = l)
+                }, {
+                  default: $(() => [
+                    d(b, { value: 1 }, {
+                      default: $(() => [...r[4] || (r[4] = [
+                        e("span", { class: "whitespace-nowrap" }, "1 Day", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    d(b, { value: 3 }, {
+                      default: $(() => [...r[5] || (r[5] = [
+                        e("span", { class: "whitespace-nowrap" }, "3 Days", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    d(b, { value: 7 }, {
+                      default: $(() => [...r[6] || (r[6] = [
+                        e("span", { class: "whitespace-nowrap" }, "7 Days", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])),
+                !x.value && _(k)("manage-reservations") ? (s(), W(he, { key: 1 })) : C("", !0)
+              ])
+            ], 2),
+            x.value && v.value.length > 0 ? (s(), i("div", ds, [
+              (s(!0), i(X, null, Y(v.value, (l) => (s(), i("button", {
+                key: l.id,
+                class: R(["flex items-center gap-2 px-3 py-1.5 rounded-full border text-sm whitespace-nowrap transition-colors flex-shrink-0", {
+                  "bg-primary text-primary-foreground border-primary": L.value === l.id,
+                  "bg-background hover:bg-muted": L.value !== l.id
+                }]),
+                onClick: (H) => J(l.id)
+              }, [
+                e("div", {
+                  class: "size-5 rounded-full flex items-center justify-center text-white text-[10px] font-medium",
+                  style: q({ backgroundColor: L.value === l.id ? "rgba(255,255,255,0.3)" : l.color || "#6b7280" })
+                }, p(l.avatarLabel || l.name.charAt(0).toUpperCase()), 5),
+                e("span", null, p(l.name), 1)
+              ], 10, cs))), 128))
+            ])) : C("", !0),
+            e("div", ms, [
+              e("div", vs, [
+                d(F, {
+                  modelValue: a.value,
+                  "onUpdate:modelValue": r[1] || (r[1] = (l) => a.value = l),
+                  "weekday-format": "short",
+                  class: "rounded-md border"
+                }, null, 8, ["modelValue"]),
+                z.value.length > 0 ? (s(), i("div", ps, [
+                  r[7] || (r[7] = e("div", { class: "flex items-center justify-between mb-3" }, [
+                    e("span", { class: "text-sm font-medium" }, "Resources")
+                  ], -1)),
+                  e("div", fs, [
+                    (s(!0), i(X, null, Y(v.value, (l) => (s(), i("div", {
+                      key: l.id,
+                      class: R(["flex items-center gap-2 p-2 rounded-md hover:bg-muted cursor-pointer transition-colors", {
+                        "bg-muted ring-2 ring-primary/20": L.value === l.id,
+                        "opacity-50": L.value && L.value !== l.id
+                      }]),
+                      onClick: (H) => J(l.id)
+                    }, [
+                      e("div", {
+                        class: "size-7 rounded-full flex items-center justify-center text-white text-xs font-medium flex-shrink-0",
+                        style: q({ backgroundColor: l.color || "#6b7280" })
+                      }, p(l.avatarLabel || l.name.charAt(0).toUpperCase()), 5),
+                      e("div", hs, [
+                        e("div", xs, p(l.name), 1)
+                      ]),
+                      e("div", {
+                        class: R(["size-2 rounded-full flex-shrink-0", L.value === l.id ? "bg-primary" : "bg-muted-foreground/30"])
+                      }, null, 2)
+                    ], 10, gs))), 128)),
+                    A.value.length > 0 ? (s(), i("div", bs, [
+                      e("button", {
+                        class: "flex items-center gap-2 text-xs text-muted-foreground hover:text-foreground w-full py-1 transition-colors",
+                        onClick: r[2] || (r[2] = (l) => U.value = !U.value)
+                      }, [
+                        d(_(ce), {
+                          size: 14,
+                          class: R(["transition-transform", { "rotate-90": U.value }])
+                        }, null, 8, ["class"]),
+                        e("span", null, "Inactive (" + p(A.value.length) + ")", 1)
+                      ]),
+                      U.value ? (s(), i("div", ys, [
+                        (s(!0), i(X, null, Y(A.value, (l) => (s(), i("div", {
+                          key: l.id,
+                          class: "flex items-center gap-2 p-2 rounded-md opacity-50"
+                        }, [
+                          e("div", {
+                            class: "size-7 rounded-full flex items-center justify-center text-white text-xs font-medium flex-shrink-0 grayscale",
+                            style: q({ backgroundColor: l.color || "#6b7280" })
+                          }, p(l.avatarLabel || l.name.charAt(0).toUpperCase()), 5),
+                          e("div", _s, [
+                            e("div", ks, p(l.name), 1)
+                          ])
+                        ]))), 128))
+                      ])) : C("", !0)
+                    ])) : C("", !0)
+                  ])
+                ])) : C("", !0)
+              ]),
+              d(ss, { "agenda-data": h.value }, null, 8, ["agenda-data"])
+            ])
+          ], 512)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  Is as default
+};