@oneclick.dev/cms-core-modules 0.0.122 → 0.0.123

package/dist/OrderDetailDialog.vue_vue_type_script_setup_true_lang-BdFa-xNf.mjs

@@ -0,0 +1,3566 @@
+import { ref as F, watch as We, defineComponent as De, resolveComponent as c, openBlock as i, createBlock as J, withCtx as r, createVNode as a, createTextVNode as $, createElementVNode as e, unref as P, normalizeClass as Z, computed as U, createElementBlock as _, createCommentVNode as T, Fragment as re, renderList as me, toDisplayString as f, normalizeStyle as Ce, resolveDynamicComponent as ke, inject as kt, useTemplateRef as He } from "vue";
+import { AlertTriangle as $t, Receipt as ot, icons as Dt, User as st, Mail as rt, Phone as lt, Clock as Ze, Users as Qe, Tag as it, CreditCard as dt, Ban as Rt, ClockCheck as Ct, MoreHorizontal as ut, ExternalLink as St, Download as ct, MailCheck as At, CalendarClock as jt, XCircle as It, Gift as Mt, ShoppingBag as Nt, Calendar as Tt, ChevronRight as Ft } from "lucide-vue-next";
+import { useModuleApi as pt, useModule as Oe, useMailer as Ke, useModuleRoute as nt, useFirebaseIntegration as vt, useModulePermissions as Vt, useFlowBuilder as mt } from "@oneclick.dev/cms-kit";
+import { t as ce } from "./index-RLz1QPrf.mjs";
+const de = (o) => o == null ? "—" : `€${o.toFixed(2)}`, ft = (o) => {
+  if (!o) return "—";
+  if (o < 60) return `${o} min`;
+  const x = Math.floor(o / 60), L = o % 60;
+  return L > 0 ? `${x}h ${L}min` : `${x}h`;
+}, et = (o) => {
+  const x = Number(o.value);
+  return Number.isFinite(x) ? o.type === "percent" ? `${x}%` : `${x < 0 ? "-" : "+"}${de(Math.abs(x))}` : "—";
+}, tt = (o) => {
+  switch (o) {
+    case "confirmed":
+      return "Confirmed";
+    case "pending":
+      return "Pending";
+    case "cancelled":
+      return "Cancelled";
+    case "needs_approval":
+      return "Needs Approval";
+    case "approved":
+      return "Approved";
+    case "rejected":
+      return "Rejected";
+    default:
+      return o || "Unknown";
+  }
+}, Ve = (o) => {
+  switch (o) {
+    case "confirmed":
+    case "approved":
+      return "#16a34a";
+    // green-600
+    case "pending":
+    case "needs_approval":
+      return "#ca8a04";
+    // yellow-600
+    case "cancelled":
+    case "rejected":
+      return "#dc2626";
+    // red-600
+    default:
+      return "#6b7280";
+  }
+}, Ot = (o) => {
+  if (!o) return "—";
+  const x = new Date(o);
+  return Number.isNaN(x.getTime()) ? o : x.toLocaleDateString("en-US", {
+    weekday: "short",
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  });
+}, Pt = (o) => {
+  if (!o) return "—";
+  const x = new Date(o);
+  return Number.isNaN(x.getTime()) ? o : x.toLocaleString("en-US", {
+    weekday: "short",
+    month: "short",
+    day: "numeric",
+    year: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+}, zt = (o) => o.status === "confirmed" && ["needs_approval", "rejected", "approved", "cancelled"].includes(o.reservationStatus || "") ? o.reservationStatus || o.status : o.status || o.reservationStatus || "", gt = (o) => String(o ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;"), se = (o, x = "—") => o == null || o === "" ? x : gt(o), Ut = (o) => o == null || o === "" || o === !1 ? !1 : Array.isArray(o) ? o.length > 0 : typeof o == "object" ? Object.keys(o).length > 0 : !0, Bt = (o) => {
+  if (o === !0) return "Yes";
+  if (Array.isArray(o))
+    return o.map((x) => typeof x == "object" ? JSON.stringify(x) : String(x)).join(", ");
+  if (typeof o == "object")
+    try {
+      return JSON.stringify(o);
+    } catch {
+      return String(o);
+    }
+  return String(o);
+}, Je = (o, x, L) => !o || !x?.length ? [] : x.filter((h) => h.scope !== L || h.includeInPdf !== !0 ? !1 : Ut(o[h.key])).sort((h, z) => (h.order || 0) - (z.order || 0)).map((h) => ({
+  id: h.id,
+  key: h.key,
+  label: h.label || h.key,
+  value: o[h.key]
+})), bt = (o, x = !1) => o.map((L) => `
+    <div class="metadata-row${x ? " compact" : ""}">
+      <span class="metadata-label">${se(L.label)}</span>
+      <span class="metadata-value">${se(Bt(L.value))}</span>
+    </div>
+  `).join(""), at = (o, x) => x.length ? `
+    <div class="section">
+      <div class="section-title">${se(o)}</div>
+      <div class="section-content">
+        <div class="metadata-list">
+          ${bt(x)}
+        </div>
+      </div>
+    </div>
+  ` : "", Et = (o, x = {}) => {
+  const L = `${o.customerInfo?.firstName || ""} ${o.customerInfo?.lastName || ""}`.trim() || "Unknown Customer", h = o.id?.slice(0, 8) || "—", z = (/* @__PURE__ */ new Date()).toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  }), E = Je(o.metadata, x.metadataSchema, "order"), d = Je(o.reservationMetadata, x.metadataSchema, "reservation"), R = `
+    <!DOCTYPE html>
+    <html lang="en">
+    <head>
+      <meta charset="UTF-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <title>Reservation ${h}</title>
+      <style>
+        * {
+          margin: 0;
+          padding: 0;
+          box-sizing: border-box;
+        }
+        
+        body {
+          font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+          line-height: 1.6;
+          color: #1f2937;
+          background: #fff;
+          padding: 40px;
+          max-width: 800px;
+          margin: 0 auto;
+        }
+        
+        .header {
+          display: flex;
+          justify-content: space-between;
+          align-items: flex-start;
+          margin-bottom: 40px;
+          padding-bottom: 20px;
+          border-bottom: 2px solid #e5e7eb;
+        }
+        
+        .company-info {
+          display: flex;
+          align-items: center;
+          gap: 16px;
+        }
+        
+        .company-logo {
+          max-height: 50px;
+          max-width: 150px;
+          object-fit: contain;
+        }
+        
+        .company-name {
+          font-size: 24px;
+          font-weight: 700;
+          color: #111827;
+        }
+        
+        .document-info {
+          text-align: right;
+        }
+        
+        .document-title {
+          font-size: 28px;
+          font-weight: 700;
+          color: #111827;
+          margin-bottom: 8px;
+        }
+        
+        .booking-id {
+          font-size: 14px;
+          color: #6b7280;
+        }
+        
+        .status-badge {
+          display: inline-block;
+          padding: 4px 12px;
+          border-radius: 9999px;
+          font-size: 12px;
+          font-weight: 600;
+          text-transform: uppercase;
+          margin-top: 8px;
+        }
+        
+        .section {
+          margin-bottom: 32px;
+        }
+        
+        .section-title {
+          font-size: 12px;
+          font-weight: 600;
+          text-transform: uppercase;
+          letter-spacing: 0.05em;
+          color: #6b7280;
+          margin-bottom: 12px;
+        }
+        
+        .section-content {
+          background: #f9fafb;
+          border-radius: 8px;
+          padding: 20px;
+        }
+        
+        .customer-name {
+          font-size: 18px;
+          font-weight: 600;
+          margin-bottom: 8px;
+        }
+        
+        .contact-info {
+          font-size: 14px;
+          color: #4b5563;
+        }
+        
+        .contact-info a {
+          color: #4b5563;
+          text-decoration: none;
+        }
+        
+        .grid {
+          display: grid;
+          grid-template-columns: 1fr 1fr;
+          gap: 16px;
+        }
+        
+        .info-card {
+          background: #f9fafb;
+          border-radius: 8px;
+          padding: 16px;
+        }
+        
+        .info-label {
+          font-size: 12px;
+          color: #6b7280;
+          margin-bottom: 4px;
+        }
+        
+        .info-value {
+          font-size: 16px;
+          font-weight: 600;
+        }
+
+        .metadata-list {
+          display: grid;
+          gap: 8px;
+        }
+
+        .metadata-row {
+          display: flex;
+          justify-content: space-between;
+          gap: 16px;
+          padding: 8px 0;
+          border-bottom: 1px solid #e5e7eb;
+          font-size: 14px;
+        }
+
+        .metadata-row:last-child {
+          border-bottom: none;
+        }
+
+        .metadata-label {
+          color: #6b7280;
+        }
+
+        .metadata-value {
+          max-width: 60%;
+          font-weight: 600;
+          text-align: right;
+          overflow-wrap: anywhere;
+        }
+        
+        .package-row {
+          display: flex;
+          justify-content: space-between;
+          align-items: flex-start;
+        }
+        
+        .package-name {
+          font-size: 16px;
+          font-weight: 600;
+        }
+        
+        .package-duration {
+          font-size: 14px;
+          color: #6b7280;
+        }
+        
+        .package-price {
+          font-size: 16px;
+          font-weight: 600;
+        }
+        
+        .payment-row {
+          display: flex;
+          justify-content: space-between;
+          padding: 8px 0;
+          font-size: 14px;
+        }
+        
+        .payment-label {
+          color: #6b7280;
+        }
+        
+        .payment-value {
+          font-weight: 500;
+        }
+        
+        .payment-value.green {
+          color: #16a34a;
+        }
+        
+        .payment-value.orange {
+          color: #ea580c;
+        }
+        
+        .payment-divider {
+          border-top: 1px solid #e5e7eb;
+          margin: 12px 0;
+        }
+        
+        .payment-total {
+          font-size: 16px;
+          font-weight: 600;
+        }
+        
+        .footer {
+          margin-top: 60px;
+          padding-top: 20px;
+          border-top: 1px solid #e5e7eb;
+          text-align: center;
+          font-size: 12px;
+          color: #9ca3af;
+        }
+        
+        @media print {
+          body {
+            padding: 20px;
+          }
+          
+          .no-print {
+            display: none;
+          }
+        }
+      </style>
+    </head>
+    <body>
+      <div class="header">
+        <div class="company-info">
+          ${x.companyLogo ? `<img src="${x.companyLogo}" alt="Logo" class="company-logo" />` : ""}
+          ${x.companyName ? `<span class="company-name">${x.companyName}</span>` : ""}
+        </div>
+        <div class="document-info">
+          <div class="document-title">Reservation</div>
+          <div class="booking-id">Booking #${h}</div>
+          <div 
+            class="status-badge" 
+            style="background-color: ${Ve(o.status)}20; color: ${Ve(o.status)};"
+          >
+            ${tt(o.status)}
+          </div>
+        </div>
+      </div>
+      
+      <div class="section">
+        <div class="section-title">Customer</div>
+        <div class="section-content">
+          <div class="customer-name">${L}</div>
+          <div class="contact-info">
+            ${o.customerInfo?.email ? `<div>Email: <a href="mailto:${o.customerInfo.email}">${o.customerInfo.email}</a></div>` : ""}
+            ${o.customerInfo?.phone ? `<div>Phone: <a href="tel:${o.customerInfo.phone}">${o.customerInfo.phone}</a></div>` : ""}
+          </div>
+        </div>
+      </div>
+
+      ${at("Order Metadata", E)}
+      
+      <div class="section">
+        <div class="section-title">Reservation Details</div>
+        <div class="grid">
+          <div class="info-card">
+            <div class="info-label">Date</div>
+            <div class="info-value">${x.date || "—"}</div>
+          </div>
+          <div class="info-card">
+            <div class="info-label">Time</div>
+            <div class="info-value">${o.startTime} - ${o.endTime}</div>
+          </div>
+          <div class="info-card">
+            <div class="info-label">Spots</div>
+            <div class="info-value">${o.spots || 1} ${(o.spots || 1) === 1 ? "person" : "people"}</div>
+          </div>
+          ${x.resourceName ? `
+          <div class="info-card">
+            <div class="info-label">Resource</div>
+            <div class="info-value">${x.resourceName}</div>
+          </div>
+          ` : ""}
+          ${x.agendaName ? `
+          <div class="info-card">
+            <div class="info-label">Service</div>
+            <div class="info-value">${x.agendaName}</div>
+          </div>
+          ` : ""}
+        </div>
+      </div>
+
+      ${at("Reservation Metadata", d)}
+      
+      ${o.pricingOption ? `
+      <div class="section">
+        <div class="section-title">Package</div>
+        <div class="section-content">
+          <div class="package-row">
+            <div>
+              <div class="package-name">${o.pricingOption.name}</div>
+              <div class="package-duration">${ft(o.pricingOption.duration)}</div>
+            </div>
+            <div class="package-price">${de(o.pricingOption.price)}</div>
+          </div>
+        </div>
+      </div>
+      ` : ""}
+      
+      <div class="section">
+        <div class="section-title">Payment Summary</div>
+        <div class="section-content">
+          <div class="payment-row">
+            <span class="payment-label">Base price</span>
+            <span class="payment-value">${de(o.reservationBasePrice)}</span>
+          </div>
+          ${o.reservationAddOnsPrice ? `
+          <div class="payment-row">
+            <span class="payment-label">Add-ons</span>
+            <span class="payment-value">${de(o.reservationAddOnsPrice)}</span>
+          </div>
+          ` : ""}
+          ${o.reservationAdjustments?.length ? o.reservationAdjustments.map((b) => `
+          <div class="payment-row">
+            <span class="payment-label">${b.label || "Adjustment"}</span>
+            <span class="payment-value">${et(b)}</span>
+          </div>
+          `).join("") : ""}
+          ${o.discount ? `
+          <div class="payment-row">
+            <span class="payment-label">Discount</span>
+            <span class="payment-value green">-${de(o.discount)}</span>
+          </div>
+          ` : ""}
+          
+          <div class="payment-divider"></div>
+          
+          <div class="payment-row payment-total">
+            <span>Reservation Total</span>
+            <span>${de(o.reservationPrice)}</span>
+          </div>
+          
+          ${o.amountPaid !== void 0 || o.amountDue !== void 0 ? `
+          <div class="payment-divider"></div>
+          
+          ${o.amountPaid !== void 0 ? `
+          <div class="payment-row">
+            <span class="payment-label">Amount paid</span>
+            <span class="payment-value green">${de(o.amountPaid)}</span>
+          </div>
+          ` : ""}
+          
+          ${o.amountDue !== void 0 && o.amountDue > 0 ? `
+          <div class="payment-row">
+            <span class="payment-label">Amount due</span>
+            <span class="payment-value orange">${de(o.amountDue)}</span>
+          </div>
+          ` : ""}
+          ` : ""}
+        </div>
+      </div>
+      
+      <div class="footer">
+        <p>Generated on ${z}</p>
+        ${x.companyName ? `<p>${x.companyName}</p>` : ""}
+      </div>
+    </body>
+    </html>
+  `, N = window.open("", "_blank");
+  N && (N.document.write(R), N.document.close(), N.onload = () => {
+    N.print();
+  });
+}, Lt = (o, x = {}) => {
+  const L = `${o.customerInfo?.firstName || ""} ${o.customerInfo?.lastName || ""}`.trim() || "Unknown Customer", h = o.id?.slice(0, 8) || "—", z = (/* @__PURE__ */ new Date()).toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  }), E = o.reservations.reduce((C, p) => C + (p.reservationPrice || 0), 0), d = o.reservations[0], R = o.status || "", N = Je(o.metadata, x.metadataSchema, "order"), b = o.reservations.map((C, p) => {
+    const l = zt(C), t = [C.startTime, C.endTime].filter(Boolean).join(" - ") || "—", D = C.spots || 1, O = Je(C.reservationMetadata, x.metadataSchema, "reservation"), n = [
+      C.reservationBasePrice !== void 0 ? `
+        <div class="price-breakdown-row">
+          <span>Base price</span>
+          <span>${de(C.reservationBasePrice)}</span>
+        </div>
+      ` : "",
+      C.reservationAddOnsPrice ? `
+        <div class="price-breakdown-row">
+          <span>Add-ons</span>
+          <span>${de(C.reservationAddOnsPrice)}</span>
+        </div>
+      ` : "",
+      C.reservationAdjustments?.length ? C.reservationAdjustments.map((S) => `
+        <div class="price-breakdown-row">
+          <span>${se(S.label || "Adjustment")}</span>
+          <span>${et(S)}</span>
+        </div>
+      `).join("") : ""
+    ].join("");
+    return `
+      <div class="reservation-card">
+        <div class="reservation-header">
+          <div>
+            <div class="reservation-title">Reservation ${p + 1}</div>
+            ${C.resourceName ? `<div class="reservation-resource">${se(C.resourceName)}</div>` : ""}
+          </div>
+          <div
+            class="status-badge small"
+            style="background-color: ${Ve(l)}20; color: ${Ve(l)};"
+          >
+            ${se(tt(l))}
+          </div>
+        </div>
+        <div class="reservation-grid">
+          <div>
+            <div class="info-label">Date</div>
+            <div class="info-value compact">${se(Ot(C.date))}</div>
+          </div>
+          <div>
+            <div class="info-label">Time</div>
+            <div class="info-value compact">${se(t)}</div>
+          </div>
+          <div>
+            <div class="info-label">Spots</div>
+            <div class="info-value compact">${D} ${D === 1 ? "person" : "people"}</div>
+          </div>
+          <div>
+            <div class="info-label">Price</div>
+            <div class="info-value compact">${de(C.reservationPrice)}</div>
+          </div>
+        </div>
+        ${C.pricingOption?.name ? `
+        <div class="package-note">
+          <span>${se(C.pricingOption.name)}</span>
+          ${C.pricingOption.duration ? `<span>${ft(C.pricingOption.duration)}</span>` : ""}
+        </div>
+        ` : ""}
+        ${O.length ? `
+        <div class="reservation-metadata">
+          <div class="metadata-title">Reservation Metadata</div>
+          <div class="metadata-list compact">
+            ${bt(O, !0)}
+          </div>
+        </div>
+        ` : ""}
+        ${n ? `
+        <div class="reservation-price-breakdown">
+          <div class="price-breakdown-title">Price breakdown</div>
+          ${n}
+          <div class="price-breakdown-row total">
+            <span>Reservation Total</span>
+            <span>${de(C.reservationPrice)}</span>
+          </div>
+        </div>
+        ` : ""}
+      </div>
+    `;
+  }).join(""), k = `
+    <!DOCTYPE html>
+    <html lang="en">
+    <head>
+      <meta charset="UTF-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <title>Order ${h}</title>
+      <style>
+        * {
+          margin: 0;
+          padding: 0;
+          box-sizing: border-box;
+        }
+
+        body {
+          font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+          line-height: 1.6;
+          color: #1f2937;
+          background: #fff;
+          padding: 40px;
+          max-width: 800px;
+          margin: 0 auto;
+        }
+
+        .header {
+          display: flex;
+          justify-content: space-between;
+          align-items: flex-start;
+          gap: 24px;
+          margin-bottom: 40px;
+          padding-bottom: 20px;
+          border-bottom: 2px solid #e5e7eb;
+        }
+
+        .company-info {
+          display: flex;
+          align-items: center;
+          gap: 16px;
+        }
+
+        .company-logo {
+          max-height: 50px;
+          max-width: 150px;
+          object-fit: contain;
+        }
+
+        .company-name {
+          font-size: 24px;
+          font-weight: 700;
+          color: #111827;
+        }
+
+        .document-info {
+          text-align: right;
+        }
+
+        .document-title {
+          font-size: 28px;
+          font-weight: 700;
+          color: #111827;
+          margin-bottom: 8px;
+        }
+
+        .booking-id {
+          font-size: 14px;
+          color: #6b7280;
+        }
+
+        .status-badge {
+          display: inline-block;
+          padding: 4px 12px;
+          border-radius: 9999px;
+          font-size: 12px;
+          font-weight: 600;
+          text-transform: uppercase;
+          margin-top: 8px;
+        }
+
+        .status-badge.small {
+          margin-top: 0;
+          white-space: nowrap;
+        }
+
+        .section {
+          margin-bottom: 32px;
+        }
+
+        .section-title {
+          font-size: 12px;
+          font-weight: 600;
+          text-transform: uppercase;
+          letter-spacing: 0.05em;
+          color: #6b7280;
+          margin-bottom: 12px;
+        }
+
+        .section-content {
+          background: #f9fafb;
+          border-radius: 8px;
+          padding: 20px;
+        }
+
+        .customer-name {
+          font-size: 18px;
+          font-weight: 600;
+          margin-bottom: 8px;
+        }
+
+        .contact-info {
+          font-size: 14px;
+          color: #4b5563;
+        }
+
+        .grid {
+          display: grid;
+          grid-template-columns: 1fr 1fr;
+          gap: 16px;
+        }
+
+        .info-card {
+          background: #f9fafb;
+          border-radius: 8px;
+          padding: 16px;
+        }
+
+        .info-label {
+          font-size: 12px;
+          color: #6b7280;
+          margin-bottom: 4px;
+        }
+
+        .info-value {
+          font-size: 16px;
+          font-weight: 600;
+        }
+
+        .info-value.compact {
+          font-size: 14px;
+        }
+
+        .metadata-list {
+          display: grid;
+          gap: 8px;
+        }
+
+        .metadata-list.compact {
+          gap: 4px;
+        }
+
+        .metadata-row {
+          display: flex;
+          justify-content: space-between;
+          gap: 16px;
+          padding: 8px 0;
+          border-bottom: 1px solid #e5e7eb;
+          font-size: 14px;
+        }
+
+        .metadata-row.compact {
+          padding: 4px 0;
+          font-size: 13px;
+        }
+
+        .metadata-row:last-child {
+          border-bottom: none;
+        }
+
+        .metadata-label {
+          color: #6b7280;
+        }
+
+        .metadata-value {
+          max-width: 60%;
+          font-weight: 600;
+          text-align: right;
+          overflow-wrap: anywhere;
+        }
+
+        .reservation-metadata {
+          margin-top: 12px;
+          padding-top: 12px;
+          border-top: 1px solid #e5e7eb;
+        }
+
+        .metadata-title {
+          font-size: 12px;
+          font-weight: 600;
+          color: #6b7280;
+          margin-bottom: 6px;
+        }
+
+        .reservation-list {
+          display: grid;
+          gap: 12px;
+        }
+
+        .reservation-card {
+          background: #f9fafb;
+          border-radius: 8px;
+          padding: 16px;
+          break-inside: avoid;
+        }
+
+        .reservation-header {
+          display: flex;
+          justify-content: space-between;
+          align-items: flex-start;
+          gap: 16px;
+          margin-bottom: 14px;
+        }
+
+        .reservation-title {
+          font-size: 16px;
+          font-weight: 600;
+        }
+
+        .reservation-resource {
+          font-size: 13px;
+          color: #6b7280;
+        }
+
+        .reservation-grid {
+          display: grid;
+          grid-template-columns: repeat(4, 1fr);
+          gap: 12px;
+        }
+
+        .package-note {
+          display: flex;
+          gap: 12px;
+          margin-top: 12px;
+          padding-top: 12px;
+          border-top: 1px solid #e5e7eb;
+          font-size: 13px;
+          color: #4b5563;
+        }
+
+        .reservation-price-breakdown {
+          margin-top: 12px;
+          padding-top: 12px;
+          border-top: 1px solid #e5e7eb;
+        }
+
+        .price-breakdown-title {
+          font-size: 12px;
+          font-weight: 600;
+          color: #6b7280;
+          margin-bottom: 6px;
+        }
+
+        .price-breakdown-row {
+          display: flex;
+          justify-content: space-between;
+          gap: 20px;
+          padding: 3px 0;
+          font-size: 13px;
+          color: #4b5563;
+        }
+
+        .price-breakdown-row span:last-child {
+          font-weight: 500;
+          color: #1f2937;
+          text-align: right;
+        }
+
+        .price-breakdown-row.total {
+          margin-top: 6px;
+          padding-top: 8px;
+          border-top: 1px solid #e5e7eb;
+          font-weight: 600;
+          color: #111827;
+        }
+
+        .payment-row {
+          display: flex;
+          justify-content: space-between;
+          gap: 24px;
+          padding: 8px 0;
+          font-size: 14px;
+        }
+
+        .payment-label {
+          color: #6b7280;
+        }
+
+        .payment-value {
+          font-weight: 500;
+          text-align: right;
+        }
+
+        .payment-value.green {
+          color: #16a34a;
+        }
+
+        .payment-value.orange {
+          color: #ea580c;
+        }
+
+        .payment-divider {
+          border-top: 1px solid #e5e7eb;
+          margin: 12px 0;
+        }
+
+        .payment-total {
+          font-size: 16px;
+          font-weight: 600;
+        }
+
+        .footer {
+          margin-top: 60px;
+          padding-top: 20px;
+          border-top: 1px solid #e5e7eb;
+          text-align: center;
+          font-size: 12px;
+          color: #9ca3af;
+        }
+
+        @media print {
+          body {
+            padding: 20px;
+          }
+        }
+      </style>
+    </head>
+    <body>
+      <div class="header">
+        <div class="company-info">
+          ${x.companyLogo ? `<img src="${gt(x.companyLogo)}" alt="Logo" class="company-logo" />` : ""}
+          ${x.companyName ? `<span class="company-name">${se(x.companyName)}</span>` : ""}
+        </div>
+        <div class="document-info">
+          <div class="document-title">Order</div>
+          <div class="booking-id">Order #${se(h)}</div>
+          <div
+            class="status-badge"
+            style="background-color: ${Ve(R)}20; color: ${Ve(R)};"
+          >
+            ${se(tt(R))}
+          </div>
+        </div>
+      </div>
+
+      <div class="section">
+        <div class="section-title">Customer</div>
+        <div class="section-content">
+          <div class="customer-name">${se(L)}</div>
+          <div class="contact-info">
+            ${o.customerInfo?.email ? `<div>Email: ${se(o.customerInfo.email)}</div>` : ""}
+            ${o.customerInfo?.phone ? `<div>Phone: ${se(o.customerInfo.phone)}</div>` : ""}
+          </div>
+        </div>
+      </div>
+
+      ${at("Order Metadata", N)}
+
+      <div class="section">
+        <div class="section-title">Order Summary</div>
+        <div class="grid">
+          <div class="info-card">
+            <div class="info-label">Reservations</div>
+            <div class="info-value">${o.reservations.length}</div>
+          </div>
+          <div class="info-card">
+            <div class="info-label">Spots</div>
+            <div class="info-value">${o.totalSpots}</div>
+          </div>
+          <div class="info-card">
+            <div class="info-label">Ordered at</div>
+            <div class="info-value">${se(Pt(o.createdAt))}</div>
+          </div>
+          ${x.agendaName ? `
+          <div class="info-card">
+            <div class="info-label">Service</div>
+            <div class="info-value">${se(x.agendaName)}</div>
+          </div>
+          ` : ""}
+        </div>
+      </div>
+
+      <div class="section">
+        <div class="section-title">Reservations</div>
+        <div class="reservation-list">
+          ${b}
+        </div>
+      </div>
+
+      <div class="section">
+        <div class="section-title">Payment Summary</div>
+        <div class="section-content">
+          <div class="payment-row">
+            <span class="payment-label">Reservations</span>
+            <span class="payment-value">${de(E)}</span>
+          </div>
+          ${d?.subtotal !== void 0 && d.subtotal !== o.totalPrice ? `
+          <div class="payment-row">
+            <span class="payment-label">Subtotal</span>
+            <span class="payment-value">${de(d.subtotal)}</span>
+          </div>
+          ` : ""}
+          ${o.adjustments?.length ? o.adjustments.map((C) => `
+          <div class="payment-row">
+            <span class="payment-label">${se(C.label || "Adjustment")}</span>
+            <span class="payment-value">${et(C)}</span>
+          </div>
+          `).join("") : ""}
+          ${d?.discount ? `
+          <div class="payment-row">
+            <span class="payment-label">Discount</span>
+            <span class="payment-value green">-${de(d.discount)}</span>
+          </div>
+          ` : ""}
+
+          <div class="payment-divider"></div>
+
+          <div class="payment-row payment-total">
+            <span>Order Total</span>
+            <span>${de(o.totalPrice)}</span>
+          </div>
+
+          ${d?.amountPaid !== void 0 || d?.amountDue !== void 0 ? `
+          <div class="payment-divider"></div>
+
+          ${d?.amountPaid !== void 0 ? `
+          <div class="payment-row">
+            <span class="payment-label">Amount paid</span>
+            <span class="payment-value green">${de(d.amountPaid)}</span>
+          </div>
+          ` : ""}
+
+          ${d?.amountDue !== void 0 && d.amountDue > 0 ? `
+          <div class="payment-row">
+            <span class="payment-label">Amount due</span>
+            <span class="payment-value orange">${de(d.amountDue)}</span>
+          </div>
+          ` : ""}
+          ` : ""}
+        </div>
+      </div>
+
+      <div class="footer">
+        <p>Generated on ${z}</p>
+        ${x.companyName ? `<p>${se(x.companyName)}</p>` : ""}
+      </div>
+    </body>
+    </html>
+  `, w = window.open("", "_blank");
+  w && (w.document.write(k), w.document.close(), w.onload = () => {
+    w.print();
+  });
+};
+function yt(o) {
+  const x = pt(), L = F([]), h = F(!1), z = async () => {
+    if (!o.value) {
+      L.value = [];
+      return;
+    }
+    h.value = !0;
+    try {
+      const E = await x.get(`/agendas/${o.value}/metadata-schema`);
+      L.value = Array.isArray(E?.metadataSchema) ? E.metadataSchema : [];
+    } catch (E) {
+      console.error("Error loading metadata schema:", E), L.value = [];
+    } finally {
+      h.value = !1;
+    }
+  };
+  return We(o, z, { immediate: !0 }), {
+    metadataSchema: L,
+    isMetadataSchemaLoading: h,
+    loadMetadataSchema: z
+  };
+}
+const Ht = { class: "flex items-center bg-muted/70 dark:bg-muted/20 px-4 rounded-md" }, qt = { class: "grid gap-2" }, Wt = { class: "grid gap-2" }, Gt = { class: "grid gap-2" }, Jt = /* @__PURE__ */ De({
+  __name: "CancelReservationDialog",
+  emits: ["confirm"],
+  setup(o, { expose: x, emit: L }) {
+    const { config: h } = Oe(), { sendMail: z } = Ke(h.mailAccount), E = L, d = F(!1), R = F(!1), N = F(""), b = F(""), k = F(""), w = (p) => {
+      R.value = !h.mailAccount, d.value = !0, p && (N.value = p.customerInfo?.email, b.value = "Cancellation of your reservation - " + new Date(p.date)?.toDateString(), k.value = `Dear ${p.customerInfo?.firstName ?? ""} ${p.customerInfo?.lastName ?? ""},
+
+We are writing to inform you that your reservation scheduled for ${new Date(p.date)?.toDateString()} at ${p.startTime} has been cancelled.
+
+Please accept our sincere apologies for any inconvenience this may cause. We would be happy to help you find an alternative time that works for you.`);
+    }, C = () => {
+      if (!R.value) {
+        if (!N.value || !b.value || !k.value) return alert("Please fill in all the fields.");
+        z({
+          to: N.value,
+          subject: b.value,
+          body: k.value
+        });
+      }
+      d.value = !1;
+      const { $confetti: p } = useNuxtApp();
+      p(), E("confirm");
+    };
+    return x({
+      openDialog: w
+    }), (p, l) => {
+      const t = c("DialogTitle"), D = c("DialogDescription"), O = c("DialogHeader"), n = c("Checkbox"), S = c("Label"), W = c("Input"), te = c("Textarea"), le = c("Button"), ae = c("DialogFooter"), M = c("DialogScrollContent"), j = c("Dialog");
+      return i(), J(j, {
+        open: d.value,
+        "onUpdate:open": l[5] || (l[5] = (V) => d.value = V)
+      }, {
+        default: r(() => [
+          a(M, { class: "sm:max-w-3xl" }, {
+            default: r(() => [
+              a(O, null, {
+                default: r(() => [
+                  a(t, null, {
+                    default: r(() => [...l[6] || (l[6] = [
+                      $(" Cancel Reservation ", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  a(D)
+                ]),
+                _: 1
+              }),
+              e("div", Ht, [
+                a(n, {
+                  modelValue: R.value,
+                  "onUpdate:modelValue": l[0] || (l[0] = (V) => R.value = V),
+                  id: "cancel-dialog-skip-mail",
+                  class: "border-black/80 dark:border-gray-200",
+                  disabled: !P(h).mailAccount
+                }, null, 8, ["modelValue", "disabled"]),
+                a(S, {
+                  for: "cancel-dialog-skip-mail",
+                  class: "py-4 pl-2 pr-4"
+                }, {
+                  default: r(() => [...l[7] || (l[7] = [
+                    $("Do not send email to customer", -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              e("div", {
+                class: Z(["grid gap-4 py-4", { "opacity-50": R.value }])
+              }, [
+                e("div", qt, [
+                  a(S, { for: "cancel-dialog-email" }, {
+                    default: r(() => [...l[8] || (l[8] = [
+                      $("To:", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  a(W, {
+                    modelValue: N.value,
+                    "onUpdate:modelValue": l[1] || (l[1] = (V) => N.value = V),
+                    disabled: R.value,
+                    id: "cancel-dialog-email"
+                  }, null, 8, ["modelValue", "disabled"])
+                ]),
+                e("div", Wt, [
+                  a(S, { for: "cancel-dialog-subject" }, {
+                    default: r(() => [...l[9] || (l[9] = [
+                      $("Subject:", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  a(W, {
+                    modelValue: b.value,
+                    "onUpdate:modelValue": l[2] || (l[2] = (V) => b.value = V),
+                    disabled: R.value,
+                    id: "cancel-dialog-subject"
+                  }, null, 8, ["modelValue", "disabled"])
+                ]),
+                e("div", Gt, [
+                  a(S, { for: "cancel-dialog-body" }, {
+                    default: r(() => [...l[10] || (l[10] = [
+                      $("Body:", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  a(te, {
+                    modelValue: k.value,
+                    "onUpdate:modelValue": l[3] || (l[3] = (V) => k.value = V),
+                    disabled: R.value,
+                    id: "cancel-dialog-body"
+                  }, null, 8, ["modelValue", "disabled"])
+                ])
+              ], 2),
+              a(ae, null, {
+                default: r(() => [
+                  a(le, {
+                    variant: "outline",
+                    onClick: l[4] || (l[4] = (V) => d.value = !1)
+                  }, {
+                    default: r(() => [...l[11] || (l[11] = [
+                      $("Close", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  a(le, {
+                    variant: "destructive",
+                    onClick: C
+                  }, {
+                    default: r(() => [...l[12] || (l[12] = [
+                      $("Cancel reservation", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["open"]);
+    };
+  }
+}), Yt = {
+  key: 0,
+  class: "flex items-start gap-3 rounded-md border border-orange-200 bg-orange-50 p-4 text-sm text-orange-900 dark:border-orange-900/50 dark:bg-orange-950/30 dark:text-orange-200"
+}, Kt = { class: "grid gap-4 py-4" }, Xt = {
+  key: 0,
+  class: "grid gap-2"
+}, Zt = { class: "relative" }, Qt = { class: "grid gap-2" }, ea = {
+  key: 0,
+  class: "flex items-center gap-2 rounded-md border px-3 py-2"
+}, ta = {
+  key: 0,
+  class: "text-destructive"
+}, aa = {
+  key: 0,
+  class: "text-destructive"
+}, oa = { class: "flex items-center bg-muted/70 dark:bg-muted/20 px-4 rounded-md" }, na = { class: "grid gap-2" }, sa = { class: "grid gap-2" }, ra = { class: "grid gap-2" }, la = /* @__PURE__ */ De({
+  __name: "CancelRefundReservationDialog",
+  props: {
+    isProcessing: { type: Boolean },
+    hasRefundFlow: { type: Boolean },
+    showRefundAmount: { type: Boolean },
+    customFields: {}
+  },
+  emits: ["confirm"],
+  setup(o, { expose: x, emit: L }) {
+    const h = o, z = L, { config: E } = Oe(), d = F(!1), R = F(!1), N = F(""), b = F(""), k = F(""), w = F(0), C = F("Reservation cancelled"), p = F(""), l = F({}), t = U(() => `€${(Number(w.value) || 0).toFixed(2)}`), D = U(() => h.showRefundAmount !== !1), O = U(() => h.customFields || []);
+    We(w, () => {
+      if (!D.value) return;
+      const M = t.value;
+      p.value && k.value.includes(p.value) && (k.value = k.value.replace(p.value, M)), p.value = M;
+    });
+    const n = (M) => {
+      const j = Number(M?.reservationPrice ?? M?.pricingOption?.price ?? 0), V = Number(M?.amountPaid ?? 0), Y = Number(M?.total ?? 0);
+      return V > 0 && j > 0 ? Math.min(V, j) : V > 0 ? V : j > 0 ? j : Y > 0 ? Y : 0;
+    }, S = (M) => M.defaultValue !== void 0 ? M.defaultValue : M.type === "number" ? 0 : M.type === "checkbox" ? !1 : "", W = () => {
+      l.value = Object.fromEntries(
+        O.value.filter((M) => M.key).map((M) => [M.key, S(M)])
+      );
+    }, te = (M) => {
+      R.value = !E.mailAccount, w.value = n(M), p.value = t.value, C.value = "Reservation cancelled", W(), d.value = !0, M && (N.value = M.customerInfo?.email || "", b.value = `Cancellation and refund of your reservation - ${new Date(M.date)?.toDateString()}`, k.value = `Dear ${M.customerInfo?.firstName ?? ""} ${M.customerInfo?.lastName ?? ""},
+
+We are writing to inform you that your reservation scheduled for ${new Date(M.date)?.toDateString()} at ${M.startTime} has been cancelled.
+
+${D.value ? `A refund of ${t.value} will be processed according to our refund policy.` : "We will process this cancellation according to our policy."}
+
+Please accept our sincere apologies for any inconvenience this may cause.`);
+    }, le = () => {
+      d.value = !1;
+    }, ae = () => {
+      if (!h.hasRefundFlow) return;
+      if (D.value && (!w.value || w.value <= 0))
+        return alert("Please enter a refund amount.");
+      if (!C.value)
+        return alert("Please enter a refund reason.");
+      if (!R.value && (!N.value || !b.value || !k.value))
+        return alert("Please fill in all the email fields.");
+      const M = O.value.find((j) => {
+        if (!j.required || !j.key) return !1;
+        const V = l.value[j.key];
+        return j.type === "checkbox" ? V !== !0 : V == null || V === "";
+      });
+      if (M)
+        return alert(`Please fill in ${M.label}.`);
+      z("confirm", {
+        amount: D.value ? Number(w.value) : void 0,
+        reason: C.value,
+        fields: { ...l.value },
+        fieldDefinitions: O.value,
+        skipMail: R.value,
+        email: N.value,
+        subject: b.value,
+        body: k.value
+      });
+    };
+    return x({
+      openDialog: te,
+      closeDialog: le
+    }), (M, j) => {
+      const V = c("DialogTitle"), Y = c("DialogDescription"), be = c("DialogHeader"), ne = c("Label"), K = c("Input"), ye = c("Checkbox"), $e = c("Textarea"), Re = c("Button"), m = c("DialogFooter"), g = c("DialogScrollContent"), X = c("Dialog");
+      return i(), J(X, {
+        open: d.value,
+        "onUpdate:open": j[7] || (j[7] = (A) => d.value = A)
+      }, {
+        default: r(() => [
+          a(g, { class: "sm:max-w-3xl" }, {
+            default: r(() => [
+              a(be, null, {
+                default: r(() => [
+                  a(V, null, {
+                    default: r(() => [...j[8] || (j[8] = [
+                      $(" Cancel & Refund Reservation ", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  a(Y, null, {
+                    default: r(() => [...j[9] || (j[9] = [
+                      $(" Run the configured refund flow and cancel this reservation. ", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              o.hasRefundFlow ? T("", !0) : (i(), _("div", Yt, [
+                a(P($t), { class: "mt-0.5 size-4 shrink-0" }),
+                j[10] || (j[10] = e("div", null, [
+                  e("p", { class: "font-medium" }, "No refund flow configured"),
+                  e("p", { class: "mt-1 text-orange-800 dark:text-orange-300" }, " Add one in this agenda's Refunds settings before processing refunds. ")
+                ], -1))
+              ])),
+              e("div", Kt, [
+                D.value ? (i(), _("div", Xt, [
+                  a(ne, { for: "refund-dialog-amount" }, {
+                    default: r(() => [...j[11] || (j[11] = [
+                      $("Refund amount", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  e("div", Zt, [
+                    a(P(ot), { class: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
+                    a(K, {
+                      id: "refund-dialog-amount",
+                      modelValue: w.value,
+                      "onUpdate:modelValue": j[0] || (j[0] = (A) => w.value = A),
+                      modelModifiers: { number: !0 },
+                      type: "number",
+                      min: "0",
+                      step: "0.01",
+                      class: "pl-9 no-spinner",
+                      disabled: o.isProcessing
+                    }, null, 8, ["modelValue", "disabled"])
+                  ])
+                ])) : T("", !0),
+                e("div", Qt, [
+                  a(ne, { for: "refund-dialog-reason" }, {
+                    default: r(() => [...j[12] || (j[12] = [
+                      $("Reason", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  a(K, {
+                    id: "refund-dialog-reason",
+                    modelValue: C.value,
+                    "onUpdate:modelValue": j[1] || (j[1] = (A) => C.value = A),
+                    disabled: o.isProcessing
+                  }, null, 8, ["modelValue", "disabled"])
+                ]),
+                (i(!0), _(re, null, me(O.value, (A) => (i(), _("div", {
+                  key: A.id,
+                  class: "grid gap-2"
+                }, [
+                  A.type === "checkbox" ? (i(), _("div", ea, [
+                    a(ye, {
+                      id: `refund-dialog-field-${A.id}`,
+                      modelValue: l.value[A.key],
+                      "onUpdate:modelValue": (oe) => l.value[A.key] = oe,
+                      disabled: o.isProcessing
+                    }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "disabled"]),
+                    a(ne, {
+                      for: `refund-dialog-field-${A.id}`,
+                      class: "text-sm"
+                    }, {
+                      default: r(() => [
+                        $(f(A.label), 1),
+                        A.required ? (i(), _("span", ta, " *")) : T("", !0)
+                      ]),
+                      _: 2
+                    }, 1032, ["for"])
+                  ])) : (i(), _(re, { key: 1 }, [
+                    a(ne, {
+                      for: `refund-dialog-field-${A.id}`
+                    }, {
+                      default: r(() => [
+                        $(f(A.label), 1),
+                        A.required ? (i(), _("span", aa, " *")) : T("", !0)
+                      ]),
+                      _: 2
+                    }, 1032, ["for"]),
+                    A.type === "textarea" ? (i(), J($e, {
+                      key: 0,
+                      id: `refund-dialog-field-${A.id}`,
+                      modelValue: l.value[A.key],
+                      "onUpdate:modelValue": (oe) => l.value[A.key] = oe,
+                      placeholder: A.placeholder,
+                      disabled: o.isProcessing
+                    }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "placeholder", "disabled"])) : A.type === "number" ? (i(), J(K, {
+                      key: 1,
+                      id: `refund-dialog-field-${A.id}`,
+                      modelValue: l.value[A.key],
+                      "onUpdate:modelValue": (oe) => l.value[A.key] = oe,
+                      modelModifiers: { number: !0 },
+                      type: "number",
+                      placeholder: A.placeholder,
+                      disabled: o.isProcessing,
+                      class: "no-spinner"
+                    }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "placeholder", "disabled"])) : (i(), J(K, {
+                      key: 2,
+                      id: `refund-dialog-field-${A.id}`,
+                      modelValue: l.value[A.key],
+                      "onUpdate:modelValue": (oe) => l.value[A.key] = oe,
+                      type: "text",
+                      placeholder: A.placeholder,
+                      disabled: o.isProcessing
+                    }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "placeholder", "disabled"]))
+                  ], 64))
+                ]))), 128))
+              ]),
+              e("div", oa, [
+                a(ye, {
+                  modelValue: R.value,
+                  "onUpdate:modelValue": j[2] || (j[2] = (A) => R.value = A),
+                  id: "refund-dialog-skip-mail",
+                  class: "border-black/80 dark:border-gray-200",
+                  disabled: !P(E).mailAccount || o.isProcessing
+                }, null, 8, ["modelValue", "disabled"]),
+                a(ne, {
+                  for: "refund-dialog-skip-mail",
+                  class: "py-4 pl-2 pr-4"
+                }, {
+                  default: r(() => [...j[13] || (j[13] = [
+                    $("Do not send email to customer", -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              e("div", {
+                class: Z(["grid gap-4 py-4", { "opacity-50": R.value }])
+              }, [
+                e("div", na, [
+                  a(ne, { for: "refund-dialog-email" }, {
+                    default: r(() => [...j[14] || (j[14] = [
+                      $("To:", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  a(K, {
+                    modelValue: N.value,
+                    "onUpdate:modelValue": j[3] || (j[3] = (A) => N.value = A),
+                    disabled: R.value || o.isProcessing,
+                    id: "refund-dialog-email"
+                  }, null, 8, ["modelValue", "disabled"])
+                ]),
+                e("div", sa, [
+                  a(ne, { for: "refund-dialog-subject" }, {
+                    default: r(() => [...j[15] || (j[15] = [
+                      $("Subject:", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  a(K, {
+                    modelValue: b.value,
+                    "onUpdate:modelValue": j[4] || (j[4] = (A) => b.value = A),
+                    disabled: R.value || o.isProcessing,
+                    id: "refund-dialog-subject"
+                  }, null, 8, ["modelValue", "disabled"])
+                ]),
+                e("div", ra, [
+                  a(ne, { for: "refund-dialog-body" }, {
+                    default: r(() => [...j[16] || (j[16] = [
+                      $("Body:", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  a($e, {
+                    modelValue: k.value,
+                    "onUpdate:modelValue": j[5] || (j[5] = (A) => k.value = A),
+                    disabled: R.value || o.isProcessing,
+                    id: "refund-dialog-body"
+                  }, null, 8, ["modelValue", "disabled"])
+                ])
+              ], 2),
+              a(m, null, {
+                default: r(() => [
+                  a(Re, {
+                    variant: "outline",
+                    onClick: j[6] || (j[6] = (A) => d.value = !1),
+                    disabled: o.isProcessing
+                  }, {
+                    default: r(() => [...j[17] || (j[17] = [
+                      $("Close", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["disabled"]),
+                  a(Re, {
+                    variant: "destructive",
+                    onClick: ae,
+                    disabled: o.isProcessing || !o.hasRefundFlow
+                  }, {
+                    default: r(() => [
+                      $(f(o.isProcessing ? "Processing..." : "Cancel & Refund"), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["disabled"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["open"]);
+    };
+  }
+}), ia = { class: "pb-4" }, da = { class: "mt-6 grid gap-4 md:grid-cols-3" }, ua = { class: "space-y-2" }, ca = { class: "space-y-2" }, pa = { class: "space-y-2" }, va = {
+  key: 0,
+  class: "text-xs text-muted-foreground"
+}, ma = { class: "mt-4 rounded-lg border bg-muted/30 p-4" }, fa = { class: "mt-2 text-sm text-foreground" }, ga = { key: 0 }, ba = {
+  key: 1,
+  class: "mt-4 text-sm text-red-500"
+}, ya = /* @__PURE__ */ De({
+  __name: "TransferReservationDialog",
+  props: {
+    agendaData: {}
+  },
+  emits: ["transferred"],
+  setup(o, { expose: x, emit: L }) {
+    const h = o, z = L, { config: E } = Oe(), { params: d } = nt(), R = vt(E.project), N = F(!1), b = F(null), k = F(""), w = F(""), C = F(""), p = F(!1), l = F(!1), t = F(""), D = F(""), O = F(null), n = F(null);
+    let S = 0;
+    const W = /^([01]\d|2[0-3]):[0-5]\d$/, te = U(() => h.agendaData?.resources || []), le = U(() => b.value?.resourceId || ""), ae = U(() => te.value.filter((v) => v.isActive !== !1 || v.id === le.value)), M = U(() => te.value.find((v) => v.id === C.value)), j = U(
+      () => M.value?.name ?? "No resource selected"
+    ), V = U(() => b.value?.agendaId || h.agendaData?.id || d.value?.id || d.id || ""), Y = U(() => {
+      const v = Number(b.value?.spots);
+      return Number.isFinite(v) && v > 0 ? v : 1;
+    }), be = U(() => {
+      const v = Number(M.value?.capacity);
+      return Number.isFinite(v) && v > 0 ? v : 1;
+    }), ne = U(() => {
+      const v = Number(b.value?.pricingOption?.duration);
+      if (Number.isFinite(v) && v > 0) return v;
+      const y = K(b.value?.startTime), q = K(b.value?.endTime);
+      return y === null || q === null || q <= y ? 0 : q - y;
+    }), K = (v) => {
+      if (!v || !W.test(v)) return null;
+      const [y, q] = v.split(":").map(Number);
+      return y * 60 + q;
+    }, ye = (v) => {
+      const y = (v % 1440 + 1440) % 1440, q = Math.floor(y / 60), G = y % 60;
+      return `${q.toString().padStart(2, "0")}:${G.toString().padStart(2, "0")}`;
+    }, $e = (v) => {
+      if (!/^\d{4}-\d{2}-\d{2}$/.test(v)) return null;
+      const [y, q, G] = v.split("-").map(Number), I = new Date(y, q - 1, G);
+      return Number.isNaN(I.getTime()) || I.getFullYear() !== y || I.getMonth() !== q - 1 || I.getDate() !== G ? null : I;
+    }, Re = (v, y) => (h.agendaData?.exceptions || []).find((G) => y >= G.startDate && y <= G.endDate ? !G.resourceIds || G.resourceIds.length === 0 ? !0 : G.resourceIds.includes(v) : !1) || null, m = () => {
+      const v = M.value, y = $e(k.value);
+      if (!v || !y) return [];
+      const q = Re(v.id, k.value);
+      if (q)
+        return q.isClosed ? [] : (q.timeslots || []).map((I) => ({
+          start: I.startTime,
+          end: I.endTime
+        }));
+      const G = y.getDay();
+      return v.openingHours?.[G] || [];
+    }, g = U(() => {
+      const v = M.value;
+      if (!v) return [];
+      const y = Number(v.interval) > 0 ? Number(v.interval) : 60, q = ne.value, G = /* @__PURE__ */ new Set();
+      for (const I of m()) {
+        const Q = K(I.start), ie = K(I.end);
+        if (Q === null || ie === null || ie <= Q) continue;
+        const ge = q > 0 ? ie - q : ie - y;
+        for (let pe = Q; pe <= ge; pe += y)
+          G.add(ye(pe));
+      }
+      return Array.from(G).sort((I, Q) => (K(I) ?? 0) - (K(Q) ?? 0));
+    }), X = U(() => {
+      if (ne.value <= 0) return "";
+      const v = K(w.value);
+      return v === null ? "" : ye(v + ne.value);
+    }), A = U(() => !!(b.value?.id && b.value?.res_id && k.value && C.value && w.value && X.value && W.test(w.value) && g.value.includes(w.value))), oe = U(() => n.value !== null && n.value >= Y.value), xe = U(() => {
+      if (!A.value) return "";
+      if (l.value) return "Checking availability...";
+      if (D.value) return D.value;
+      if (n.value === null || O.value === null) return "";
+      if (!oe.value) {
+        const y = Math.max(n.value, 0);
+        return `${y} ${y === 1 ? "spot is" : "spots are"} available. This reservation needs ${Y.value}.`;
+      }
+      const v = n.value - Y.value;
+      return `${n.value} of ${be.value} ${be.value === 1 ? "spot is" : "spots are"} available. ${v} ${v === 1 ? "spot" : "spots"} will remain.`;
+    }), _e = U(() => !!(A.value && oe.value && !l.value && !p.value)), Se = () => {
+      D.value = "", O.value = null, n.value = null;
+    }, Ae = (v) => ["approved", "needs_approval"].includes(v?.status), fe = (v, y, q, G) => v < G && y > q, Me = async () => {
+      if (!A.value) return null;
+      const v = K(w.value), y = K(X.value);
+      if (v === null || y === null || y <= v) return null;
+      const q = `${C.value}_${k.value}`, G = [
+        { field: "status", operator: "==", value: "confirmed" },
+        { field: "flattenedReservationDates", operator: "array-contains-any", value: [q] }
+      ];
+      V.value && G.unshift({ field: "agendaId", operator: "==", value: V.value });
+      const I = await R.find(E.reservationsCollection, { filters: G }), Q = b.value?.id || b.value?.orderId, ie = b.value?.res_id;
+      let ge = 0;
+      for (const we of I || []) {
+        const he = we?.id || we?.orderId, u = we?.reservations || [];
+        for (const s of u) {
+          if (s?.id === ie && (!he || he === Q) || !Ae(s) || s?.date !== k.value || s?.resourceId !== C.value) continue;
+          const H = K(s?.timeslot?.startTime), ee = K(s?.timeslot?.endTime);
+          if (H === null || ee === null || ee <= H || !fe(v, y, H, ee)) continue;
+          const ue = Number(s?.spots);
+          ge += Number.isFinite(ue) && ue > 0 ? ue : 1;
+        }
+      }
+      const pe = be.value;
+      return {
+        reserved: ge,
+        available: pe - ge
+      };
+    }, je = async () => {
+      const v = ++S;
+      if (Se(), !A.value)
+        return l.value = !1, null;
+      try {
+        l.value = !0;
+        const y = await Me();
+        return v !== S ? null : y ? (O.value = y.reserved, n.value = y.available, y) : (D.value = "Could not check availability for this selection.", null);
+      } catch (y) {
+        return v !== S || (console.error("Error checking transfer availability:", y), D.value = "Could not check availability for this selection."), null;
+      } finally {
+        v === S && (l.value = !1);
+      }
+    }, Pe = (v) => !v?.resourceId || !v?.date ? "" : `${v.resourceId}_${v.date}`, ze = (v) => {
+      const y = v?.timeslot?.startTime;
+      return !v?.resourceId || !v?.date || !y ? "" : `${v.resourceId}_${v.date}_${String(y).replace(":", "")}`;
+    }, Ue = (v) => {
+      const y = v?.id || v?.orderId;
+      !v || !y || (b.value = { ...v, id: y }, k.value = v.date || "", w.value = v.startTime || "", C.value = v.resourceId || ae.value[0]?.id || "", p.value = !1, t.value = "", Se(), N.value = !0, Ne(), je());
+    }, Ne = () => {
+      g.value.includes(w.value) || (w.value = g.value[0] || "");
+    }, Be = async () => {
+      if (!_e.value) {
+        t.value = A.value ? "Not enough spots are available for this transfer." : "Select a resource, date, and time before transferring.";
+        return;
+      }
+      try {
+        p.value = !0, t.value = "";
+        const v = await je();
+        if (!v || v.available < Y.value) {
+          t.value = "Not enough spots are available for this transfer.";
+          return;
+        }
+        const y = b.value.id, q = b.value.res_id, G = await R.get(E.reservationsCollection, y), I = G?.reservations || [], Q = I.find((s) => s.id === q);
+        if (!Q)
+          throw new Error("Reservation not found");
+        const ie = M.value, ge = {
+          ...Q,
+          date: k.value,
+          resource: ie ? {
+            ...Q.resource,
+            avatarLabel: ie.avatarLabel || "",
+            color: ie.color || "",
+            description: ie.description || "",
+            id: ie.id,
+            name: ie.name || ""
+          } : Q.resource,
+          resourceId: C.value,
+          timeslot: {
+            ...Q.timeslot,
+            startTime: w.value,
+            endTime: X.value || w.value
+          }
+        }, pe = I.map((s) => s.id === q ? ge : s), we = Array.from(new Set(pe.map(Pe).filter(Boolean))), he = pe.map(ze).filter(Boolean), u = {
+          reservations: pe,
+          flattenedReservationDates: we,
+          flattenedReservations: he,
+          updatedAt: /* @__PURE__ */ new Date()
+        };
+        await R.update(E.reservationsCollection, y, u), ce.success("Reservation transferred successfully"), z("transferred", {
+          orderId: y,
+          reservationId: q,
+          reservation: ge,
+          order: {
+            ...G,
+            ...u,
+            id: y
+          }
+        }), N.value = !1;
+      } catch (v) {
+        console.error("Error transferring reservation:", v), t.value = "Failed to transfer reservation.", ce.error("Failed to transfer reservation");
+      } finally {
+        p.value = !1;
+      }
+    };
+    return We([C, k], () => {
+      N.value && Ne();
+    }), We([C, k, w, X], () => {
+      N.value && je();
+    }), x({
+      openDialog: Ue
+    }), (v, y) => {
+      const q = c("DialogTitle"), G = c("DialogDescription"), I = c("DialogHeader"), Q = c("Label"), ie = c("SelectValue"), ge = c("SelectTrigger"), pe = c("SelectItem"), we = c("SelectContent"), he = c("Select"), u = c("Input"), s = c("Button"), H = c("DialogFooter"), ee = c("DialogScrollContent"), ue = c("Dialog");
+      return i(), J(ue, {
+        open: N.value,
+        "onUpdate:open": y[4] || (y[4] = (B) => N.value = B)
+      }, {
+        default: r(() => [
+          a(ee, { class: "sm:max-w-3xl" }, {
+            default: r(() => [
+              a(I, null, {
+                default: r(() => [
+                  a(q, null, {
+                    default: r(() => [...y[5] || (y[5] = [
+                      $(" Transfer Reservation ", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  a(G)
+                ]),
+                _: 1
+              }),
+              e("div", ia, [
+                y[10] || (y[10] = e("p", { class: "text-sm text-muted-foreground" }, " This will transfer the reservation to another date, time or resource. ", -1)),
+                e("div", da, [
+                  e("div", ua, [
+                    a(Q, { for: "transfer-reservation-resource" }, {
+                      default: r(() => [...y[6] || (y[6] = [
+                        $("Resource", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    a(he, {
+                      modelValue: C.value,
+                      "onUpdate:modelValue": y[0] || (y[0] = (B) => C.value = B)
+                    }, {
+                      default: r(() => [
+                        a(ge, {
+                          id: "transfer-reservation-resource",
+                          class: "w-full"
+                        }, {
+                          default: r(() => [
+                            a(ie, { placeholder: "Select a resource" })
+                          ]),
+                          _: 1
+                        }),
+                        a(we, null, {
+                          default: r(() => [
+                            (i(!0), _(re, null, me(ae.value, (B) => (i(), J(pe, {
+                              key: B.id,
+                              value: B.id
+                            }, {
+                              default: r(() => [
+                                $(f(B.name), 1)
+                              ]),
+                              _: 2
+                            }, 1032, ["value"]))), 128))
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ]),
+                  e("div", ca, [
+                    a(Q, { for: "transfer-reservation-date" }, {
+                      default: r(() => [...y[7] || (y[7] = [
+                        $("Date", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    a(u, {
+                      id: "transfer-reservation-date",
+                      modelValue: k.value,
+                      "onUpdate:modelValue": y[1] || (y[1] = (B) => k.value = B),
+                      type: "date"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  e("div", pa, [
+                    a(Q, { for: "transfer-reservation-hour" }, {
+                      default: r(() => [...y[8] || (y[8] = [
+                        $("Hour", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    a(he, {
+                      modelValue: w.value,
+                      "onUpdate:modelValue": y[2] || (y[2] = (B) => w.value = B)
+                    }, {
+                      default: r(() => [
+                        a(ge, {
+                          id: "transfer-reservation-hour",
+                          class: "w-full"
+                        }, {
+                          default: r(() => [
+                            a(ie, { placeholder: "Select an hour" })
+                          ]),
+                          _: 1
+                        }),
+                        a(we, null, {
+                          default: r(() => [
+                            (i(!0), _(re, null, me(g.value, (B) => (i(), J(pe, {
+                              key: B,
+                              value: B
+                            }, {
+                              default: r(() => [
+                                $(f(B), 1)
+                              ]),
+                              _: 2
+                            }, 1032, ["value"]))), 128))
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"]),
+                    C.value && k.value && g.value.length === 0 ? (i(), _("p", va, " No times are available for this resource on the selected date. ")) : T("", !0)
+                  ])
+                ]),
+                e("div", ma, [
+                  y[9] || (y[9] = e("p", { class: "text-xs font-medium uppercase tracking-[0.2em] text-muted-foreground" }, " Preview ", -1)),
+                  e("p", fa, [
+                    $(" Reservation will be moved to " + f(k.value || "no date selected") + " at " + f(w.value || "no hour selected"), 1),
+                    X.value ? (i(), _("span", ga, " - " + f(X.value), 1)) : T("", !0),
+                    $(" in " + f(j.value) + ". ", 1)
+                  ])
+                ]),
+                A.value ? (i(), _("div", {
+                  key: 0,
+                  class: Z(["mt-4 rounded-lg border p-4 text-sm", {
+                    "bg-muted/30 text-muted-foreground": l.value,
+                    "border-red-200 bg-red-50 text-red-700 dark:border-red-900/50 dark:bg-red-950/30 dark:text-red-300": !l.value && (D.value || !oe.value),
+                    "border-green-200 bg-green-50 text-green-700 dark:border-green-900/50 dark:bg-green-950/10 dark:text-green-300": !l.value && !D.value && oe.value
+                  }])
+                }, f(xe.value), 3)) : T("", !0),
+                t.value ? (i(), _("p", ba, f(t.value), 1)) : T("", !0)
+              ]),
+              a(H, null, {
+                default: r(() => [
+                  a(s, {
+                    variant: "outline",
+                    disabled: p.value,
+                    onClick: y[3] || (y[3] = (B) => N.value = !1)
+                  }, {
+                    default: r(() => [...y[11] || (y[11] = [
+                      $("Close", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["disabled"]),
+                  a(s, {
+                    disabled: !_e.value,
+                    onClick: Be
+                  }, {
+                    default: r(() => [
+                      $(f(p.value ? "Transferring..." : "Transfer reservation"), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["disabled"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["open"]);
+    };
+  }
+}), xa = { class: "flex items-center bg-muted/70 dark:bg-muted/20 px-4 rounded-md" }, _a = { class: "grid gap-2" }, wa = { class: "grid gap-2" }, ha = { class: "grid gap-2" }, ka = /* @__PURE__ */ De({
+  __name: "ApproveReservationDialog",
+  emits: ["confirm"],
+  setup(o, { expose: x, emit: L }) {
+    const { config: h } = Oe(), { sendMail: z } = Ke(h.mailAccount), E = L, d = F(!1), R = F("approve"), N = F(!1), b = F(""), k = F(""), w = F(""), C = (l, t) => {
+      N.value = !h.mailAccount, d.value = !0, l && (t || (t = "approve"), R.value = t, b.value = l.customerInfo?.email, k.value = "Confirmation: Your reservation for " + new Date(l.date)?.toDateString(), w.value = `Dear ${l.customerInfo?.firstName ?? ""} ${l.customerInfo?.lastName ?? ""},
+
+This email confirms your reservation for ${new Date(l.date)?.toDateString()} at ${l.startTime}.
+
+We've got everything ready for you and look forward to your visit! If you need to make any changes or have special requests, please let us know.`);
+    }, p = () => {
+      if (!N.value) {
+        if (!b.value || !k.value || !w.value) return alert("Please fill in all the fields.");
+        z({
+          to: b.value,
+          subject: k.value,
+          body: w.value
+        });
+      }
+      d.value = !1;
+      const { $confetti: l } = useNuxtApp();
+      l(), E("confirm");
+    };
+    return x({
+      openDialog: C
+    }), (l, t) => {
+      const D = c("DialogTitle"), O = c("DialogDescription"), n = c("DialogHeader"), S = c("Checkbox"), W = c("Label"), te = c("Input"), le = c("Textarea"), ae = c("Button"), M = c("DialogFooter"), j = c("DialogScrollContent"), V = c("Dialog");
+      return i(), J(V, {
+        open: d.value,
+        "onUpdate:open": t[5] || (t[5] = (Y) => d.value = Y)
+      }, {
+        default: r(() => [
+          a(j, { class: "sm:max-w-3xl" }, {
+            default: r(() => [
+              a(n, null, {
+                default: r(() => [
+                  a(D, null, {
+                    default: r(() => [
+                      $(f(R.value === "approve" ? "Approve Reservation" : "Resend Confirmation Email"), 1)
+                    ]),
+                    _: 1
+                  }),
+                  a(O)
+                ]),
+                _: 1
+              }),
+              e("div", xa, [
+                a(S, {
+                  modelValue: N.value,
+                  "onUpdate:modelValue": t[0] || (t[0] = (Y) => N.value = Y),
+                  id: "reject-dialog-skip-mail",
+                  class: "border-black/80 dark:border-gray-200",
+                  disabled: !P(h).mailAccount
+                }, null, 8, ["modelValue", "disabled"]),
+                a(W, {
+                  for: "reject-dialog-skip-mail",
+                  class: "py-4 pl-2 pr-4"
+                }, {
+                  default: r(() => [...t[6] || (t[6] = [
+                    $("Do not send email to customer", -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              e("div", {
+                class: Z(["grid gap-4 py-4", { "opacity-50": N.value }])
+              }, [
+                e("div", _a, [
+                  a(W, { for: "approve-dialog-email" }, {
+                    default: r(() => [...t[7] || (t[7] = [
+                      $("To:", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  a(te, {
+                    modelValue: b.value,
+                    "onUpdate:modelValue": t[1] || (t[1] = (Y) => b.value = Y),
+                    disabled: N.value,
+                    id: "approve-dialog-email"
+                  }, null, 8, ["modelValue", "disabled"])
+                ]),
+                e("div", wa, [
+                  a(W, { for: "approve-dialog-subject" }, {
+                    default: r(() => [...t[8] || (t[8] = [
+                      $("Subject:", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  a(te, {
+                    modelValue: k.value,
+                    "onUpdate:modelValue": t[2] || (t[2] = (Y) => k.value = Y),
+                    disabled: N.value,
+                    id: "approve-dialog-subject"
+                  }, null, 8, ["modelValue", "disabled"])
+                ]),
+                e("div", ha, [
+                  a(W, { for: "approve-dialog-body" }, {
+                    default: r(() => [...t[9] || (t[9] = [
+                      $("Body:", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  a(le, {
+                    modelValue: w.value,
+                    "onUpdate:modelValue": t[3] || (t[3] = (Y) => w.value = Y),
+                    disabled: N.value,
+                    id: "approve-dialog-body"
+                  }, null, 8, ["modelValue", "disabled"])
+                ])
+              ], 2),
+              a(M, null, {
+                default: r(() => [
+                  a(ae, {
+                    variant: "outline",
+                    onClick: t[4] || (t[4] = (Y) => d.value = !1)
+                  }, {
+                    default: r(() => [...t[10] || (t[10] = [
+                      $("Close", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  a(ae, { onClick: p }, {
+                    default: r(() => [...t[11] || (t[11] = [
+                      $("Approve reservation", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["open"]);
+    };
+  }
+}), $a = { class: "flex items-center bg-muted/70 dark:bg-muted/20 px-4 rounded-md" }, Da = { class: "grid gap-2" }, Ra = { class: "grid gap-2" }, Ca = { class: "grid gap-2" }, Sa = /* @__PURE__ */ De({
+  __name: "RejectReservationDialog",
+  emits: ["confirm"],
+  setup(o, { expose: x, emit: L }) {
+    const { config: h } = Oe(), { sendMail: z } = Ke(h.mailAccount), E = L, d = F(!1), R = F(!1), N = F(""), b = F(""), k = F(""), w = (p) => {
+      R.value = !h.mailAccount, d.value = !0, p && (N.value = p.customerInfo?.email, b.value = "Regarding your reservation request for " + new Date(p.date)?.toDateString(), k.value = `Dear ${p.customerInfo?.firstName ?? ""} ${p.customerInfo?.lastName ?? ""},
+
+Thank you for your interest in booking with us. Unfortunately, we are unable to confirm your request for ${new Date(p.date)?.toDateString()} at ${p.startTime}.
+
+We would love to see you another time!`);
+    }, C = () => {
+      if (!R.value) {
+        if (!N.value || !b.value || !k.value) return alert("Please fill in all the fields.");
+        z({
+          to: N.value,
+          subject: b.value,
+          body: k.value
+        });
+      }
+      d.value = !1;
+      const { $confetti: p } = useNuxtApp();
+      p(), E("confirm");
+    };
+    return x({
+      openDialog: w
+    }), (p, l) => {
+      const t = c("DialogTitle"), D = c("DialogDescription"), O = c("DialogHeader"), n = c("Checkbox"), S = c("Label"), W = c("Input"), te = c("Textarea"), le = c("Button"), ae = c("DialogFooter"), M = c("DialogScrollContent"), j = c("Dialog");
+      return i(), J(j, {
+        open: d.value,
+        "onUpdate:open": l[5] || (l[5] = (V) => d.value = V)
+      }, {
+        default: r(() => [
+          a(M, { class: "sm:max-w-3xl" }, {
+            default: r(() => [
+              a(O, null, {
+                default: r(() => [
+                  a(t, null, {
+                    default: r(() => [...l[6] || (l[6] = [
+                      $(" Reject Reservation Request ", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  a(D)
+                ]),
+                _: 1
+              }),
+              e("div", $a, [
+                a(n, {
+                  modelValue: R.value,
+                  "onUpdate:modelValue": l[0] || (l[0] = (V) => R.value = V),
+                  id: "reject-dialog-skip-mail",
+                  class: "border-black/80 dark:border-gray-200",
+                  disabled: !P(h).mailAccount
+                }, null, 8, ["modelValue", "disabled"]),
+                a(S, {
+                  for: "reject-dialog-skip-mail",
+                  class: "py-4 pl-2 pr-4"
+                }, {
+                  default: r(() => [...l[7] || (l[7] = [
+                    $("Do not send email to customer", -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              e("div", {
+                class: Z(["grid gap-4 py-4", { "opacity-50": R.value }])
+              }, [
+                e("div", Da, [
+                  a(S, { for: "reject-dialog-email" }, {
+                    default: r(() => [...l[8] || (l[8] = [
+                      $("To:", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  a(W, {
+                    modelValue: N.value,
+                    "onUpdate:modelValue": l[1] || (l[1] = (V) => N.value = V),
+                    disabled: R.value,
+                    id: "reject-dialog-email"
+                  }, null, 8, ["modelValue", "disabled"])
+                ]),
+                e("div", Ra, [
+                  a(S, { for: "reject-dialog-subject" }, {
+                    default: r(() => [...l[9] || (l[9] = [
+                      $("Subject:", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  a(W, {
+                    modelValue: b.value,
+                    "onUpdate:modelValue": l[2] || (l[2] = (V) => b.value = V),
+                    disabled: R.value,
+                    id: "reject-dialog-subject"
+                  }, null, 8, ["modelValue", "disabled"])
+                ]),
+                e("div", Ca, [
+                  a(S, { for: "reject-dialog-body" }, {
+                    default: r(() => [...l[10] || (l[10] = [
+                      $("Body:", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  a(te, {
+                    modelValue: k.value,
+                    "onUpdate:modelValue": l[3] || (l[3] = (V) => k.value = V),
+                    disabled: R.value,
+                    id: "reject-dialog-body"
+                  }, null, 8, ["modelValue", "disabled"])
+                ])
+              ], 2),
+              a(ae, null, {
+                default: r(() => [
+                  a(le, {
+                    variant: "outline",
+                    onClick: l[4] || (l[4] = (V) => d.value = !1)
+                  }, {
+                    default: r(() => [...l[11] || (l[11] = [
+                      $("Close", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  a(le, {
+                    variant: "destructive",
+                    onClick: C
+                  }, {
+                    default: r(() => [...l[12] || (l[12] = [
+                      $("Reject reservation", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["open"]);
+    };
+  }
+}), Aa = { class: "flex items-start justify-between gap-3" }, ja = { class: "min-w-0" }, Ia = { class: "text-xs text-muted-foreground" }, Ma = {
+  key: 0,
+  class: "shrink-0 rounded-md bg-green-100 px-2 py-1 text-xs font-medium text-green-700 dark:bg-green-900/30 dark:text-green-300"
+}, Na = { class: "grid grid-cols-[110px_1fr] gap-3" }, Ta = { class: "min-w-0 whitespace-pre-wrap break-words text-right" }, Fa = { class: "text-muted-foreground" }, Va = { class: "min-w-0 break-words text-right" }, Oa = {
+  key: 0,
+  class: "grid grid-cols-[110px_1fr] gap-3"
+}, Pa = { class: "min-w-0 break-words text-right" }, xt = /* @__PURE__ */ De({
+  __name: "RefundDetailsDisplay",
+  props: {
+    refunds: {},
+    compact: { type: Boolean, default: !1 }
+  },
+  setup(o) {
+    const x = o, L = U(() => (Array.isArray(x.refunds) ? x.refunds : []).filter(Boolean).slice().reverse()), h = (b) => {
+      const k = Number(b);
+      return Number.isNaN(k) ? "-" : `€${k.toFixed(2)}`;
+    }, z = (b) => {
+      if (!b) return "-";
+      const k = new Date(b);
+      return Number.isNaN(k.getTime()) ? b : k.toLocaleString("en-US", {
+        month: "short",
+        day: "numeric",
+        year: "numeric",
+        hour: "2-digit",
+        minute: "2-digit"
+      });
+    }, E = (b) => b === !0 ? "Yes" : b === !1 ? "No" : b == null || b === "" ? "-" : typeof b == "object" ? JSON.stringify(b) : String(b), d = (b) => {
+      const k = b?.fields || {}, w = Array.isArray(b?.fieldDefinitions) ? b.fieldDefinitions : [], C = /* @__PURE__ */ new Set(), p = w.filter((t) => t?.key && Object.prototype.hasOwnProperty.call(k, t.key)).map((t) => (C.add(t.key), {
+        key: t.key,
+        label: t.label || t.key,
+        value: k[t.key]
+      })), l = Object.entries(k).filter(([t]) => !C.has(t)).map(([t, D]) => ({
+        key: t,
+        label: t,
+        value: D
+      }));
+      return [...p, ...l];
+    }, R = (b) => b?.processedAt || b?.requestedAt, N = (b) => b?.reason || b?.note || "-";
+    return (b, k) => L.value.length ? (i(), _("div", {
+      key: 0,
+      class: Z(o.compact ? "space-y-2" : "space-y-3")
+    }, [
+      (i(!0), _(re, null, me(L.value, (w, C) => (i(), _("div", {
+        key: w.processedAt || w.requestedAt || C,
+        class: Z(["rounded-lg border bg-background/70", o.compact ? "p-3 space-y-2" : "p-4 space-y-3"])
+      }, [
+        e("div", Aa, [
+          e("div", ja, [
+            e("p", {
+              class: Z(o.compact ? "text-xs font-medium" : "text-sm font-medium")
+            }, f(w.hasAmount === !1 ? "Refund flow processed" : "Refund processed"), 3),
+            e("p", Ia, f(z(R(w))), 1)
+          ]),
+          w.hasAmount !== !1 ? (i(), _("div", Ma, f(h(w.amount)), 1)) : T("", !0)
+        ]),
+        e("div", {
+          class: Z(o.compact ? "grid gap-1.5 text-xs" : "grid gap-2 text-sm")
+        }, [
+          e("div", Na, [
+            k[0] || (k[0] = e("span", { class: "text-muted-foreground" }, "Reason", -1)),
+            e("span", Ta, f(N(w)), 1)
+          ]),
+          (i(!0), _(re, null, me(d(w), (p) => (i(), _("div", {
+            key: p.key,
+            class: "grid grid-cols-[110px_1fr] gap-3"
+          }, [
+            e("span", Fa, f(p.label), 1),
+            e("span", Va, f(E(p.value)), 1)
+          ]))), 128)),
+          w.notification ? (i(), _("div", Oa, [
+            k[1] || (k[1] = e("span", { class: "text-muted-foreground" }, "Email", -1)),
+            e("span", Pa, f(w.notification.skipped ? "Skipped" : w.notification.to || "Sent"), 1)
+          ])) : T("", !0)
+        ], 2)
+      ], 2))), 128))
+    ], 2)) : T("", !0);
+  }
+}), za = { key: 0 }, Ua = {
+  key: 0,
+  class: "flex items-center gap-1.5 flex-wrap"
+}, Ba = {
+  key: 0,
+  class: "space-y-2 mb-4"
+}, Ea = { class: "text-xs font-medium text-muted-foreground uppercase tracking-wide" }, La = {
+  key: 1,
+  class: "flex flex-wrap gap-2 mb-4"
+}, Ha = {
+  key: 1,
+  class: "text-xs text-muted-foreground mr-0.5"
+}, qa = {
+  key: 2,
+  class: "space-y-3"
+}, Wa = { class: "bg-muted/30 rounded-lg p-4 space-y-2" }, Ga = { class: "text-muted-foreground flex items-center gap-1.5" }, qe = "appearance-none border-0 bg-transparent hover:bg-transparent h-4 p-0 text-inherit underline decoration-dotted underline-offset-2 decoration-current/40 transition-colors hover:decoration-current focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring rounded-sm disabled:cursor-not-allowed disabled:opacity-60", Ye = /* @__PURE__ */ De({
+  __name: "OrderMetadataDisplay",
+  props: {
+    metadata: { default: () => ({}) },
+    schema: { default: () => [] },
+    displayFilter: { default: void 0 },
+    scope: { default: void 0 },
+    compact: { type: Boolean, default: !1 },
+    enableActions: { type: Boolean, default: !1 },
+    actionsDisabled: { type: Boolean, default: !1 }
+  },
+  emits: ["run-action"],
+  setup(o, { expose: x, emit: L }) {
+    const h = Dt, z = o, E = L, d = (D) => D && h[D] || null, R = U(() => {
+      if (!z.metadata) return [];
+      const D = new Set(z.schema?.map((S) => S.key) || []), O = (z.schema || []).filter((S) => !(z.scope && S.scope !== z.scope || z.displayFilter && !z.displayFilter.includes(S.display) || z.metadata[S.key] === void 0 || z.metadata[S.key] === null || S.display === "hidden" || z.metadata[S.key] === !1)).sort((S, W) => (S.order || 0) - (W.order || 0)).map((S) => ({
+        ...S,
+        value: z.metadata[S.key]
+      }));
+      if (z.displayFilter && !z.displayFilter.includes("field")) return O;
+      const n = Object.entries(z.metadata).filter(([S, W]) => !D.has(S) && W !== void 0 && W !== null && W !== !1).map(([S, W]) => ({
+        id: `_fallback_${S}`,
+        key: S,
+        label: S.replace(/([A-Z])/g, " $1").replace(/[_-]/g, " ").replace(/^\w/, (te) => te.toUpperCase()).trim(),
+        display: "field",
+        scope: "order",
+        value: typeof W == "object" ? JSON.stringify(W) : String(W)
+      }));
+      return [...O, ...n];
+    }), N = U(() => R.value.filter((D) => D.display === "highlight")), b = U(() => R.value.filter((D) => D.display === "badge")), k = U(() => R.value.filter((D) => D.display === "field")), w = U(() => R.value.length > 0), C = (D) => Object.keys(D.action?.flow || {}).length > 0, p = (D) => z.enableActions && C(D), l = (D) => {
+      !p(D) || z.actionsDisabled || E("run-action", {
+        field: D,
+        value: D.value
+      });
+    }, t = (D, O) => {
+      p(D) && (O.stopPropagation(), l(D));
+    };
+    return x({ hasContent: w }), (D, O) => w.value ? (i(), _("div", za, [
+      o.compact ? (i(), _("div", Ua, [
+        (i(!0), _(re, null, me(N.value, (n) => (i(), _("span", {
+          key: n.id,
+          class: Z(["inline-flex items-center gap-1 px-2 py-0.5 text-xs font-bold rounded-md appearance-none border-0", n.color ? "" : "bg-primary/10 text-primary"]),
+          style: Ce(n.color ? { backgroundColor: n.color + "20", color: n.color } : {})
+        }, [
+          d(n.icon) ? (i(), J(ke(d(n.icon)), {
+            key: 0,
+            size: 12
+          })) : T("", !0),
+          (i(), J(ke(p(n) ? "button" : "span"), {
+            type: p(n) ? "button" : void 0,
+            disabled: p(n) ? o.actionsDisabled : void 0,
+            class: Z(p(n) ? qe : ""),
+            "aria-label": p(n) ? `Run ${n.label} action` : void 0,
+            onClick: (S) => t(n, S)
+          }, {
+            default: r(() => [
+              $(f(n.value === !0 ? n.label : n.value), 1)
+            ]),
+            _: 2
+          }, 1032, ["type", "disabled", "class", "aria-label", "onClick"]))
+        ], 6))), 128)),
+        (i(!0), _(re, null, me(b.value, (n) => (i(), _("span", {
+          key: n.id,
+          class: Z(["inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium rounded-full appearance-none border-0", n.color ? "" : "bg-muted text-muted-foreground"]),
+          style: Ce(n.color ? { backgroundColor: n.color + "20", color: n.color } : {})
+        }, [
+          d(n.icon) ? (i(), J(ke(d(n.icon)), {
+            key: 0,
+            size: 10
+          })) : T("", !0),
+          (i(), J(ke(p(n) ? "button" : "span"), {
+            type: p(n) ? "button" : void 0,
+            disabled: p(n) ? o.actionsDisabled : void 0,
+            class: Z(p(n) ? qe : ""),
+            "aria-label": p(n) ? `Run ${n.label} action` : void 0,
+            onClick: (S) => t(n, S)
+          }, {
+            default: r(() => [
+              $(f(n.value === !0 ? n.label : n.value), 1)
+            ]),
+            _: 2
+          }, 1032, ["type", "disabled", "class", "aria-label", "onClick"]))
+        ], 6))), 128))
+      ])) : (i(), _(re, { key: 1 }, [
+        N.value.length ? (i(), _("div", Ba, [
+          (i(!0), _(re, null, me(N.value, (n) => (i(), _("div", {
+            key: n.id,
+            class: Z(["rounded-lg border-2 p-4 flex items-center gap-4 appearance-none", n.color ? "" : "border-primary/20 bg-primary/5"]),
+            style: Ce(n.color ? { borderColor: n.color + "40", backgroundColor: n.color + "08" } : {})
+          }, [
+            e("div", {
+              class: Z(["h-12 w-12 rounded-xl flex items-center justify-center shrink-0", n.color ? "" : "bg-primary/10"]),
+              style: Ce(n.color ? { backgroundColor: n.color + "20" } : {})
+            }, [
+              d(n.icon) ? (i(), J(ke(d(n.icon)), {
+                key: 0,
+                size: 24,
+                style: Ce(n.color ? { color: n.color } : {}),
+                class: Z(n.color ? "" : "text-primary")
+              }, null, 8, ["style", "class"])) : T("", !0)
+            ], 6),
+            e("div", null, [
+              e("p", Ea, f(n.label), 1),
+              n.value !== !0 || p(n) ? (i(), J(ke(p(n) ? "button" : "p"), {
+                key: 0,
+                type: p(n) ? "button" : void 0,
+                disabled: p(n) ? o.actionsDisabled : void 0,
+                class: Z(["text-2xl font-bold tracking-wider", p(n) ? qe : ""]),
+                "aria-label": p(n) ? `Run ${n.label} action` : void 0,
+                onClick: (S) => t(n, S)
+              }, {
+                default: r(() => [
+                  $(f(n.value === !0 ? "✓" : n.value), 1)
+                ]),
+                _: 2
+              }, 1032, ["type", "disabled", "class", "aria-label", "onClick"])) : T("", !0)
+            ])
+          ], 6))), 128))
+        ])) : T("", !0),
+        b.value.length ? (i(), _("div", La, [
+          (i(!0), _(re, null, me(b.value, (n) => (i(), _("span", {
+            key: n.id,
+            class: Z(["inline-flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium rounded-full appearance-none border-0", n.color ? "" : "bg-muted text-muted-foreground"]),
+            style: Ce(n.color ? { backgroundColor: n.color + "20", color: n.color } : {})
+          }, [
+            d(n.icon) ? (i(), J(ke(d(n.icon)), {
+              key: 0,
+              size: 14
+            })) : T("", !0),
+            n.label && n.value !== !0 ? (i(), _("span", Ha, f(n.label) + ":", 1)) : T("", !0),
+            (i(), J(ke(p(n) ? "button" : "span"), {
+              type: p(n) ? "button" : void 0,
+              disabled: p(n) ? o.actionsDisabled : void 0,
+              class: Z(p(n) ? qe : ""),
+              "aria-label": p(n) ? `Run ${n.label} action` : void 0,
+              onClick: (S) => t(n, S)
+            }, {
+              default: r(() => [
+                $(f(n.value === !0 ? n.label : n.value), 1)
+              ]),
+              _: 2
+            }, 1032, ["type", "disabled", "class", "aria-label", "onClick"]))
+          ], 6))), 128))
+        ])) : T("", !0),
+        k.value.length ? (i(), _("div", qa, [
+          O[0] || (O[0] = e("h3", { class: "text-sm font-semibold text-muted-foreground uppercase tracking-wide" }, "Additional Info", -1)),
+          e("div", Wa, [
+            (i(!0), _(re, null, me(k.value, (n) => (i(), _("div", {
+              key: n.id,
+              class: "flex justify-between gap-4 text-sm appearance-none"
+            }, [
+              e("span", Ga, [
+                d(n.icon) ? (i(), J(ke(d(n.icon)), {
+                  key: 0,
+                  size: 14
+                })) : T("", !0),
+                $(" " + f(n.label), 1)
+              ]),
+              (i(), J(ke(p(n) ? "button" : "span"), {
+                type: p(n) ? "button" : void 0,
+                disabled: p(n) ? o.actionsDisabled : void 0,
+                class: Z(["font-medium text-right break-words", p(n) ? qe : ""]),
+                "aria-label": p(n) ? `Run ${n.label} action` : void 0,
+                onClick: (S) => t(n, S)
+              }, {
+                default: r(() => [
+                  $(f(n.value === !0 ? "✓" : n.value), 1)
+                ]),
+                _: 2
+              }, 1032, ["type", "disabled", "class", "aria-label", "onClick"]))
+            ]))), 128))
+          ])
+        ])) : T("", !0)
+      ], 64))
+    ])) : T("", !0);
+  }
+}), Ja = {
+  key: 0,
+  class: "space-y-6 py-4"
+}, Ya = { class: "space-y-3" }, Ka = { class: "bg-muted/30 rounded-lg p-4 space-y-3" }, Xa = { class: "flex items-center gap-3" }, Za = { class: "h-10 w-10 rounded-full bg-primary/10 flex items-center justify-center" }, Qa = { class: "font-medium" }, eo = { class: "grid gap-2 text-sm" }, to = {
+  key: 0,
+  class: "flex items-center gap-2 text-muted-foreground"
+}, ao = ["href"], oo = {
+  key: 1,
+  class: "flex items-center gap-2 text-muted-foreground"
+}, no = ["href"], so = { class: "space-y-3" }, ro = { class: "grid grid-cols-2 gap-3" }, lo = { class: "bg-muted/30 rounded-lg p-3" }, io = { class: "flex items-center gap-2 text-muted-foreground mb-1" }, uo = { class: "text-xs" }, co = { class: "font-medium" }, po = { class: "bg-muted/30 rounded-lg p-3" }, vo = { class: "flex items-center gap-2 text-muted-foreground mb-1" }, mo = { class: "font-medium" }, fo = {
+  key: 0,
+  class: "bg-muted/30 rounded-lg p-3 col-span-2"
+}, go = { class: "flex items-center gap-2 text-muted-foreground mb-1" }, bo = { class: "font-medium truncate" }, yo = {
+  key: 0,
+  class: "space-y-3"
+}, xo = { class: "bg-muted/30 rounded-lg p-4" }, _o = { class: "flex items-start justify-between" }, wo = { class: "flex items-start gap-3" }, ho = { class: "h-9 w-9 rounded-lg bg-primary/10 flex items-center justify-center mt-0.5" }, ko = { class: "font-medium" }, $o = { class: "text-sm text-muted-foreground" }, Do = { class: "font-semibold" }, Ro = { class: "space-y-3" }, Co = { class: "bg-muted/30 rounded-lg p-4 space-y-3" }, So = { class: "space-y-2 text-sm" }, Ao = { class: "flex justify-between" }, jo = {
+  key: 0,
+  class: "flex justify-between"
+}, Io = {
+  key: 1,
+  class: "grid"
+}, Mo = { class: "text-muted-foreground" }, No = { key: 0 }, To = { key: 1 }, Fo = { class: "flex justify-between font-semibold" }, Vo = { class: "flex justify-between font-semibold" }, Oo = { class: "flex items-center gap-2" }, Po = {
+  key: 1,
+  class: "space-y-2 text-sm"
+}, zo = {
+  key: 0,
+  class: "flex justify-between"
+}, Uo = { class: "text-muted-foreground flex items-center gap-1.5" }, Bo = { class: "text-green-600 dark:text-green-400" }, Eo = {
+  key: 1,
+  class: "flex justify-between"
+}, Lo = { class: "text-muted-foreground flex items-center gap-1.5" }, Ho = { class: "text-orange-600 dark:text-orange-400 font-medium" }, qo = {
+  key: 1,
+  class: "space-y-3"
+}, Yn = /* @__PURE__ */ De({
+  __name: "ReservationDetailDialog",
+  props: {
+    agendaData: {},
+    showOrderLink: { type: Boolean, default: !1 },
+    resources: { default: () => [] }
+  },
+  emits: ["cancelled", "confirmed", "rejected", "transferred", "openOrder", "closed"],
+  setup(o, { expose: x, emit: L }) {
+    const h = o, { hasPermission: z } = Vt(), { params: E } = nt(), { config: d } = Oe(), R = vt(d.project), N = pt(), { runFlow: b } = mt(), { sendMail: k } = Ke(d.mailAccount), w = kt("event", F(null)), C = U(() => {
+      const u = Array.isArray(h.resources) ? h.resources : [], s = Array.isArray(h.agendaData?.resources) ? h.agendaData.resources : [], H = [...u, ...s], ee = /* @__PURE__ */ new Set();
+      return H.filter((ue) => {
+        const B = ue?.id;
+        return !B || ee.has(String(B)) ? !1 : (ee.add(String(B)), !0);
+      });
+    }), p = L, l = F(!1), t = F(null), D = F(!1), O = F(!1), n = F({}), S = F(null), W = F(!1), te = U(() => E.value?.id ?? E.id ?? ""), { metadataSchema: le } = yt(te), ae = U(() => t.value?.id || t.value?.orderId || ""), M = U(() => Object.keys(n.value || {}).length > 0), j = U(() => (S.value?.refundFlowEnabled ?? h.agendaData?.refundFlowEnabled) !== !1), V = U(() => M.value && j.value), Y = U(() => {
+      const u = S.value?.refundDialog ?? h.agendaData?.refundDialog;
+      return {
+        showAmount: u?.showAmount !== !1,
+        fields: Array.isArray(u?.fields) ? u.fields : []
+      };
+    }), be = He("cancelReservationDialog"), ne = He("cancelRefundReservationDialog"), K = He("approveReservationDialog"), ye = He("rejectReservationDialog"), $e = He("transferReservationDialog"), Re = (u) => {
+      const s = u?.id || u?.orderId;
+      !u || !s || (t.value = { ...u, id: s }, l.value = !0);
+    }, m = () => {
+      l.value && (l.value = !1, p("closed"));
+    }, g = (u) => {
+      if (u) {
+        l.value = !0;
+        return;
+      }
+      m();
+    }, X = async () => {
+      if (te.value) {
+        S.value = null, n.value = {}, W.value = !0;
+        try {
+          const u = await N.get(`/agendas/${te.value}/refund-flow`);
+          S.value = u || null, n.value = u?.refundFlow || h.agendaData?.refundFlow || {};
+        } catch (u) {
+          console.error("Error loading refund flow:", u), n.value = h.agendaData?.refundFlow || {};
+        } finally {
+          W.value = !1;
+        }
+      }
+    };
+    We(te, X, { immediate: !0 });
+    const A = U(() => t.value?.customerInfo && `${t.value.customerInfo.firstName} ${t.value.customerInfo.lastName}`.trim() || "Unknown Customer"), oe = (u) => {
+      if (typeof u != "string") return !1;
+      const s = u.trim().toLowerCase();
+      return s.length > 0 && s !== "unknown" && s !== "unknown resource";
+    }, xe = (u) => u && C.value.find((s) => String(s.id) === String(u)) || null, _e = U(() => {
+      const u = t.value?.resourceId || t.value?.resource?.id || w.value?.resourceId || w.value?.resource?.id, s = xe(u), H = w.value?.resourceId || w.value?.resource?.id, ee = !u || String(H) === String(u) ? w.value?.resource : null, ue = t.value?.resource?.name, B = ee?.name;
+      return {
+        name: s?.name || (oe(ue) ? ue : "") || (oe(B) ? B : "") || (oe(t.value?.resourceName) ? t.value.resourceName : ""),
+        color: s?.color || t.value?.resource?.color || ee?.color || t.value?.resourceColor || "#6b7280"
+      };
+    }), Se = U(() => {
+      let u = t.value?.status;
+      const s = t.value?.reservationStatus;
+      switch (u === "confirmed" && ["needs_approval", "rejected", "approved", "cancelled"].includes(s) && (u = s), u) {
+        case "pending":
+          return { label: "Pending", class: "bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400" };
+        case "cancelled":
+          return { label: "Cancelled", class: "bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400" };
+        case "needs_approval":
+          return { label: "Needs Approval", class: "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400" };
+        case "rejected":
+          return { label: "Rejected", class: "bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400" };
+        case "approved":
+          return { label: "Approved", class: "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400" };
+        case "confirmed":
+          return { label: "Confirmed", class: "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400" };
+        default:
+          return { label: u || "Unknown", class: "bg-muted text-muted-foreground" };
+      }
+    }), Ae = U(() => t.value?.status === "cancelled" || t.value?.reservationStatus === "cancelled"), fe = (u) => u == null || typeof u != "number" ? "—" : `€${u?.toFixed(2)}`, Me = (u) => {
+      if (!u) return "—";
+      if (u < 60) return `${u} min`;
+      const s = Math.floor(u / 60), H = u % 60;
+      return H > 0 ? `${s}h ${H}min` : `${s}h`;
+    }, je = () => {
+      if (!t.value) return;
+      let u = "";
+      const s = w?.value?.date;
+      if (s)
+        try {
+          u = new Date(s).toLocaleDateString("en-US", {
+            weekday: "long",
+            year: "numeric",
+            month: "long",
+            day: "numeric"
+          });
+        } catch {
+          u = s;
+        }
+      const H = {
+        date: u,
+        resourceName: _e.value.name,
+        metadataSchema: le.value
+      };
+      Et(t.value, H);
+    }, Pe = () => {
+      K.value?.openDialog(t.value);
+    }, ze = () => {
+      ye.value?.openDialog(t.value);
+    }, Ue = () => {
+      K.value?.openDialog(t.value);
+    }, Ne = () => {
+      be.value?.openDialog(t.value);
+    }, Be = () => {
+      !M.value && !W.value && X(), ne.value?.openDialog(t.value);
+    }, v = async () => {
+      try {
+        if (D.value || !t.value?.id) throw new Error("Invalid state");
+        D.value = !0;
+        let s = (await R.get(d.reservationsCollection, t.value.id))?.reservations || [];
+        if (!s.find((H) => H.id === t.value.res_id))
+          throw new Error("Reservation not found");
+        s.find((H) => H.id === t.value.res_id).status = "cancelled", await R.update(d.reservationsCollection, t.value.id, {
+          reservations: s
+        }), t.value.status = "cancelled", t.value.reservationStatus = "cancelled", ce.success("Reservation cancelled successfully"), p("cancelled"), l.value = !1;
+      } catch (u) {
+        console.error("Error cancelling reservation:", u), ce.error("Failed to cancel reservation");
+      } finally {
+        D.value = !1;
+      }
+    }, y = (u) => {
+      try {
+        return JSON.parse(JSON.stringify(u ?? null));
+      } catch {
+        return null;
+      }
+    }, q = (u) => u === null || Array.isArray(u) ? "object" : typeof u, G = (u) => u?.scope === "reservation" ? t.value?.reservationMetadata || {} : t.value?.metadata || {}, I = async ({ field: u, value: s }) => {
+      const H = u?.action?.flow || {};
+      if (!(!Object.keys(H).length || O.value)) {
+        O.value = !0;
+        try {
+          await b(H, [
+            { id: "value", name: "value", type: q(s), value: s },
+            {
+              id: "field",
+              name: "field",
+              type: "object",
+              value: {
+                id: u.id,
+                key: u.key,
+                label: u.label,
+                display: u.display,
+                scope: u.scope
+              }
+            },
+            { id: "metadata", name: "metadata", type: "object", value: G(u) },
+            { id: "order", name: "order", type: "object", value: t.value || {} },
+            { id: "reservation", name: "reservation", type: "object", value: t.value || {} },
+            { id: "booking", name: "booking", type: "object", value: t.value || {} },
+            { id: "agenda", name: "agenda", type: "object", value: h.agendaData || {} },
+            { id: "customer", name: "customer", type: "object", value: t.value?.customerInfo || {} },
+            { id: "orderId", name: "orderId", type: "string", value: ae.value || "" },
+            { id: "reservationId", name: "reservationId", type: "string", value: t.value?.res_id || t.value?.reservationId || "" }
+          ]), ce.success("Metadata action completed");
+        } catch (ee) {
+          console.error("Error running metadata action:", ee), ce.error("Failed to run metadata action");
+        } finally {
+          O.value = !1;
+        }
+      }
+    }, Q = async (u) => {
+      try {
+        if (D.value || !t.value?.id || !t.value?.res_id) throw new Error("Invalid state");
+        if (!V.value) throw new Error("No active refund flow configured");
+        D.value = !0;
+        const s = t.value.id, H = t.value.res_id, ee = await R.get(d.reservationsCollection, s), ue = ee?.reservations || [], B = ue.find((Le) => Le.id === H);
+        if (!B)
+          throw new Error("Reservation not found");
+        const Ee = (/* @__PURE__ */ new Date()).toISOString(), Ge = Y.value.showAmount, ve = {
+          amount: Ge ? Number(u.amount) || 0 : null,
+          hasAmount: Ge,
+          reason: u.reason,
+          fields: u.fields || {},
+          fieldDefinitions: u.fieldDefinitions || [],
+          requestedAt: Ee,
+          notification: {
+            skipped: u.skipMail,
+            to: u.email,
+            subject: u.subject,
+            body: u.body
+          }
+        }, Xe = await b(n.value, [
+          { id: "agenda", name: "agenda", type: "object", value: h.agendaData || {} },
+          { id: "order", name: "order", type: "object", value: { ...ee, id: s } },
+          { id: "reservation", name: "reservation", type: "object", value: B },
+          { id: "booking", name: "booking", type: "object", value: t.value },
+          { id: "customer", name: "customer", type: "object", value: ee?.customerInfo || t.value.customerInfo || {} },
+          { id: "refund", name: "refund", type: "object", value: ve },
+          { id: "refundFields", name: "refundFields", type: "object", value: ve.fields },
+          { id: "refundHasAmount", name: "refundHasAmount", type: "boolean", value: ve.hasAmount },
+          { id: "orderId", name: "orderId", type: "string", value: s },
+          { id: "reservationId", name: "reservationId", type: "string", value: H },
+          { id: "refundAmount", name: "refundAmount", type: "number", value: ve.amount || 0 }
+        ]), Te = {
+          ...ve,
+          processedAt: (/* @__PURE__ */ new Date()).toISOString(),
+          flowResult: y(Xe)
+        };
+        if (B.status = "cancelled", B.refundStatus = ve.hasAmount ? "refunded" : "processed", B.refundedAt = Te.processedAt, ve.hasAmount && (B.refundedAmount = (Number(B.refundedAmount) || 0) + (ve.amount || 0)), B.refunds = [
+          ...Array.isArray(B.refunds) ? B.refunds : [],
+          Te
+        ], await R.update(d.reservationsCollection, s, {
+          reservations: ue
+        }), !u.skipMail)
+          try {
+            await k({
+              to: u.email,
+              subject: u.subject,
+              body: u.body
+            });
+          } catch (Le) {
+            console.error("Error sending refund email:", Le), ce.warning("Refund processed, but the email could not be sent");
+          }
+        t.value.status = "cancelled", t.value.reservationStatus = "cancelled", t.value.refundStatus = ve.hasAmount ? "refunded" : "processed", t.value.refundedAt = Te.processedAt, t.value.refunds = [
+          ...Array.isArray(t.value.refunds) ? t.value.refunds : [],
+          Te
+        ], ve.hasAmount && (t.value.refundedAmount = (Number(t.value.refundedAmount) || 0) + (ve.amount || 0)), ce.success("Reservation cancelled and refund flow completed"), p("cancelled"), ne.value?.closeDialog(), l.value = !1;
+      } catch (s) {
+        console.error("Error cancelling reservation with refund:", s), ce.error(
+          s instanceof Error && s.message === "No active refund flow configured" ? "No active refund flow configured" : "Failed to cancel and refund reservation"
+        );
+      } finally {
+        D.value = !1;
+      }
+    }, ie = async () => {
+      try {
+        if (D.value || !t.value?.id) throw new Error("Invalid state");
+        D.value = !0;
+        let s = (await R.get(d.reservationsCollection, t.value.id))?.reservations || [];
+        if (!s.find((H) => H.id === t.value.res_id))
+          throw new Error("Reservation not found");
+        s.find((H) => H.id === t.value.res_id).status = "approved", await R.update(d.reservationsCollection, t.value.id, {
+          reservations: s
+        }), t.value.status = "approved", ce.success("Reservation approved successfully"), p("confirmed"), l.value = !1;
+      } catch (u) {
+        console.error("Error approving reservation:", u), ce.error("Failed to approve reservation");
+      } finally {
+        D.value = !1;
+      }
+    }, ge = async () => {
+      try {
+        if (D.value || !t.value?.id) throw new Error("Invalid state");
+        D.value = !0;
+        let s = (await R.get(d.reservationsCollection, t.value.id))?.reservations || [];
+        if (!s.find((H) => H.id === t.value.res_id))
+          throw new Error("Reservation not found");
+        s.find((H) => H.id === t.value.res_id).status = "rejected", await R.update(d.reservationsCollection, t.value.id, {
+          reservations: s
+        }), t.value.status = "rejected", ce.success("Reservation rejected successfully"), p("rejected"), l.value = !1;
+      } catch (u) {
+        console.error("Error rejecting reservation:", u), ce.error("Failed to reject reservation");
+      } finally {
+        D.value = !1;
+      }
+    }, pe = () => {
+      $e.value?.openDialog(t.value);
+    }, we = (u) => {
+      const s = u?.reservation;
+      t.value && s && (t.value = {
+        ...t.value,
+        date: s.date,
+        endTime: s.timeslot?.endTime,
+        resourceColor: s.resource?.color,
+        resourceId: s.resourceId,
+        resourceName: s.resource?.name,
+        startTime: s.timeslot?.startTime
+      }), p("transferred"), l.value = !1;
+    }, he = () => {
+      ae.value && (l.value = !1, p("openOrder", ae.value));
+    };
+    return x({
+      openDialog: Re
+    }), (u, s) => {
+      const H = c("ResponsiveModalTitle"), ee = c("ResponsiveModalDescription"), ue = c("ResponsiveModalHeader"), B = c("Separator"), Ee = c("Button"), Ge = c("DropdownMenuTrigger"), Ie = c("DropdownMenuItem"), ve = c("DropdownMenuGroup"), Xe = c("DropdownMenuSeparator"), Te = c("DropdownMenuContent"), Le = c("DropdownMenu"), _t = c("ResponsiveModalFooter"), wt = c("ResponsiveModalScrollContent"), ht = c("ResponsiveModal");
+      return i(), _(re, null, [
+        a(ht, {
+          open: l.value,
+          "onUpdate:open": g
+        }, {
+          default: r(() => [
+            a(wt, { class: "sm:max-w-xl" }, {
+              default: r(() => [
+                a(ue, null, {
+                  default: r(() => [
+                    a(H, { class: "flex items-center gap-3" }, {
+                      default: r(() => [
+                        s[0] || (s[0] = e("span", null, "Reservation Details", -1)),
+                        e("span", {
+                          class: Z(["px-2.5 py-1 text-xs font-medium rounded-full", Se.value.class])
+                        }, f(Se.value.label), 3)
+                      ]),
+                      _: 1
+                    }),
+                    a(ee, null, {
+                      default: r(() => [
+                        $(" Booking #" + f(ae.value.slice(0, 8) || "—"), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                t.value ? (i(), _("div", Ja, [
+                  a(Ye, {
+                    metadata: t.value.metadata,
+                    schema: P(le),
+                    scope: "order",
+                    "enable-actions": "",
+                    "actions-disabled": O.value,
+                    onRunAction: I
+                  }, null, 8, ["metadata", "schema", "actions-disabled"]),
+                  a(Ye, {
+                    metadata: t.value.reservationMetadata,
+                    schema: P(le),
+                    scope: "reservation",
+                    "enable-actions": "",
+                    "actions-disabled": O.value,
+                    onRunAction: I
+                  }, null, 8, ["metadata", "schema", "actions-disabled"]),
+                  e("div", Ya, [
+                    s[1] || (s[1] = e("h3", { class: "text-sm font-semibold text-muted-foreground uppercase tracking-wide" }, "Customer", -1)),
+                    e("div", Ka, [
+                      e("div", Xa, [
+                        e("div", Za, [
+                          a(P(st), {
+                            size: 20,
+                            class: "text-primary"
+                          })
+                        ]),
+                        e("div", null, [
+                          e("p", Qa, f(A.value), 1)
+                        ])
+                      ]),
+                      e("div", eo, [
+                        t.value.customerInfo?.email ? (i(), _("div", to, [
+                          a(P(rt), { size: 14 }),
+                          e("a", {
+                            href: `mailto:${t.value.customerInfo.email}`,
+                            class: "hover:text-foreground transition-colors"
+                          }, f(t.value.customerInfo.email), 9, ao)
+                        ])) : T("", !0),
+                        t.value.customerInfo?.phone ? (i(), _("div", oo, [
+                          a(P(lt), { size: 14 }),
+                          e("a", {
+                            href: `tel:${t.value.customerInfo.phone}`,
+                            class: "hover:text-foreground transition-colors"
+                          }, f(t.value.customerInfo.phone), 9, no)
+                        ])) : T("", !0)
+                      ])
+                    ])
+                  ]),
+                  e("div", so, [
+                    s[4] || (s[4] = e("h3", { class: "text-sm font-semibold text-muted-foreground uppercase tracking-wide" }, "Reservation", -1)),
+                    e("div", ro, [
+                      e("div", lo, [
+                        e("div", io, [
+                          a(P(Ze), { size: 14 }),
+                          e("span", uo, f(t.value.startTime) + " - " + f(t.value.endTime), 1)
+                        ]),
+                        e("p", co, f(new Date(t.value.date).toLocaleDateString("en-US", { weekday: "long", month: "long", day: "numeric", year: "numeric" })), 1)
+                      ]),
+                      e("div", po, [
+                        e("div", vo, [
+                          a(P(Qe), { size: 14 }),
+                          s[2] || (s[2] = e("span", { class: "text-xs" }, "Spots", -1))
+                        ]),
+                        e("p", mo, f(t.value.spots || 1) + " " + f(t.value.spots === 1 ? "person" : "people"), 1)
+                      ]),
+                      _e.value.name ? (i(), _("div", fo, [
+                        e("div", go, [
+                          e("span", {
+                            class: "w-3 h-3 rounded-full shrink-0",
+                            style: Ce({ backgroundColor: _e.value.color })
+                          }, null, 4),
+                          s[3] || (s[3] = e("span", { class: "text-xs" }, "Resource", -1))
+                        ]),
+                        e("p", bo, f(_e.value.name), 1)
+                      ])) : T("", !0)
+                    ])
+                  ]),
+                  t.value.pricingOption ? (i(), _("div", yo, [
+                    s[5] || (s[5] = e("h3", { class: "text-sm font-semibold text-muted-foreground uppercase tracking-wide" }, "Package", -1)),
+                    e("div", xo, [
+                      e("div", _o, [
+                        e("div", wo, [
+                          e("div", ho, [
+                            a(P(it), {
+                              size: 18,
+                              class: "text-primary"
+                            })
+                          ]),
+                          e("div", null, [
+                            e("p", ko, f(t.value.pricingOption.name), 1),
+                            e("p", $o, f(Me(t.value.pricingOption.duration)), 1)
+                          ])
+                        ]),
+                        e("p", Do, f(fe(t.value.pricingOption.price)), 1)
+                      ])
+                    ])
+                  ])) : T("", !0),
+                  e("div", Ro, [
+                    s[12] || (s[12] = e("h3", { class: "text-sm font-semibold text-muted-foreground uppercase tracking-wide" }, "Payment", -1)),
+                    e("div", Co, [
+                      e("div", So, [
+                        e("div", Ao, [
+                          s[6] || (s[6] = e("span", { class: "text-muted-foreground" }, "Base price", -1)),
+                          e("span", null, f(fe(t.value.reservationBasePrice)), 1)
+                        ]),
+                        t.value.reservationAddOnsPrice ? (i(), _("div", jo, [
+                          s[7] || (s[7] = e("span", { class: "text-muted-foreground" }, "Add-ons", -1)),
+                          e("span", null, f(fe(t.value.reservationAddOnsPrice)), 1)
+                        ])) : T("", !0),
+                        t.value.reservationAdjustments && t.value.reservationAdjustments.length ? (i(), _("div", Io, [
+                          (i(!0), _(re, null, me(t.value.reservationAdjustments, (Fe) => (i(), _("div", {
+                            key: Fe,
+                            class: "flex justify-between"
+                          }, [
+                            e("span", Mo, f(Fe.label), 1),
+                            Fe.type == "percent" ? (i(), _("span", No, f(Fe.value) + "% ", 1)) : (i(), _("span", To, f(Fe.value < 0 ? "-" : "+") + f(fe(Math.abs(Fe.value))), 1))
+                          ]))), 128))
+                        ])) : T("", !0)
+                      ]),
+                      a(B),
+                      e("div", Fo, [
+                        s[8] || (s[8] = e("span", null, "Reservation Total", -1)),
+                        e("span", null, f(fe(t.value.reservationPrice)), 1)
+                      ]),
+                      a(B),
+                      e("div", Vo, [
+                        e("div", Oo, [
+                          s[9] || (s[9] = e("span", null, "Order Total", -1)),
+                          o.showOrderLink ? (i(), _("button", {
+                            key: 0,
+                            type: "button",
+                            class: "text-[10px] uppercase bg-muted hover:bg-muted/50 px-2 py-1 rounded cursor-pointer",
+                            onClick: he
+                          }, " view order ")) : T("", !0)
+                        ]),
+                        e("span", null, f(fe(t.value.total)), 1)
+                      ]),
+                      t.value.amountPaid !== void 0 || t.value.amountDue !== void 0 ? (i(), J(B, { key: 0 })) : T("", !0),
+                      t.value.amountPaid !== void 0 || t.value.amountDue !== void 0 ? (i(), _("div", Po, [
+                        t.value.amountPaid !== void 0 ? (i(), _("div", zo, [
+                          e("span", Uo, [
+                            a(P(dt), { size: 14 }),
+                            s[10] || (s[10] = $(" Amount paid ", -1))
+                          ]),
+                          e("span", Bo, f(fe(t.value.amountPaid)), 1)
+                        ])) : T("", !0),
+                        t.value.amountDue !== void 0 && t.value.amountDue > 0 ? (i(), _("div", Eo, [
+                          e("span", Lo, [
+                            a(P(ot), { size: 14 }),
+                            s[11] || (s[11] = $(" Amount due ", -1))
+                          ]),
+                          e("span", Ho, f(fe(t.value.amountDue)), 1)
+                        ])) : T("", !0)
+                      ])) : T("", !0)
+                    ])
+                  ]),
+                  t.value.refunds?.length ? (i(), _("div", qo, [
+                    s[13] || (s[13] = e("h3", { class: "text-sm font-semibold text-muted-foreground uppercase tracking-wide" }, "Refunds", -1)),
+                    a(xt, {
+                      refunds: t.value.refunds
+                    }, null, 8, ["refunds"])
+                  ])) : T("", !0)
+                ])) : T("", !0),
+                a(_t, { class: "gap-2 sm:justify-between" }, {
+                  default: r(() => [
+                    t.value?.status === "confirmed" && t.value?.reservationStatus === "needs_approval" ? (i(), _(re, { key: 0 }, [
+                      a(Ee, {
+                        variant: "destructive",
+                        onClick: ze
+                      }, {
+                        default: r(() => [
+                          a(P(Rt), { size: 16 }),
+                          s[14] || (s[14] = $(" Reject Reservation ", -1))
+                        ]),
+                        _: 1
+                      }),
+                      a(Ee, { onClick: Pe }, {
+                        default: r(() => [
+                          a(P(Ct), { size: 16 }),
+                          s[15] || (s[15] = $(" Approve Reservation ", -1))
+                        ]),
+                        _: 1
+                      })
+                    ], 64)) : t.value?.status === "confirmed" && t.value?.reservationStatus === "approved" ? (i(), J(Le, { key: 1 }, {
+                      default: r(() => [
+                        a(Ge, { "as-child": "" }, {
+                          default: r(() => [
+                            a(Ee, {
+                              variant: "outline",
+                              class: "gap-2"
+                            }, {
+                              default: r(() => [
+                                a(P(ut), { size: 16 }),
+                                s[16] || (s[16] = $(" Actions ", -1))
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }),
+                        a(Te, {
+                          class: "w-60",
+                          align: "start"
+                        }, {
+                          default: r(() => [
+                            a(ve, null, {
+                              default: r(() => [
+                                a(Ie, {
+                                  onClick: he,
+                                  class: "gap-2 cursor-pointer"
+                                }, {
+                                  default: r(() => [
+                                    a(P(St), {
+                                      size: 16,
+                                      class: "text-muted-foreground"
+                                    }),
+                                    s[17] || (s[17] = e("span", null, "View whole order", -1))
+                                  ]),
+                                  _: 1
+                                }),
+                                a(Ie, {
+                                  onClick: je,
+                                  class: "gap-2 cursor-pointer"
+                                }, {
+                                  default: r(() => [
+                                    a(P(ct), {
+                                      size: 16,
+                                      class: "text-muted-foreground"
+                                    }),
+                                    s[18] || (s[18] = e("span", null, "Download PDF", -1))
+                                  ]),
+                                  _: 1
+                                }),
+                                a(Ie, {
+                                  onClick: Ue,
+                                  class: "gap-2 cursor-pointer"
+                                }, {
+                                  default: r(() => [
+                                    a(P(At), {
+                                      size: 16,
+                                      class: "text-muted-foreground"
+                                    }),
+                                    s[19] || (s[19] = e("span", null, "(Re)send Confirmation Mail", -1))
+                                  ]),
+                                  _: 1
+                                }),
+                                P(z)("manage-reservations") ? (i(), J(Ie, {
+                                  key: 0,
+                                  onClick: pe,
+                                  class: "gap-2 cursor-pointer",
+                                  disabled: Ae.value
+                                }, {
+                                  default: r(() => [
+                                    a(P(jt), {
+                                      size: 16,
+                                      class: "text-muted-foreground"
+                                    }),
+                                    s[20] || (s[20] = e("span", null, "Transfer Date & Time", -1))
+                                  ]),
+                                  _: 1
+                                }, 8, ["disabled"])) : T("", !0)
+                              ]),
+                              _: 1
+                            }),
+                            a(Xe),
+                            P(z)("manage-reservations") ? (i(), J(ve, { key: 0 }, {
+                              default: r(() => [
+                                a(Ie, {
+                                  onClick: Ne,
+                                  class: "gap-2 cursor-pointer",
+                                  variant: "destructive",
+                                  disabled: Ae.value
+                                }, {
+                                  default: r(() => [
+                                    a(P(It), { size: 16 }),
+                                    s[21] || (s[21] = e("span", null, "Cancel Reservation", -1))
+                                  ]),
+                                  _: 1
+                                }, 8, ["disabled"]),
+                                V.value && t.value?.total && t.value.total > 0 ? (i(), J(Ie, {
+                                  key: 0,
+                                  onClick: Be,
+                                  class: "gap-2 cursor-pointer text-orange-600 dark:text-orange-400 focus:text-orange-600 dark:focus:text-orange-400",
+                                  disabled: Ae.value
+                                }, {
+                                  default: r(() => [
+                                    a(P(Mt), {
+                                      class: "text-inherit",
+                                      size: 16
+                                    }),
+                                    s[22] || (s[22] = e("span", null, "Cancel & Refund", -1))
+                                  ]),
+                                  _: 1
+                                }, 8, ["disabled"])) : T("", !0)
+                              ]),
+                              _: 1
+                            })) : T("", !0)
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })) : T("", !0)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["open"]),
+        a(Jt, {
+          ref_key: "cancelReservationDialog",
+          ref: be,
+          onConfirm: v
+        }, null, 512),
+        a(la, {
+          ref_key: "cancelRefundReservationDialog",
+          ref: ne,
+          "is-processing": D.value,
+          "has-refund-flow": V.value,
+          "show-refund-amount": Y.value.showAmount,
+          "custom-fields": Y.value.fields,
+          onConfirm: Q
+        }, null, 8, ["is-processing", "has-refund-flow", "show-refund-amount", "custom-fields"]),
+        a(ka, {
+          ref_key: "approveReservationDialog",
+          ref: K,
+          onConfirm: ie
+        }, null, 512),
+        a(Sa, {
+          ref_key: "rejectReservationDialog",
+          ref: ye,
+          onConfirm: ge
+        }, null, 512),
+        a(ya, {
+          ref_key: "transferReservationDialog",
+          ref: $e,
+          "agenda-data": o.agendaData,
+          onTransferred: we
+        }, null, 8, ["agenda-data"])
+      ], 64);
+    };
+  }
+}), Wo = {
+  key: 0,
+  class: "space-y-6 py-4"
+}, Go = { class: "space-y-3" }, Jo = { class: "bg-muted/30 rounded-lg p-4 space-y-3" }, Yo = { class: "flex items-center gap-3" }, Ko = { class: "h-10 w-10 rounded-full bg-primary/10 flex items-center justify-center" }, Xo = { class: "font-medium" }, Zo = { class: "grid gap-2 text-sm" }, Qo = {
+  key: 0,
+  class: "flex items-center gap-2 text-muted-foreground"
+}, en = ["href"], tn = {
+  key: 1,
+  class: "flex items-center gap-2 text-muted-foreground"
+}, an = ["href"], on = { class: "space-y-3" }, nn = { class: "grid grid-cols-2 gap-3" }, sn = { class: "bg-muted/30 rounded-lg p-3" }, rn = { class: "flex items-center gap-2 text-muted-foreground mb-1" }, ln = { class: "font-medium" }, dn = { class: "bg-muted/30 rounded-lg p-3" }, un = { class: "flex items-center gap-2 text-muted-foreground mb-1" }, cn = { class: "font-medium" }, pn = { class: "bg-muted/30 rounded-lg p-3 col-span-2" }, vn = { class: "flex items-center gap-2 text-muted-foreground mb-1" }, mn = { class: "font-medium" }, fn = { class: "space-y-3" }, gn = { class: "space-y-2" }, bn = ["onClick"], yn = { class: "flex items-start justify-between gap-3" }, xn = { class: "min-w-0 flex-1 space-y-2" }, _n = { class: "flex items-center gap-2 flex-wrap" }, wn = {
+  key: 0,
+  class: "inline-flex items-center gap-1 text-xs text-muted-foreground"
+}, hn = { class: "grid gap-1 text-sm" }, kn = { class: "flex items-center gap-2 text-muted-foreground" }, $n = { class: "flex items-center gap-2 text-muted-foreground" }, Dn = { class: "flex items-center gap-2 text-muted-foreground" }, Rn = {
+  key: 0,
+  class: "flex items-center gap-2 text-muted-foreground"
+}, Cn = { class: "shrink-0 text-right flex items-center gap-2" }, Sn = { class: "text-sm font-semibold" }, An = { class: "space-y-3" }, jn = { class: "bg-muted/30 rounded-lg p-4 space-y-3" }, In = { class: "space-y-2 text-sm" }, Mn = { class: "flex justify-between" }, Nn = {
+  key: 0,
+  class: "flex justify-between"
+}, Tn = {
+  key: 1,
+  class: "grid gap-2"
+}, Fn = { class: "text-muted-foreground" }, Vn = {
+  key: 2,
+  class: "flex justify-between text-green-600 dark:text-green-400"
+}, On = { class: "flex justify-between font-semibold" }, Pn = { class: "space-y-2 text-sm" }, zn = {
+  key: 0,
+  class: "flex justify-between"
+}, Un = { class: "text-muted-foreground flex items-center gap-1.5" }, Bn = { class: "text-green-600 dark:text-green-400" }, En = {
+  key: 1,
+  class: "flex justify-between"
+}, Ln = { class: "text-muted-foreground flex items-center gap-1.5" }, Hn = { class: "text-orange-600 dark:text-orange-400 font-medium" }, Kn = /* @__PURE__ */ De({
+  __name: "OrderDetailDialog",
+  props: {
+    agendaData: {},
+    resources: { default: () => [] }
+  },
+  emits: ["openReservation", "closed"],
+  setup(o, { expose: x, emit: L }) {
+    const h = o, z = L, E = F(!1), d = F(null), R = F(!1), { params: N } = nt(), { runFlow: b } = mt(), k = U(() => N.value?.id ?? N.id ?? h.agendaData?.id ?? ""), { metadataSchema: w } = yt(k), C = U(() => {
+      const m = Array.isArray(h.resources) ? h.resources : [], g = Array.isArray(h.agendaData?.resources) ? h.agendaData.resources : [], X = [...m, ...g], A = /* @__PURE__ */ new Set();
+      return X.filter((oe) => {
+        const xe = oe?.id;
+        return !xe || A.has(String(xe)) ? !1 : (A.add(String(xe)), !0);
+      });
+    }), p = (m) => {
+      !m?.id || !m.reservations?.length || (d.value = m, E.value = !0);
+    }, l = () => {
+      E.value && (E.value = !1, z("closed"));
+    }, t = (m) => {
+      if (m) {
+        E.value = !0;
+        return;
+      }
+      l();
+    }, D = U(() => {
+      const m = d.value?.customerInfo;
+      return m && [m.firstName, m.lastName].filter(Boolean).join(" ") || "Unknown Customer";
+    }), O = U(() => {
+      const m = d.value?.reservations?.[0];
+      return {
+        subtotal: m?.subtotal,
+        discount: m?.discount,
+        amountPaid: m?.amountPaid,
+        amountDue: m?.amountDue
+      };
+    }), n = U(() => d.value?.reservations.reduce((m, g) => m + (g.reservationPrice || 0), 0) || 0), S = (m) => {
+      if (typeof m != "string") return !1;
+      const g = m.trim().toLowerCase();
+      return g.length > 0 && g !== "unknown" && g !== "unknown resource";
+    }, W = (m) => m && C.value.find((g) => String(g.id) === String(m)) || null, te = (m) => {
+      const g = m.resourceId || m.resource?.id, X = W(g), A = m.resource?.name;
+      return {
+        name: X?.name || (S(A) ? A : "") || (S(m.resourceName) ? m.resourceName : ""),
+        color: X?.color || m.resource?.color || m.resourceColor || "#6b7280"
+      };
+    }, le = U(() => d.value?.reservations.map((m) => {
+      const g = te(m);
+      return {
+        ...m,
+        resourceName: g.name,
+        resourceColor: g.color
+      };
+    }) || []), ae = U(() => d.value ? {
+      ...d.value,
+      reservations: le.value
+    } : null), M = (m) => m == null || typeof m != "number" ? "-" : `€${m.toFixed(2)}`, j = (m) => m.type === "percent" ? `${m.value}%` : `${m.value < 0 ? "-" : "+"}${M(Math.abs(m.value))}`, V = (m) => {
+      if (!m) return "-";
+      const g = new Date(m);
+      return Number.isNaN(g.getTime()) ? m : g.toLocaleDateString("en-US", {
+        weekday: "short",
+        month: "short",
+        day: "numeric",
+        year: "numeric"
+      });
+    }, Y = (m) => {
+      if (!m) return "-";
+      const g = new Date(m);
+      return Number.isNaN(g.getTime()) ? m : g.toLocaleTimeString("en-US", {
+        hour: "2-digit",
+        minute: "2-digit",
+        hour12: !1
+      });
+    }, be = (m) => {
+      switch (m) {
+        case "pending":
+          return { label: "Pending", class: "bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400" };
+        case "cancelled":
+          return { label: "Cancelled", class: "bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400" };
+        case "needs_approval":
+          return { label: "Needs Approval", class: "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400" };
+        case "rejected":
+          return { label: "Rejected", class: "bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400" };
+        case "approved":
+          return { label: "Approved", class: "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400" };
+        case "confirmed":
+          return { label: "Confirmed", class: "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400" };
+        default:
+          return { label: m || "Unknown", class: "bg-muted text-muted-foreground" };
+      }
+    }, ne = (m) => {
+      let g = m.status;
+      const X = m.reservationStatus;
+      return g === "confirmed" && ["needs_approval", "rejected", "approved", "cancelled"].includes(X || "") && (g = X), be(g);
+    }, K = (m) => {
+      const g = m.id || d.value?.id;
+      g && (E.value = !1, z("openReservation", { ...m, id: g }));
+    }, ye = () => {
+      ae.value && Lt(ae.value, {
+        agendaName: h.agendaData?.name,
+        metadataSchema: w.value
+      });
+    }, $e = (m) => m === null || Array.isArray(m) ? "object" : typeof m, Re = async ({ field: m, value: g }) => {
+      const X = m?.action?.flow || {};
+      if (!(!Object.keys(X).length || R.value)) {
+        R.value = !0;
+        try {
+          await b(X, [
+            { id: "value", name: "value", type: $e(g), value: g },
+            {
+              id: "field",
+              name: "field",
+              type: "object",
+              value: {
+                id: m.id,
+                key: m.key,
+                label: m.label,
+                display: m.display,
+                scope: m.scope
+              }
+            },
+            { id: "metadata", name: "metadata", type: "object", value: d.value?.metadata || {} },
+            { id: "order", name: "order", type: "object", value: ae.value || d.value || {} },
+            { id: "agenda", name: "agenda", type: "object", value: h.agendaData || {} },
+            { id: "customer", name: "customer", type: "object", value: d.value?.customerInfo || {} },
+            { id: "orderId", name: "orderId", type: "string", value: d.value?.id || "" }
+          ]), ce.success("Metadata action completed");
+        } catch (A) {
+          console.error("Error running metadata action:", A), ce.error("Failed to run metadata action");
+        } finally {
+          R.value = !1;
+        }
+      }
+    };
+    return x({
+      openDialog: p
+    }), (m, g) => {
+      const X = c("ResponsiveModalTitle"), A = c("ResponsiveModalDescription"), oe = c("ResponsiveModalHeader"), xe = c("Separator"), _e = c("Button"), Se = c("DropdownMenuTrigger"), Ae = c("DropdownMenuLabel"), fe = c("DropdownMenuItem"), Me = c("DropdownMenuGroup"), je = c("DropdownMenuSeparator"), Pe = c("DropdownMenuSubTrigger"), ze = c("DropdownMenuSubContent"), Ue = c("DropdownMenuPortal"), Ne = c("DropdownMenuSub"), Be = c("DropdownMenuContent"), v = c("DropdownMenu"), y = c("ResponsiveModalFooter"), q = c("ResponsiveModalScrollContent"), G = c("ResponsiveModal");
+      return i(), J(G, {
+        open: E.value,
+        "onUpdate:open": t
+      }, {
+        default: r(() => [
+          a(q, { class: "sm:max-w-2xl" }, {
+            default: r(() => [
+              a(oe, null, {
+                default: r(() => [
+                  a(X, { class: "flex items-center gap-3" }, {
+                    default: r(() => [
+                      g[0] || (g[0] = e("span", null, "Order Details", -1)),
+                      e("span", {
+                        class: Z(["px-2.5 py-1 text-xs font-medium rounded-full", be(d.value?.status).class])
+                      }, f(be(d.value?.status).label), 3)
+                    ]),
+                    _: 1
+                  }),
+                  a(A, null, {
+                    default: r(() => [
+                      $(" Order #" + f(d.value?.id?.slice(0, 8) || "-"), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              d.value ? (i(), _("div", Wo, [
+                a(Ye, {
+                  metadata: d.value.metadata,
+                  schema: P(w),
+                  scope: "order",
+                  "enable-actions": "",
+                  "actions-disabled": R.value,
+                  onRunAction: Re
+                }, null, 8, ["metadata", "schema", "actions-disabled"]),
+                e("div", Go, [
+                  g[1] || (g[1] = e("h3", { class: "text-sm font-semibold text-muted-foreground uppercase tracking-wide" }, "Customer", -1)),
+                  e("div", Jo, [
+                    e("div", Yo, [
+                      e("div", Ko, [
+                        a(P(st), {
+                          size: 20,
+                          class: "text-primary"
+                        })
+                      ]),
+                      e("div", null, [
+                        e("p", Xo, f(D.value), 1)
+                      ])
+                    ]),
+                    e("div", Zo, [
+                      d.value.customerInfo?.email ? (i(), _("div", Qo, [
+                        a(P(rt), { size: 14 }),
+                        e("a", {
+                          href: `mailto:${d.value.customerInfo.email}`,
+                          class: "hover:text-foreground transition-colors"
+                        }, f(d.value.customerInfo.email), 9, en)
+                      ])) : T("", !0),
+                      d.value.customerInfo?.phone ? (i(), _("div", tn, [
+                        a(P(lt), { size: 14 }),
+                        e("a", {
+                          href: `tel:${d.value.customerInfo.phone}`,
+                          class: "hover:text-foreground transition-colors"
+                        }, f(d.value.customerInfo.phone), 9, an)
+                      ])) : T("", !0)
+                    ])
+                  ])
+                ]),
+                e("div", on, [
+                  g[5] || (g[5] = e("h3", { class: "text-sm font-semibold text-muted-foreground uppercase tracking-wide" }, "Order Summary", -1)),
+                  e("div", nn, [
+                    e("div", sn, [
+                      e("div", rn, [
+                        a(P(Nt), { size: 14 }),
+                        g[2] || (g[2] = e("span", { class: "text-xs" }, "Reservations", -1))
+                      ]),
+                      e("p", ln, f(d.value.reservations.length), 1)
+                    ]),
+                    e("div", dn, [
+                      e("div", un, [
+                        a(P(Qe), { size: 14 }),
+                        g[3] || (g[3] = e("span", { class: "text-xs" }, "Spots", -1))
+                      ]),
+                      e("p", cn, f(d.value.totalSpots), 1)
+                    ]),
+                    e("div", pn, [
+                      e("div", vn, [
+                        a(P(Ze), { size: 14 }),
+                        g[4] || (g[4] = e("span", { class: "text-xs" }, "Ordered at", -1))
+                      ]),
+                      e("p", mn, f(V(d.value.createdAt)) + " · " + f(Y(d.value.createdAt)), 1)
+                    ])
+                  ])
+                ]),
+                e("div", fn, [
+                  g[6] || (g[6] = e("h3", { class: "text-sm font-semibold text-muted-foreground uppercase tracking-wide" }, "Reservations", -1)),
+                  e("div", gn, [
+                    (i(!0), _(re, null, me(le.value, (I) => (i(), _("button", {
+                      key: I.res_id || I.id,
+                      type: "button",
+                      class: "w-full text-left bg-muted/30 rounded-lg p-4 transition-colors hover:bg-muted/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                      onClick: (Q) => K(I)
+                    }, [
+                      e("div", yn, [
+                        e("div", xn, [
+                          e("div", _n, [
+                            e("span", {
+                              class: Z(["px-2 py-1 text-xs font-medium rounded-full", ne(I).class])
+                            }, f(ne(I).label), 3),
+                            I.resourceName ? (i(), _("span", wn, [
+                              e("span", {
+                                class: "w-3 h-3 rounded-full",
+                                style: Ce({ backgroundColor: I.resourceColor || "#6b7280" })
+                              }, null, 4),
+                              $(" " + f(I.resourceName), 1)
+                            ])) : T("", !0)
+                          ]),
+                          e("div", hn, [
+                            e("div", kn, [
+                              a(P(Tt), { size: 14 }),
+                              e("span", null, f(V(I.date)), 1)
+                            ]),
+                            e("div", $n, [
+                              a(P(Ze), { size: 14 }),
+                              e("span", null, f(I.startTime || "-") + " - " + f(I.endTime || "-"), 1)
+                            ]),
+                            e("div", Dn, [
+                              a(P(Qe), { size: 14 }),
+                              e("span", null, f(I.spots || 1) + " " + f(I.spots === 1 ? "person" : "people"), 1)
+                            ]),
+                            I.pricingOption ? (i(), _("div", Rn, [
+                              a(P(it), { size: 14 }),
+                              e("span", null, f(I.pricingOption.name), 1)
+                            ])) : T("", !0)
+                          ]),
+                          a(Ye, {
+                            metadata: I.reservationMetadata,
+                            schema: P(w),
+                            "display-filter": ["highlight", "badge"],
+                            compact: ""
+                          }, null, 8, ["metadata", "schema"]),
+                          I.refunds?.length ? (i(), J(xt, {
+                            key: 0,
+                            refunds: I.refunds,
+                            compact: ""
+                          }, null, 8, ["refunds"])) : T("", !0)
+                        ]),
+                        e("div", Cn, [
+                          e("div", null, [
+                            e("p", Sn, f(M(I.reservationPrice)), 1)
+                          ]),
+                          a(P(Ft), {
+                            size: 16,
+                            class: "text-muted-foreground"
+                          })
+                        ])
+                      ])
+                    ], 8, bn))), 128))
+                  ])
+                ]),
+                e("div", An, [
+                  g[13] || (g[13] = e("h3", { class: "text-sm font-semibold text-muted-foreground uppercase tracking-wide" }, "Payment", -1)),
+                  e("div", jn, [
+                    e("div", In, [
+                      e("div", Mn, [
+                        g[7] || (g[7] = e("span", { class: "text-muted-foreground" }, "Reservations", -1)),
+                        e("span", null, f(M(n.value)), 1)
+                      ]),
+                      O.value.subtotal !== void 0 && O.value.subtotal !== d.value.totalPrice ? (i(), _("div", Nn, [
+                        g[8] || (g[8] = e("span", { class: "text-muted-foreground" }, "Subtotal", -1)),
+                        e("span", null, f(M(O.value.subtotal)), 1)
+                      ])) : T("", !0),
+                      d.value.adjustments && d.value.adjustments.length ? (i(), _("div", Tn, [
+                        (i(!0), _(re, null, me(d.value.adjustments, (I) => (i(), _("div", {
+                          key: `${I.label}-${I.type}-${I.value}`,
+                          class: "flex justify-between"
+                        }, [
+                          e("span", Fn, f(I.label), 1),
+                          e("span", null, f(j(I)), 1)
+                        ]))), 128))
+                      ])) : T("", !0),
+                      O.value.discount ? (i(), _("div", Vn, [
+                        g[9] || (g[9] = e("span", null, "Discount", -1)),
+                        e("span", null, "-" + f(M(O.value.discount)), 1)
+                      ])) : T("", !0)
+                    ]),
+                    a(xe),
+                    e("div", On, [
+                      g[10] || (g[10] = e("span", null, "Order Total", -1)),
+                      e("span", null, f(M(d.value.totalPrice)), 1)
+                    ]),
+                    O.value.amountPaid !== void 0 || O.value.amountDue !== void 0 ? (i(), _(re, { key: 0 }, [
+                      a(xe),
+                      e("div", Pn, [
+                        O.value.amountPaid !== void 0 ? (i(), _("div", zn, [
+                          e("span", Un, [
+                            a(P(dt), { size: 14 }),
+                            g[11] || (g[11] = $(" Amount paid ", -1))
+                          ]),
+                          e("span", Bn, f(M(O.value.amountPaid)), 1)
+                        ])) : T("", !0),
+                        O.value.amountDue !== void 0 && O.value.amountDue > 0 ? (i(), _("div", En, [
+                          e("span", Ln, [
+                            a(P(ot), { size: 14 }),
+                            g[12] || (g[12] = $(" Amount due ", -1))
+                          ]),
+                          e("span", Hn, f(M(O.value.amountDue)), 1)
+                        ])) : T("", !0)
+                      ])
+                    ], 64)) : T("", !0)
+                  ])
+                ])
+              ])) : T("", !0),
+              a(y, { class: "gap-2 sm:justify-between" }, {
+                default: r(() => [
+                  d.value ? (i(), J(v, { key: 0 }, {
+                    default: r(() => [
+                      a(Se, { "as-child": "" }, {
+                        default: r(() => [
+                          a(_e, {
+                            variant: "outline",
+                            class: "gap-2"
+                          }, {
+                            default: r(() => [
+                              a(P(ut), { size: 16 }),
+                              g[14] || (g[14] = $(" Actions ", -1))
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      }),
+                      a(Be, {
+                        class: "w-60",
+                        align: "start"
+                      }, {
+                        default: r(() => [
+                          a(Ae, { class: "text-xs text-muted-foreground font-normal" }, {
+                            default: r(() => [...g[15] || (g[15] = [
+                              $(" Reservation Actions ", -1)
+                            ])]),
+                            _: 1
+                          }),
+                          a(Me, null, {
+                            default: r(() => [
+                              a(fe, {
+                                onClick: ye,
+                                class: "gap-2 cursor-pointer"
+                              }, {
+                                default: r(() => [
+                                  a(P(ct), {
+                                    size: 16,
+                                    class: "text-muted-foreground"
+                                  }),
+                                  g[16] || (g[16] = e("span", null, "Download PDF", -1))
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          }),
+                          a(je),
+                          a(Me, null, {
+                            default: r(() => [
+                              a(Ne, null, {
+                                default: r(() => [
+                                  a(Pe, null, {
+                                    default: r(() => [...g[17] || (g[17] = [
+                                      $("Reservations", -1)
+                                    ])]),
+                                    _: 1
+                                  }),
+                                  a(Ue, null, {
+                                    default: r(() => [
+                                      a(ze, null, {
+                                        default: r(() => [
+                                          (i(!0), _(re, null, me(d.value.reservations, (I) => (i(), J(fe, {
+                                            key: I.res_id || I.id,
+                                            onClick: (Q) => K(I)
+                                          }, {
+                                            default: r(() => [
+                                              $(f(V(I.date)) + " " + f(I.startTime || "-"), 1)
+                                            ]),
+                                            _: 2
+                                          }, 1032, ["onClick"]))), 128))
+                                        ]),
+                                        _: 1
+                                      })
+                                    ]),
+                                    _: 1
+                                  })
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })) : T("", !0),
+                  a(_e, {
+                    variant: "outline",
+                    onClick: l
+                  }, {
+                    default: r(() => [...g[18] || (g[18] = [
+                      $("Close", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["open"]);
+    };
+  }
+});
+export {
+  Ye as _,
+  Yn as a,
+  Kn as b,
+  yt as u
+};