@oneclick.dev/cms-core-modules 0.0.114 → 0.0.116

package/dist/orders-D41GbzIa.mjs

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