@oneclick.dev/cms-core-modules 0.0.108 → 0.0.110

package/dist/orders-C65SlpJy.mjs

@@ -0,0 +1,618 @@
+import { defineComponent as ye, ref as _, computed as y, provide as ke, onMounted as be, watch as ee, resolveComponent as k, openBlock as n, createElementBlock as l, Fragment as N, createVNode as r, withCtx as v, createElementVNode as a, unref as o, createTextVNode as b, renderList as M, toDisplayString as d, createBlock as te, createCommentVNode as w, normalizeClass as we, withDirectives as De, isRef as se, vModelText as Ce, normalizeStyle as ae, nextTick as Ie } from "vue";
+import { useRoute as Se, useRouter as Pe, useOverlayParams as Ne, useModuleRoute as ze, useModule as Oe, useFirebaseIntegration as je } from "@oneclick.dev/cms-kit";
+import { ShoppingBag as oe, Users as L, ChevronLeft as Ae, ChevronRight as Te, RefreshCw as Re, CalendarIcon as E, Search as Fe, X as Be, Clock as ne } from "lucide-vue-next";
+import { F as $e, _ as H, a as Ue } from "./ReservationDetailDialog.vue_vue_type_script_setup_true_lang-GYNZ_yhD.mjs";
+import { _ as Ve } from "./EditLayout.vue_vue_type_script_setup_true_lang-DWMqQvHl.mjs";
+import { _ as Me } from "./OrderDetailDialog.vue_vue_type_script_setup_true_lang-Vb3q8EVv.mjs";
+import { _ as Le } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const Ee = { class: "space-y-6" }, He = { class: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4" }, qe = { class: "text-2xl font-semibold tracking-tight flex items-center gap-2" }, Ye = { class: "flex gap-1 border rounded-lg p-1 w-fit" }, Qe = { class: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4" }, Xe = { class: "flex items-center gap-1" }, Ge = { class: "flex items-center gap-1" }, Je = { class: "flex items-center gap-2" }, Ke = { class: "flex items-center gap-1" }, We = { class: "mt-2 text-sm text-muted-foreground" }, Ze = { class: "orders-date-trigger" }, et = { class: "relative mb-4" }, tt = {
+  key: 0,
+  class: "mb-3 text-sm text-muted-foreground"
+}, st = {
+  key: 1,
+  class: "flex items-center justify-center py-8"
+}, at = {
+  key: 2,
+  class: "text-center py-8 text-muted-foreground"
+}, ot = {
+  key: 3,
+  class: "text-center py-8 text-muted-foreground"
+}, nt = {
+  key: 4,
+  class: "space-y-2"
+}, rt = ["onClick"], lt = { class: "flex items-start justify-between" }, it = { class: "flex-1" }, dt = { class: "font-medium" }, ct = { class: "text-sm text-muted-foreground" }, ut = { class: "text-sm text-muted-foreground" }, mt = { class: "flex items-center gap-4 flex-wrap mt-1" }, ft = { class: "flex items-center gap-2 text-xs text-muted-foreground" }, vt = { class: "flex items-center gap-2 text-xs text-muted-foreground" }, pt = {
+  key: 0,
+  class: "flex items-center gap-1 text-xs text-muted-foreground"
+}, xt = { class: "flex items-center gap-2 mt-1 text-xs text-muted-foreground" }, gt = { class: "text-right" }, _t = {
+  key: 0,
+  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"
+}, ht = {
+  key: 1,
+  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: 2,
+  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"
+}, kt = {
+  key: 3,
+  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: 4,
+  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"
+}, wt = {
+  key: 5,
+  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"
+}, Dt = {
+  key: 6,
+  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"
+}, Ct = {
+  key: 7,
+  class: "text-sm font-medium mt-1"
+}, It = ["onClick"], St = { class: "flex items-start justify-between" }, Pt = { class: "flex-1" }, Nt = { class: "flex items-center gap-2" }, zt = { class: "font-medium" }, Ot = { class: "text-sm text-muted-foreground" }, jt = { class: "text-sm text-muted-foreground" }, At = { class: "flex items-center gap-2 mt-1 text-xs text-muted-foreground" }, Tt = { class: "text-right" }, Rt = {
+  key: 0,
+  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"
+}, Ft = {
+  key: 1,
+  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"
+}, Bt = {
+  key: 2,
+  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"
+}, $t = { class: "text-sm font-medium mt-1" }, Ut = ["onClick"], Vt = { class: "flex items-center justify-between" }, Mt = { class: "flex items-center gap-4 flex-wrap" }, Lt = { class: "flex items-center gap-2 text-xs text-muted-foreground" }, Et = { class: "flex items-center gap-2 text-xs text-muted-foreground" }, Ht = {
+  key: 0,
+  class: "flex items-center gap-1 text-xs text-muted-foreground"
+}, qt = {
+  key: 0,
+  class: "text-right flex items-center gap-2"
+}, Yt = {
+  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"
+}, Qt = {
+  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"
+}, Xt = {
+  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"
+}, Gt = {
+  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"
+}, Jt = {
+  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"
+}, Wt = /* @__PURE__ */ ye({
+  __name: "orders",
+  setup(Zt) {
+    const q = Se();
+    Pe();
+    const Y = Ne(), { params: Q } = ze(), { config: z } = Oe(), A = je(z.project), x = _([]), T = _([]), S = _(!0), O = _(null), R = y(() => O?.value?.metadataSchema || []), h = _(""), P = _(null), F = _(null), I = _("confirmed"), D = /* @__PURE__ */ new Date(), m = _(/* @__PURE__ */ new Date()), X = _(null), re = y(() => ({
+      date: G(m.value),
+      resource: null
+    }));
+    ke("event", re);
+    const B = y({
+      get: () => G(m.value),
+      set: (e) => {
+        if (!e) {
+          m.value = /* @__PURE__ */ new Date();
+          return;
+        }
+        m.value = /* @__PURE__ */ new Date(`${e}T00:00:00`);
+      }
+    }), le = () => {
+      const e = X.value;
+      if (e) {
+        if (typeof e.showPicker == "function") {
+          e.showPicker();
+          return;
+        }
+        e.focus(), e.click();
+      }
+    }, ie = y(() => {
+      const e = new Date(D);
+      e.setDate(D.getDate() - 1);
+      const t = new Date(D);
+      return t.setDate(D.getDate() + 1), m.value.toDateString() === D.toDateString() ? "Today" : m.value.toDateString() === e.toDateString() ? "Yesterday" : m.value.toDateString() === t.toDateString() ? "Tomorrow" : m.value.toLocaleDateString("en-US", {
+        weekday: "long",
+        month: "long",
+        day: "numeric",
+        year: "numeric"
+      });
+    }), de = () => {
+      const e = new Date(m.value);
+      e.setDate(e.getDate() - 1), m.value = e;
+    }, ce = () => {
+      const e = new Date(m.value);
+      e.setDate(e.getDate() + 1), e <= D && (m.value = e);
+    }, ue = y(() => {
+      const e = new Date(m.value);
+      return e.setDate(e.getDate() + 1), e <= D;
+    }), me = () => {
+      m.value = /* @__PURE__ */ new Date();
+    }, G = (e) => {
+      const t = e.getFullYear(), i = String(e.getMonth() + 1).padStart(2, "0"), u = String(e.getDate()).padStart(2, "0");
+      return `${t}-${i}-${u}`;
+    }, J = (e) => e ? new Date(e).toLocaleTimeString("en-US", {
+      hour: "2-digit",
+      minute: "2-digit",
+      hour12: !1
+    }) : "", K = (e) => e ? new Date(e).toLocaleDateString("en-US", {
+      weekday: "short",
+      month: "short",
+      day: "numeric"
+    }) : "", W = (e, t) => {
+      const i = T.value.find((p) => p.id === t.resourceId), u = e.id || e.orderId || t.orderId || "";
+      return {
+        customerInfo: e.customerInfo,
+        amountDue: e.amountDue,
+        amountPaid: e.amountPaid,
+        status: e.status,
+        reservationStatus: t.status,
+        subtotal: e.subtotal,
+        total: e.total,
+        discount: e.discount,
+        id: u,
+        res_id: t.id,
+        resourceId: t.resourceId,
+        spots: t.spots,
+        date: t.date,
+        createdAt: e.createdAt,
+        startTime: t.timeslot?.startTime,
+        endTime: t.timeslot?.endTime,
+        reservationPrice: t.totalPrice,
+        reservationBasePrice: t.basePrice,
+        reservationAddOnsPrice: t.addOnsPrice,
+        pricingOptionId: t.pricingOptionId,
+        pricingOption: t.pricingOption,
+        resourceName: i?.name || "Unknown",
+        resourceColor: i?.color,
+        metadata: e.metadata || {},
+        reservationMetadata: t.metadata || {},
+        adjustments: e.adjustments || [],
+        reservationAdjustments: t.adjustments || []
+      };
+    }, $ = async () => {
+      await Ie(), await new Promise((e) => {
+        if (typeof requestAnimationFrame == "function") {
+          requestAnimationFrame(() => e());
+          return;
+        }
+        e();
+      });
+    }, U = y(() => h.value.trim() ? new $e(x.value, {
+      keys: [
+        "customerInfo.firstName",
+        "customerInfo.lastName",
+        "customerInfo.email",
+        "customerInfo.phone",
+        "resourceName"
+      ],
+      threshold: 0.3,
+      ignoreLocation: !0
+    }).search(h.value).map((t) => t.item) : x.value), fe = y(() => {
+      const e = /* @__PURE__ */ new Map();
+      for (const t of U.value) {
+        e.has(t.id) || e.set(t.id, {
+          id: t.id,
+          customerInfo: t.customerInfo,
+          status: t.status,
+          createdAt: t.createdAt,
+          metadata: t.metadata || {},
+          reservations: [],
+          adjustments: t.adjustments || [],
+          totalPrice: 0,
+          totalSpots: 0
+        });
+        const i = e.get(t.id);
+        i.reservations.push(t), i.totalPrice = typeof t.total == "number" ? t.total : i.totalPrice + (t.reservationPrice || 0), i.totalSpots += t.spots || 0;
+      }
+      return Array.from(e.values());
+    }), j = y(() => ({
+      spots: x.value.reduce((e, t) => e + (t.spots || 0), 0),
+      bookings: x.value.length,
+      revenue: x.value.reduce((e, t) => e + (t.reservationPrice || 0), 0)
+    })), ve = () => {
+      h.value = "";
+    }, pe = async () => {
+      try {
+        const e = Q.value.id, t = await A.get(z.agendaCollection, e);
+        O.value = t, T.value = t?.resources?.filter((i) => i.isActive) || [];
+      } catch (e) {
+        console.error("Error loading resources:", e), T.value = [];
+      }
+    }, C = async () => {
+      S.value = !0, x.value = [];
+      try {
+        const e = Q.value.id, t = new Date(m.value);
+        t.setHours(0, 0, 0, 0);
+        const i = new Date(m.value);
+        i.setHours(23, 59, 59, 999);
+        const u = await A.find(z.reservationsCollection, {
+          filters: [
+            { field: "agendaId", operator: "==", value: e },
+            { field: "createdAt", operator: ">=", value: t.toISOString() },
+            { field: "createdAt", operator: "<=", value: i.toISOString() },
+            { field: "status", operator: "==", value: I.value }
+          ]
+        });
+        let p = [];
+        u.forEach((f) => {
+          (f.reservations || []).forEach((V) => {
+            p.push(W(f, V));
+          });
+        }), x.value = p.sort((f, g) => (g.createdAt || "").localeCompare(f.createdAt || ""));
+      } catch (e) {
+        console.error("Error loading orders:", e), x.value = [];
+      } finally {
+        S.value = !1;
+      }
+    }, xe = async () => {
+      await pe(), await C();
+    }, Z = async (e, t) => {
+      const i = await A.get(z.reservationsCollection, e);
+      if (!i) return;
+      const u = { ...i, id: i.id || e }, p = (u.reservations || []).map((f) => W(u, f));
+      if (t) {
+        const f = p.find((g) => g.res_id === t);
+        if (!f) return;
+        await $(), P.value?.openDialog(f);
+        return;
+      }
+      p.length && (await $(), F.value?.openDialog({
+        id: u.id,
+        customerInfo: u.customerInfo,
+        status: u.status,
+        createdAt: u.createdAt,
+        metadata: u.metadata || {},
+        reservations: p,
+        adjustments: u.adjustments || [],
+        totalPrice: typeof u.total == "number" ? u.total : p.reduce((f, g) => f + (g.reservationPrice || 0), 0),
+        totalSpots: p.reduce((f, g) => f + (g.spots || 0), 0)
+      }));
+    }, ge = async (e) => {
+      await $(), P.value?.openDialog(e);
+    };
+    return xe(), be(async () => {
+      const e = Y.value.orderId || q.query.orderId, t = Y.value.reservationId || q.query.reservationId;
+      if (e) {
+        const i = new URL(window.location.href);
+        i.searchParams.delete("orderId"), i.searchParams.delete("reservationId"), window.history.replaceState(window.history.state, "", i.toString()), await Z(e, t);
+      }
+    }), ee(m, () => {
+      C();
+    }), ee(I, () => {
+      C();
+    }), (e, t) => {
+      const i = k("Button"), u = k("Badge"), p = k("CardTitle"), f = k("CardDescription"), g = k("CardHeader"), V = k("Input"), _e = k("CardContent"), he = k("Card");
+      return n(), l(N, null, [
+        r(Ve, null, {
+          default: v(() => [
+            a("div", Ee, [
+              a("div", He, [
+                a("div", null, [
+                  a("h1", qe, [
+                    r(o(oe), { class: "size-6" }),
+                    t[4] || (t[4] = b(" Orders ", -1))
+                  ]),
+                  t[5] || (t[5] = a("p", { class: "text-muted-foreground text-sm mt-1" }, " View orders by when they were placed ", -1))
+                ])
+              ]),
+              a("div", Ye, [
+                (n(), l(N, null, M(["confirmed", "pending", "cancelled"], (s) => r(i, {
+                  key: s,
+                  variant: o(I) === s ? "default" : "ghost",
+                  size: "sm",
+                  class: "capitalize",
+                  onClick: (c) => I.value = s
+                }, {
+                  default: v(() => [
+                    b(d(s), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["variant", "onClick"])), 64))
+              ]),
+              r(he, null, {
+                default: v(() => [
+                  r(g, null, {
+                    default: v(() => [
+                      a("div", Qe, [
+                        a("div", null, [
+                          r(p, { class: "flex items-center gap-2" }, {
+                            default: v(() => [
+                              t[6] || (t[6] = b(" Orders received ", -1)),
+                              o(j).bookings > 0 ? (n(), te(u, {
+                                key: 0,
+                                variant: "secondary"
+                              }, {
+                                default: v(() => [
+                                  b(d(o(j).bookings), 1)
+                                ]),
+                                _: 1
+                              })) : w("", !0)
+                            ]),
+                            _: 1
+                          }),
+                          r(f, { class: "flex items-center gap-4 mt-1" }, {
+                            default: v(() => [
+                              a("span", Xe, [
+                                r(o(L), { size: 14 }),
+                                b(" " + d(o(j).spots) + " spots ", 1)
+                              ]),
+                              a("span", Ge, " €" + d(o(j).revenue.toFixed(2)) + d(o(I) === "pending" ? " pending " : o(I) === "cancelled" ? " cancelled " : " ") + "revenue ", 1)
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        a("div", Je, [
+                          a("div", Ke, [
+                            r(i, {
+                              variant: "outline",
+                              size: "icon",
+                              class: "size-8",
+                              onClick: de
+                            }, {
+                              default: v(() => [
+                                r(o(Ae), { size: 16 })
+                              ]),
+                              _: 1
+                            }),
+                            r(i, {
+                              variant: "outline",
+                              size: "sm",
+                              class: "h-8 px-3 text-xs",
+                              onClick: me
+                            }, {
+                              default: v(() => [...t[7] || (t[7] = [
+                                b(" Today ", -1)
+                              ])]),
+                              _: 1
+                            }),
+                            r(i, {
+                              variant: "outline",
+                              size: "icon",
+                              class: "size-8",
+                              onClick: ce,
+                              disabled: !o(ue)
+                            }, {
+                              default: v(() => [
+                                r(o(Te), { size: 16 })
+                              ]),
+                              _: 1
+                            }, 8, ["disabled"])
+                          ]),
+                          r(i, {
+                            variant: "outline",
+                            size: "icon",
+                            onClick: C,
+                            disabled: o(S)
+                          }, {
+                            default: v(() => [
+                              r(o(Re), {
+                                size: 16,
+                                class: we({ "animate-spin": o(S) })
+                              }, null, 8, ["class"])
+                            ]),
+                            _: 1
+                          }, 8, ["disabled"])
+                        ])
+                      ]),
+                      a("div", We, [
+                        a("div", Ze, [
+                          r(i, {
+                            type: "button",
+                            variant: "outline",
+                            onClick: le
+                          }, {
+                            default: v(() => [
+                              r(o(E), { class: "size-4" }),
+                              b(" " + d(o(ie)), 1)
+                            ]),
+                            _: 1
+                          }),
+                          De(a("input", {
+                            ref_key: "dateInputRef",
+                            ref: X,
+                            "onUpdate:modelValue": t[0] || (t[0] = (s) => se(B) ? B.value = s : null),
+                            type: "date",
+                            class: "orders-date-picker",
+                            "aria-label": "Select order date"
+                          }, null, 512), [
+                            [Ce, o(B)]
+                          ])
+                        ])
+                      ])
+                    ]),
+                    _: 1
+                  }),
+                  r(_e, null, {
+                    default: v(() => [
+                      a("div", et, [
+                        r(o(Fe), {
+                          size: 16,
+                          class: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"
+                        }),
+                        r(V, {
+                          modelValue: o(h),
+                          "onUpdate:modelValue": t[1] || (t[1] = (s) => se(h) ? h.value = s : null),
+                          placeholder: "Search by name, email, or phone...",
+                          class: "pl-9 pr-9"
+                        }, null, 8, ["modelValue"]),
+                        o(h) ? (n(), te(i, {
+                          key: 0,
+                          variant: "ghost",
+                          size: "icon",
+                          class: "absolute right-1 top-1/2 -translate-y-1/2 h-7 w-7",
+                          onClick: ve
+                        }, {
+                          default: v(() => [
+                            r(o(Be), { size: 14 })
+                          ]),
+                          _: 1
+                        })) : w("", !0)
+                      ]),
+                      o(h) ? (n(), l("div", tt, " Showing " + d(o(U).length) + " of " + d(o(x).length) + " orders ", 1)) : w("", !0),
+                      o(S) ? (n(), l("div", st, [...t[8] || (t[8] = [
+                        a("div", { class: "animate-spin rounded-full h-8 w-8 border-b-2 border-primary" }, null, -1)
+                      ])])) : o(x).length === 0 ? (n(), l("div", at, [
+                        r(o(oe), { class: "size-12 mx-auto mb-3 opacity-50" }),
+                        t[9] || (t[9] = a("p", null, "No orders received on this day", -1))
+                      ])) : o(U).length === 0 ? (n(), l("div", ot, " No orders match your search ")) : (n(), l("div", nt, [
+                        (n(!0), l(N, null, M(o(fe), (s) => (n(), l("div", {
+                          key: s.id,
+                          class: "border rounded-lg overflow-hidden shadow-sm"
+                        }, [
+                          s.reservations.length === 1 ? (n(), l("div", {
+                            key: 0,
+                            class: "p-3 hover:bg-muted/50 transition-colors cursor-pointer",
+                            onClick: (c) => o(P)?.openDialog(s.reservations[0])
+                          }, [
+                            a("div", lt, [
+                              a("div", it, [
+                                a("div", dt, d(s.customerInfo?.firstName || s.customerInfo?.lastName ? [s.customerInfo?.firstName, s.customerInfo?.lastName].filter(Boolean).join(" ") : "Unknown Customer"), 1),
+                                a("div", ct, d(s.customerInfo?.email), 1),
+                                a("div", ut, d(s.customerInfo?.phone), 1),
+                                a("div", mt, [
+                                  a("div", ft, [
+                                    r(o(E), { size: 12 }),
+                                    a("span", null, d(K(s.reservations[0].date)) + " · " + d(s.reservations[0].startTime) + " - " + d(s.reservations[0].endTime), 1)
+                                  ]),
+                                  a("div", vt, [
+                                    r(o(L), { size: 12 }),
+                                    a("span", null, d(s.reservations[0].spots) + " spots", 1)
+                                  ]),
+                                  s.reservations[0].resourceName ? (n(), l("div", pt, [
+                                    a("div", {
+                                      class: "w-3 h-3 rounded-full",
+                                      style: ae({ backgroundColor: s.reservations[0].resourceColor || "#6b7280" })
+                                    }, null, 4),
+                                    a("span", null, d(s.reservations[0].resourceName), 1)
+                                  ])) : w("", !0)
+                                ]),
+                                a("div", xt, [
+                                  r(o(ne), { size: 12 }),
+                                  a("span", null, "Ordered at " + d(J(s.createdAt)), 1)
+                                ]),
+                                r(H, {
+                                  metadata: { ...s.reservations[0].metadata, ...s.reservations[0].reservationMetadata },
+                                  schema: o(R),
+                                  "display-filter": ["highlight", "badge"],
+                                  compact: "",
+                                  class: "mt-1"
+                                }, null, 8, ["metadata", "schema"])
+                              ]),
+                              a("div", gt, [
+                                s.reservations[0].status === "pending" ? (n(), l("span", _t, "Pending")) : s.reservations[0].status === "cancelled" ? (n(), l("span", ht, "Cancelled")) : s.reservations[0].reservationStatus === "needs_approval" ? (n(), l("span", yt, "Needs Approval")) : s.reservations[0].reservationStatus === "approved" ? (n(), l("span", kt, "Approved")) : s.reservations[0].reservationStatus === "cancelled" ? (n(), l("span", bt, "Cancelled")) : s.reservations[0].reservationStatus === "rejected" ? (n(), l("span", wt, "Rejected")) : (n(), l("span", Dt, "Pending")),
+                                s.reservations[0].reservationPrice || s.reservations[0].reservationPrice === 0 ? (n(), l("div", Ct, " €" + d(s.reservations[0].reservationPrice.toFixed(2)), 1)) : w("", !0)
+                              ])
+                            ])
+                          ], 8, rt)) : (n(), l(N, { key: 1 }, [
+                            a("div", {
+                              class: "p-3 bg-muted/30 hover:bg-muted/50 transition-colors cursor-pointer",
+                              onClick: (c) => o(F)?.openDialog(s)
+                            }, [
+                              a("div", St, [
+                                a("div", Pt, [
+                                  a("div", Nt, [
+                                    a("div", zt, d(s.customerInfo?.firstName || s.customerInfo?.lastName ? [s.customerInfo?.firstName, s.customerInfo?.lastName].filter(Boolean).join(" ") : "Unknown Customer"), 1),
+                                    r(u, {
+                                      variant: "secondary",
+                                      class: "text-xs"
+                                    }, {
+                                      default: v(() => [
+                                        b(d(s.reservations.length) + " reservations ", 1)
+                                      ]),
+                                      _: 2
+                                    }, 1024)
+                                  ]),
+                                  a("div", Ot, d(s.customerInfo?.email), 1),
+                                  a("div", jt, d(s.customerInfo?.phone), 1),
+                                  a("div", At, [
+                                    r(o(ne), { size: 12 }),
+                                    a("span", null, "Ordered at " + d(J(s.createdAt)), 1)
+                                  ]),
+                                  r(H, {
+                                    metadata: s.metadata,
+                                    schema: o(R),
+                                    "display-filter": ["highlight", "badge"],
+                                    compact: "",
+                                    class: "mt-1"
+                                  }, null, 8, ["metadata", "schema"])
+                                ]),
+                                a("div", Tt, [
+                                  s.status === "pending" ? (n(), l("span", Rt, "Pending")) : s.status === "cancelled" ? (n(), l("span", Ft, "Cancelled")) : (n(), l("span", Bt, "Confirmed")),
+                                  a("div", $t, " €" + d(s.totalPrice.toFixed(2)), 1)
+                                ])
+                              ])
+                            ], 8, It),
+                            (n(!0), l(N, null, M(s.reservations, (c) => (n(), l("div", {
+                              key: c.res_id,
+                              class: "p-3 border-t bg-muted/50 dark:bg-transparent dark:hover:bg-muted/50 transition-colors cursor-pointer",
+                              onClick: (es) => o(P)?.openDialog(c)
+                            }, [
+                              a("div", Vt, [
+                                a("div", Mt, [
+                                  a("div", Lt, [
+                                    r(o(E), { size: 12 }),
+                                    a("span", null, d(K(c.date)) + " · " + d(c.startTime) + " - " + d(c.endTime), 1)
+                                  ]),
+                                  a("div", Et, [
+                                    r(o(L), { size: 12 }),
+                                    a("span", null, d(c.spots) + " spots", 1)
+                                  ]),
+                                  c.resourceName ? (n(), l("div", Ht, [
+                                    a("div", {
+                                      class: "w-3 h-3 rounded-full",
+                                      style: ae({ backgroundColor: c.resourceColor || "#6b7280" })
+                                    }, null, 4),
+                                    a("span", null, d(c.resourceName), 1)
+                                  ])) : w("", !0)
+                                ]),
+                                c.status === "confirmed" ? (n(), l("div", qt, [
+                                  c.reservationStatus === "needs_approval" ? (n(), l("span", Yt, "Needs Approval")) : c.reservationStatus === "approved" ? (n(), l("span", Qt, "Approved")) : c.reservationStatus === "cancelled" ? (n(), l("span", Xt, "Cancelled")) : c.reservationStatus === "rejected" ? (n(), l("span", Gt, "Rejected")) : (n(), l("span", Jt, "Pending")),
+                                  c.reservationPrice || c.reservationPrice === 0 ? (n(), l("div", Kt, " €" + d(c.reservationPrice.toFixed(2)), 1)) : w("", !0)
+                                ])) : w("", !0)
+                              ]),
+                              r(H, {
+                                metadata: c.reservationMetadata,
+                                schema: o(R),
+                                "display-filter": ["highlight", "badge"],
+                                compact: "",
+                                class: "mt-1"
+                              }, null, 8, ["metadata", "schema"])
+                            ], 8, Ut))), 128))
+                          ], 64))
+                        ]))), 128))
+                      ]))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }),
+        r(Ue, {
+          ref_key: "reservationDetailDialog",
+          ref: P,
+          "agenda-data": o(O),
+          "show-order-link": "",
+          onCancelled: C,
+          onConfirmed: C,
+          onRejected: C,
+          onOpenOrder: t[2] || (t[2] = (s) => Z(s))
+        }, null, 8, ["agenda-data"]),
+        r(Me, {
+          ref_key: "orderDetailDialog",
+          ref: F,
+          "agenda-data": o(O),
+          onOpenReservation: t[3] || (t[3] = (s) => ge(s))
+        }, null, 8, ["agenda-data"])
+      ], 64);
+    };
+  }
+}), is = /* @__PURE__ */ Le(Wt, [["__scopeId", "data-v-b75d229e"]]);
+export {
+  is as default
+};