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

package/dist/payment-D5j-68Ig.mjs

@@ -0,0 +1,1278 @@
+import { defineComponent as q, inject as Z, resolveComponent as p, openBlock as u, createElementBlock as c, createElementVNode as o, createVNode as t, withCtx as s, createTextVNode as d, createCommentVNode as I, ref as F, Fragment as D, renderList as N, unref as V, toDisplayString as S, withModifiers as Ce, normalizeClass as U, useTemplateRef as we, nextTick as Oe, reactive as De, computed as Ie, provide as Te, createBlock as Q, normalizeStyle as he } from "vue";
+import { _ as Ae } from "./EditLayout.vue_vue_type_script_setup_true_lang-pDO9b4Pv.mjs";
+import { DollarSign as Pe, Pencil as Re, Trash2 as J, PlusCircle as X, AlertTriangle as de, Users as ie, ChevronDown as Ue } from "lucide-vue-next";
+import { useConfirmation as $e, useModuleRoute as Me, useModulePermissions as Ne, useModule as ze, useFirebaseIntegration as Ee } from "@oneclick.dev/cms-kit";
+import { t as Le } from "./index-RLz1QPrf.mjs";
+const Be = { class: "flex gap-3 items-start p-4 border rounded-lg" }, je = { class: "flex-1 space-y-3" }, Fe = { class: "grid grid-cols-2 gap-3" }, qe = { class: "flex items-center space-x-2 my-4" }, Ge = { class: "grid grid-cols-2 gap-2" }, He = { key: 0 }, Ye = { key: 1 }, We = { key: 2 }, Ke = { key: 3 }, Qe = { key: 4 }, Je = { key: 0 }, Xe = /* @__PURE__ */ q({
+  __name: "Addon",
+  props: {
+    addOn: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(g) {
+    const T = Z("form"), w = (h) => {
+      T.addOns = T.addOns.filter((i) => i.id !== h);
+    };
+    return (h, i) => {
+      const y = p("Label"), C = p("Input"), O = p("Checkbox"), k = p("SelectTrigger"), b = p("SelectItem"), $ = p("SelectGroup"), G = p("SelectContent"), P = p("Select"), H = p("Trash2"), E = p("Button");
+      return u(), c("div", Be, [
+        o("div", je, [
+          o("div", Fe, [
+            o("div", null, [
+              t(y, { class: "text-xs mb-1 block" }, {
+                default: s(() => [...i[7] || (i[7] = [
+                  d("Add-on Name", -1)
+                ])]),
+                _: 1
+              }),
+              t(C, {
+                modelValue: g.addOn.name,
+                "onUpdate:modelValue": i[0] || (i[0] = (_) => g.addOn.name = _),
+                placeholder: "e.g., Swimsuit Rental, Towel Service"
+              }, null, 8, ["modelValue"])
+            ]),
+            o("div", null, [
+              t(y, { class: "text-xs mb-1 block" }, {
+                default: s(() => [...i[8] || (i[8] = [
+                  d("Price", -1)
+                ])]),
+                _: 1
+              }),
+              t(C, {
+                modelValue: g.addOn.price,
+                "onUpdate:modelValue": i[1] || (i[1] = (_) => g.addOn.price = _),
+                modelModifiers: { number: !0 },
+                type: "number",
+                min: "0",
+                step: "0.01",
+                placeholder: "0.00",
+                class: "no-spinner"
+              }, null, 8, ["modelValue"])
+            ])
+          ]),
+          o("div", null, [
+            t(y, { class: "text-xs mb-1 block" }, {
+              default: s(() => [...i[9] || (i[9] = [
+                d("Description (Optional)", -1)
+              ])]),
+              _: 1
+            }),
+            t(C, {
+              modelValue: g.addOn.description,
+              "onUpdate:modelValue": i[2] || (i[2] = (_) => g.addOn.description = _),
+              placeholder: "Brief description of this add-on"
+            }, null, 8, ["modelValue"])
+          ]),
+          o("div", qe, [
+            t(O, {
+              id: `required-${g.addOn.id}`,
+              modelValue: g.addOn.required,
+              "onUpdate:modelValue": i[3] || (i[3] = (_) => g.addOn.required = _)
+            }, null, 8, ["id", "modelValue"]),
+            t(y, {
+              for: `required-${g.addOn.id}`,
+              class: "text-xs font-normal cursor-pointer"
+            }, {
+              default: s(() => [...i[10] || (i[10] = [
+                d(" Required (customer must select this add-on) ", -1)
+              ])]),
+              _: 1
+            }, 8, ["for"])
+          ]),
+          o("div", Ge, [
+            o("div", null, [
+              t(y, { class: "text-xs mb-1 block" }, {
+                default: s(() => [...i[11] || (i[11] = [
+                  d("Quantity limit", -1)
+                ])]),
+                _: 1
+              }),
+              t(P, {
+                modelValue: g.addOn.scope,
+                "onUpdate:modelValue": i[4] || (i[4] = (_) => g.addOn.scope = _)
+              }, {
+                default: s(() => [
+                  t(k, { class: "w-full" }, {
+                    default: s(() => [
+                      g.addOn.scope === "RESERVATION" ? (u(), c("span", He, "Once per reservation")) : g.addOn.scope === "TICKET" ? (u(), c("span", Ye, "Once per ticket / person")) : g.addOn.scope === "UNLIMITED" ? (u(), c("span", We, "Unlimited")) : g.addOn.scope === "CUSTOM_LIMIT" ? (u(), c("span", Ke, "Custom limit...")) : (u(), c("span", Qe, "Select a limit…"))
+                    ]),
+                    _: 1
+                  }),
+                  t(G, null, {
+                    default: s(() => [
+                      t($, { class: "max-w-96" }, {
+                        default: s(() => [
+                          t(b, { value: "RESERVATION" }, {
+                            default: s(() => [...i[12] || (i[12] = [
+                              o("div", { class: "flex flex-col" }, [
+                                o("p", { class: "text-sm font-bold mb-1" }, "Once per reservation"),
+                                o("p", { class: "text-xs" }, "Max 1 per reservation line (charged per reservation).")
+                              ], -1)
+                            ])]),
+                            _: 1
+                          }),
+                          t(b, { value: "TICKET" }, {
+                            default: s(() => [...i[13] || (i[13] = [
+                              o("div", { class: "flex flex-col" }, [
+                                o("p", { class: "text-sm font-bold mb-1" }, "Once per ticket / person"),
+                                o("p", { class: "text-xs" }, "Max 1 per ticket/person (charged per quantity).")
+                              ], -1)
+                            ])]),
+                            _: 1
+                          }),
+                          t(b, { value: "UNLIMITED" }, {
+                            default: s(() => [...i[14] || (i[14] = [
+                              o("div", { class: "flex flex-col" }, [
+                                o("p", { class: "text-sm font-bold mb-1" }, "Unlimited"),
+                                o("p", { class: "text-xs" }, "No limit (can be added multiple times).")
+                              ], -1)
+                            ])]),
+                            _: 1
+                          }),
+                          t(b, { value: "CUSTOM_LIMIT" }, {
+                            default: s(() => [...i[15] || (i[15] = [
+                              o("div", { class: "flex flex-col" }, [
+                                o("p", { class: "text-sm font-bold mb-1" }, "Custom limit..."),
+                                o("p", { class: "text-xs" }, "Set a fixed max amount (e.g. 2, 5, 10).")
+                              ], -1)
+                            ])]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            g.addOn.scope === "CUSTOM_LIMIT" ? (u(), c("div", Je, [
+              t(y, { class: "text-xs mb-1 block" }, {
+                default: s(() => [...i[16] || (i[16] = [
+                  d("Fixed limit", -1)
+                ])]),
+                _: 1
+              }),
+              t(C, {
+                modelValue: g.addOn.limit,
+                "onUpdate:modelValue": i[5] || (i[5] = (_) => g.addOn.limit = _),
+                modelModifiers: { number: !0 },
+                type: "number",
+                min: "1",
+                step: "1",
+                placeholder: "1",
+                class: "no-spinner"
+              }, null, 8, ["modelValue"])
+            ])) : I("", !0)
+          ])
+        ]),
+        t(E, {
+          onClick: i[6] || (i[6] = (_) => w(g.addOn.id)),
+          variant: "ghost",
+          size: "icon",
+          class: "mt-6"
+        }, {
+          default: s(() => [
+            t(H, { class: "w-4 h-4 text-destructive" })
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+}), Ze = { class: "grid gap-2" }, et = ["id"], tt = ["onClick"], nt = { class: "flex items-center gap-2" }, ot = { class: "flex items-center gap-1" }, st = { class: "overflow-hidden" }, lt = /* @__PURE__ */ q({
+  __name: "AddonList",
+  setup(g, { expose: T }) {
+    const { confirm: w } = $e(), h = Z("form"), i = F([]), y = async (C) => {
+      if (!await w("Are you sure you want to remove this add-on?")) return;
+      h.addOns = h.addOns.filter((b) => b.id !== C);
+      const k = i.value.indexOf(C);
+      k !== -1 && i.value.splice(k, 1), Le("Success!", {
+        description: "Add-on removed successfully."
+      });
+    };
+    return T({
+      openAddons: i
+    }), (C, O) => {
+      const k = p("Button");
+      return u(), c("div", Ze, [
+        (u(!0), c(D, null, N(V(h).addOns, (b) => (u(), c("div", {
+          key: b.id,
+          class: "border p-2 rounded",
+          id: `addon-${b.id}`
+        }, [
+          o("div", {
+            onClick: ($) => i.value.includes(b.id) ? i.value.splice(i.value.indexOf(b.id), 1) : i.value.push(b.id),
+            class: "cursor-pointer font-bold text-muted-foreground flex items-center justify-between gap-2 select-none"
+          }, [
+            o("span", nt, [
+              t(V(Pe), { class: "size-4" }),
+              d(" " + S(b.name || "Untitled Add-on"), 1)
+            ]),
+            o("div", ot, [
+              t(k, {
+                variant: "ghost",
+                size: "icon"
+              }, {
+                default: s(() => [
+                  t(V(Re), { class: "size-4" })
+                ]),
+                _: 1
+              }),
+              t(k, {
+                variant: "ghost",
+                size: "icon",
+                onClick: Ce(($) => y(b.id), ["stop"])
+              }, {
+                default: s(() => [
+                  t(V(J), { class: "size-4 text-red-500" })
+                ]),
+                _: 1
+              }, 8, ["onClick"])
+            ])
+          ], 8, tt),
+          o("div", {
+            class: U(["grid", `${i.value.includes(b.id) ? "grid-rows-[1fr]" : "grid-rows-[0fr]"} transition-all duration-300 ease-in-out overflow-hidden`])
+          }, [
+            o("div", st, [
+              t(Xe, { addOn: b }, null, 8, ["addOn"])
+            ])
+          ], 2)
+        ], 8, et))), 128))
+      ]);
+    };
+  }
+}), at = { class: "flex items-center justify-between mb-4" }, dt = { class: "space-y-3" }, it = {
+  key: 0,
+  class: "text-center py-8 text-muted-foreground text-sm border rounded-lg"
+}, rt = /* @__PURE__ */ q({
+  __name: "index",
+  setup(g) {
+    const T = Z("form"), w = we("addonList"), h = async () => {
+      const i = Math.random().toString(36).substr(2, 9);
+      T.addOns.push({
+        id: i,
+        name: "",
+        description: "",
+        price: 0,
+        required: !1
+      }), w.value?.openAddons.push(i), await Oe(), document.getElementById(`addon-${i}`)?.scrollIntoView({ behavior: "smooth", block: "start" });
+    };
+    return (i, y) => {
+      const C = p("Label"), O = p("Button");
+      return u(), c("div", null, [
+        o("div", at, [
+          o("div", null, [
+            t(C, { class: "text-base font-medium" }, {
+              default: s(() => [...y[0] || (y[0] = [
+                d(" Optional Add-ons & Upcharges ", -1)
+              ])]),
+              _: 1
+            }),
+            y[1] || (y[1] = o("p", { class: "text-sm text-muted-foreground mt-1" }, " Offer optional extras that customers can add to their booking (e.g., swimsuit rental). ", -1))
+          ]),
+          t(O, {
+            onClick: h,
+            variant: "outline",
+            size: "sm"
+          }, {
+            default: s(() => [
+              t(V(X), { class: "w-4 h-4 mr-2" }),
+              y[2] || (y[2] = d(" Add Add-on ", -1))
+            ]),
+            _: 1
+          })
+        ]),
+        o("div", dt, [
+          t(lt, {
+            ref_key: "addonList",
+            ref: w
+          }, null, 512),
+          V(T).addOns.length === 0 ? (u(), c("div", it, ' No add-ons configured. Click "Add Add-on" to create optional extras. ')) : I("", !0)
+        ])
+      ]);
+    };
+  }
+}), ut = { key: 0 }, mt = {
+  key: 0,
+  class: "max-w-2xl space-y-12"
+}, ct = { class: "flex gap-4 items-end" }, pt = { class: "w-32" }, ft = { class: "flex items-center justify-between mb-4 gap-4" }, gt = { class: "space-y-3" }, xt = { class: "flex-1 space-y-3" }, yt = { class: "flex gap-3" }, vt = { class: "flex-1" }, bt = { class: "flex-1" }, _t = { class: "flex items-end" }, Vt = { class: "flex items-center justify-between mb-4" }, kt = { class: "space-y-3" }, St = { class: "flex-1 space-y-3" }, Ct = { class: "grid grid-cols-1 sm:grid-cols-2 gap-3" }, wt = {
+  key: 0,
+  class: "grid grid-cols-1 sm:grid-cols-2 gap-2"
+}, Ot = {
+  key: 1,
+  class: "space-y-2"
+}, Dt = { class: "grid grid-cols-1 sm:grid-cols-2 gap-2" }, It = { class: "text-xs text-muted-foreground" }, Tt = {
+  key: 2,
+  class: "grid grid-cols-1 sm:grid-cols-2 gap-2"
+}, ht = {
+  key: 0,
+  class: "sm:col-span-2 flex items-start gap-1.5 text-xs text-amber-600 dark:text-amber-400"
+}, At = { class: "grid grid-cols-2 gap-3" }, Pt = { key: 0 }, Rt = { class: "flex items-center gap-2" }, Ut = { key: 0 }, $t = { key: 1 }, Mt = { key: 2 }, Nt = { class: "space-y-1" }, zt = ["onClick"], Et = { class: "size-5 rounded-full bg-muted flex items-center justify-center" }, Lt = {
+  key: 0,
+  class: "w-full h-full rounded-full bg-white scale-50"
+}, Bt = ["onClick"], jt = { class: "text-sm flex-1 truncate" }, Ft = {
+  key: 0,
+  class: "w-3 h-3 text-white",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor"
+}, qt = {
+  key: 0,
+  class: "text-center py-8 text-muted-foreground text-sm border rounded-lg"
+}, Gt = {
+  key: 0,
+  class: "mt-6 p-4 border rounded-lg bg-muted/30"
+}, Ht = { class: "space-y-4" }, Yt = { class: "flex items-center gap-3" }, Wt = { class: "flex-1" }, Kt = { class: "text-sm text-muted-foreground" }, Qt = { class: "text-xs text-muted-foreground" }, Jt = { class: "flex flex-col items-start gap-2 pt-4 border-t" }, Xt = {
+  key: 0,
+  class: "flex items-start gap-1.5 text-xs text-amber-600 dark:text-amber-400"
+}, Zt = { key: 1 }, an = /* @__PURE__ */ q({
+  __name: "payment",
+  setup(g) {
+    const T = [
+      { value: "time_after", label: "Time After" },
+      { value: "time_before", label: "Time Before" },
+      { value: "time_between", label: "Time Between" },
+      { value: "day_of_week", label: "Day of Week" },
+      { value: "date_range", label: "Date Range" }
+    ], w = [
+      { value: 1, label: "Monday" },
+      { value: 2, label: "Tuesday" },
+      { value: 3, label: "Wednesday" },
+      { value: 4, label: "Thursday" },
+      { value: 5, label: "Friday" },
+      { value: 6, label: "Saturday" },
+      { value: 0, label: "Sunday" }
+    ], h = /^([01]\d|2[0-3]):[0-5]\d$/, i = /^\d{4}-\d{2}-\d{2}$/, y = (n) => typeof n == "object" && n !== null && !Array.isArray(n), C = (n) => typeof n == "string" && T.some((e) => e.value === n), O = (n, e) => {
+      const a = typeof n == "string" ? n : "";
+      return h.test(a) ? a : e;
+    }, k = (n) => {
+      const e = typeof n == "string" ? n : "";
+      return i.test(e) ? e : "";
+    }, b = (n) => {
+      const [e = "0", a = "0"] = n.split(":"), f = (Number(e) + 1) % 24;
+      return `${String(f).padStart(2, "0")}:${a.padStart(2, "0")}`;
+    }, $ = (n) => typeof n == "string" ? n.split(/\s+(?:to|-|–)\s+/) : [], G = (n) => {
+      const e = String(n).trim().toLowerCase();
+      if (typeof n == "string" && e === "") return;
+      const a = typeof n == "number" ? n : Number(n), f = w.find((x) => x.label.toLowerCase() === e)?.value;
+      return Number.isInteger(a) && a >= 0 && a <= 6 ? a : f;
+    }, P = (n) => {
+      const a = (Array.isArray(n) ? n : [n]).flatMap((x) => typeof x == "string" ? x.split(/\s*,\s*/) : [x]).map(G).filter((x) => x !== void 0), f = Array.from(new Set(a));
+      return f.length > 0 ? w.map((x) => x.value).filter((x) => f.includes(x)) : Array.isArray(n) ? [] : [1];
+    }, H = (n, e) => {
+      const a = n === "time_before" ? "09:00" : "17:00";
+      if (y(e)) {
+        const f = n === "time_before" ? e.end ?? e.endTime : e.start ?? e.startTime;
+        return O(f, a);
+      }
+      return O(e, a);
+    }, E = (n, e) => {
+      if (n === "time_between") {
+        if (y(e)) {
+          const x = O(e.start ?? e.startTime, "09:00");
+          return {
+            start: x,
+            end: O(e.end ?? e.endTime, b(x))
+          };
+        }
+        const a = $(e), f = O(a[0] || e, "09:00");
+        return {
+          start: f,
+          end: O(a[1], b(f))
+        };
+      }
+      if (n === "day_of_week")
+        return P(e);
+      if (n === "date_range") {
+        if (y(e)) {
+          const x = k(e.startDate ?? e.start);
+          return {
+            startDate: x,
+            endDate: k(e.endDate ?? e.end) || x
+          };
+        }
+        const a = $(e), f = k(a[0]);
+        return {
+          startDate: f,
+          endDate: k(a[1]) || f
+        };
+      }
+      return H(n, e);
+    }, _ = (n) => {
+      if (!y(n)) return !1;
+      const e = k(n.startDate ?? n.start), a = k(n.endDate ?? n.end);
+      return !!(e && a && a < e);
+    }, Y = (n) => {
+      const e = n?.condition, a = C(e) ? e : "time_after";
+      return {
+        ...n,
+        id: String(n?.id || Math.random().toString(36).substr(2, 9)),
+        name: n?.name || "",
+        condition: a,
+        conditionValue: E(a, n?.conditionValue),
+        modifier: n?.modifier === "percentage" ? "percentage" : "fixed",
+        amount: Number(n?.amount) || 0,
+        resourceIds: Array.isArray(n?.resourceIds) ? n.resourceIds : null
+      };
+    }, re = (n, e) => {
+      C(e) && (n.condition = e, n.conditionValue = E(e, n.conditionValue));
+    }, { params: ee } = Me(), { hasPermission: ue } = Ne(), { config: W } = ze(), te = Ee(W.project), m = De({
+      paymentType: "full",
+      currency: "USD",
+      partialPayment: {
+        type: "percentage",
+        amount: 50
+      },
+      pricingOptions: [
+        {
+          id: "1",
+          name: "Standard Service",
+          price: 0,
+          duration: 30,
+          // Duration in minutes
+          isDefault: !0
+        }
+      ],
+      pricingRules: [],
+      addOns: []
+    }), L = F(!1), ne = F(!0), B = F([]), K = Ie(() => m.pricingRules.some((n) => n.condition === "date_range" && _(n.conditionValue))), oe = (n, e) => P(n.conditionValue).includes(e), me = (n) => {
+      const e = P(n);
+      return e.length === 0 ? "No days selected" : e.length === w.length ? "Every day" : e.map((a) => w.find((f) => f.value === a)?.label).filter(Boolean).join(", ");
+    }, ce = (n, e, a) => {
+      const f = P(n.conditionValue);
+      if (a === !0) {
+        n.conditionValue = P([...f, e]);
+        return;
+      }
+      const v = f.filter((M) => M !== e);
+      n.conditionValue = v.length > 0 ? v : f;
+    }, pe = (n, e) => {
+      if (!n.resourceIds)
+        n.resourceIds = [e];
+      else {
+        const a = n.resourceIds.indexOf(e);
+        a === -1 ? n.resourceIds.push(e) : n.resourceIds.splice(a, 1);
+      }
+    }, se = (n, e) => {
+      n.resourceIds = e ? null : [];
+    }, fe = async () => {
+      if (!K.value) {
+        L.value = !0;
+        try {
+          const n = ee.value.id;
+          if (!n) throw new Error("Missing agenda ID");
+          await te.update(W.agendaCollection, n, {
+            paymentType: m.paymentType || "full",
+            currency: m.currency || "USD",
+            partialPayment: {
+              type: m.partialPayment.type || "percentage",
+              amount: Math.max(Number(m.partialPayment.amount) || 0, 0)
+            },
+            pricingOptions: m.pricingOptions ?? [],
+            pricingRules: (m.pricingRules ?? []).map(Y),
+            addOns: m.addOns ?? []
+          });
+        } catch (n) {
+          console.error("Error saving changes:", n);
+        } finally {
+          L.value = !1;
+        }
+      }
+    }, ge = () => {
+      const n = Math.random().toString(36).substr(2, 9);
+      m.pricingOptions.push({
+        id: n,
+        name: "",
+        price: 0,
+        duration: 30,
+        // Default 30 minutes
+        isDefault: !1
+      });
+    }, xe = (n) => {
+      m.pricingOptions = m.pricingOptions.filter((e) => e.id !== n);
+    }, ye = (n) => {
+      m.pricingOptions.forEach((e) => {
+        e.isDefault = e.id === n;
+      });
+    }, ve = () => {
+      const n = Math.random().toString(36).substr(2, 9);
+      m.pricingRules.push(Y({
+        id: n,
+        name: "",
+        condition: "time_after",
+        // time_after, time_before, day_of_week, etc.
+        conditionValue: "17:00",
+        modifier: "fixed",
+        // 'fixed' or 'percentage'
+        amount: 10,
+        resourceIds: null
+        // null = all resources
+      }));
+    }, be = (n) => {
+      m.pricingRules = m.pricingRules.filter((e) => e.id !== n);
+    };
+    return (async () => {
+      try {
+        const n = await te.get(W.agendaCollection, ee.value.id);
+        n && (m.paymentType = n.paymentType || "full", m.currency = n.currency || "USD", m.partialPayment = {
+          type: n.partialPayment?.type || "percentage",
+          amount: Number(n.partialPayment?.amount) && n.partialPayment.amount > 0 ? parseFloat(n.partialPayment.amount) : 50
+        }, m.pricingOptions = n.pricingOptions || [{
+          id: "1",
+          name: "Standard Service",
+          price: 0,
+          duration: 30,
+          isDefault: !0
+        }], m.pricingRules = (n.pricingRules || []).map(Y), m.addOns = n.addOns || [], B.value = (n.resources || []).filter((e) => e.isActive));
+      } catch (n) {
+        console.error("Error loading agenda data:", n);
+      } finally {
+        ne.value = !1;
+      }
+    })(), Te("form", m), (n, e) => {
+      const a = p("Label"), f = p("SelectValue"), x = p("SelectTrigger"), v = p("SelectItem"), M = p("SelectContent"), j = p("Select"), R = p("Button"), A = p("Input"), _e = p("Checkbox"), Ve = p("PopoverTrigger"), ke = p("PopoverContent"), Se = p("Popover"), z = p("RadioGroupItem"), le = p("RadioGroup");
+      return u(), Q(Ae, null, {
+        default: s(() => [
+          V(ue)("manage-payment") ? (u(), c("div", ut, [
+            e[53] || (e[53] = o("h1", { class: "text-lg font-medium mb-8" }, "Payment Settings", -1)),
+            ne.value ? I("", !0) : (u(), c("div", mt, [
+              o("div", null, [
+                o("div", ct, [
+                  o("div", pt, [
+                    t(a, { class: "text-base font-medium mb-2" }, {
+                      default: s(() => [...e[4] || (e[4] = [
+                        d(" Currency ", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    t(j, {
+                      modelValue: m.currency,
+                      "onUpdate:modelValue": e[0] || (e[0] = (l) => m.currency = l)
+                    }, {
+                      default: s(() => [
+                        t(x, { id: "currency" }, {
+                          default: s(() => [
+                            t(f, { placeholder: "Currency" })
+                          ]),
+                          _: 1
+                        }),
+                        t(M, null, {
+                          default: s(() => [
+                            t(v, { value: "USD" }, {
+                              default: s(() => [...e[5] || (e[5] = [
+                                d("USD ($)", -1)
+                              ])]),
+                              _: 1
+                            }),
+                            t(v, { value: "EUR" }, {
+                              default: s(() => [...e[6] || (e[6] = [
+                                d("EUR (€)", -1)
+                              ])]),
+                              _: 1
+                            }),
+                            t(v, { value: "GBP" }, {
+                              default: s(() => [...e[7] || (e[7] = [
+                                d("GBP (£)", -1)
+                              ])]),
+                              _: 1
+                            }),
+                            t(v, { value: "CAD" }, {
+                              default: s(() => [...e[8] || (e[8] = [
+                                d("CAD ($)", -1)
+                              ])]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ])
+                ])
+              ]),
+              o("div", null, [
+                o("div", ft, [
+                  o("div", null, [
+                    t(a, { class: "text-base font-medium" }, {
+                      default: s(() => [...e[9] || (e[9] = [
+                        d(" Service Pricing Options ", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    e[10] || (e[10] = o("p", { class: "text-sm text-muted-foreground mt-1" }, " Offer multiple service variations with different prices (e.g., haircut styles, massage types). ", -1))
+                  ]),
+                  t(R, {
+                    onClick: ge,
+                    variant: "outline",
+                    size: "sm"
+                  }, {
+                    default: s(() => [
+                      t(V(X), { class: "w-4 h-4 mr-2" }),
+                      e[11] || (e[11] = d(" Add Option ", -1))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                o("div", gt, [
+                  (u(!0), c(D, null, N(m.pricingOptions, (l) => (u(), c("div", {
+                    key: l.id,
+                    class: "flex gap-3 items-start p-4 border rounded-lg"
+                  }, [
+                    o("div", xt, [
+                      o("div", null, [
+                        t(a, { class: "text-xs mb-1 block" }, {
+                          default: s(() => [...e[12] || (e[12] = [
+                            d("Service Name", -1)
+                          ])]),
+                          _: 1
+                        }),
+                        t(A, {
+                          modelValue: l.name,
+                          "onUpdate:modelValue": (r) => l.name = r,
+                          placeholder: "e.g., Men's Haircut, Women's Haircut"
+                        }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                      ]),
+                      o("div", yt, [
+                        o("div", vt, [
+                          t(a, { class: "text-xs mb-1 block" }, {
+                            default: s(() => [...e[13] || (e[13] = [
+                              d("Price", -1)
+                            ])]),
+                            _: 1
+                          }),
+                          t(A, {
+                            modelValue: l.price,
+                            "onUpdate:modelValue": (r) => l.price = r,
+                            modelModifiers: { number: !0 },
+                            type: "number",
+                            min: "0",
+                            step: "0.01",
+                            placeholder: "0.00",
+                            class: "no-spinner"
+                          }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                        ]),
+                        o("div", bt, [
+                          t(a, { class: "text-xs mb-1 block" }, {
+                            default: s(() => [...e[14] || (e[14] = [
+                              d("Duration", -1)
+                            ])]),
+                            _: 1
+                          }),
+                          t(j, {
+                            modelValue: l.duration,
+                            "onUpdate:modelValue": (r) => l.duration = r,
+                            modelModifiers: { number: !0 }
+                          }, {
+                            default: s(() => [
+                              t(x, null, {
+                                default: s(() => [
+                                  t(f, { placeholder: "Duration" })
+                                ]),
+                                _: 1
+                              }),
+                              t(M, null, {
+                                default: s(() => [
+                                  t(v, { value: 15 }, {
+                                    default: s(() => [...e[15] || (e[15] = [
+                                      d("15 min", -1)
+                                    ])]),
+                                    _: 1
+                                  }),
+                                  t(v, { value: 30 }, {
+                                    default: s(() => [...e[16] || (e[16] = [
+                                      d("30 min", -1)
+                                    ])]),
+                                    _: 1
+                                  }),
+                                  t(v, { value: 45 }, {
+                                    default: s(() => [...e[17] || (e[17] = [
+                                      d("45 min", -1)
+                                    ])]),
+                                    _: 1
+                                  }),
+                                  t(v, { value: 60 }, {
+                                    default: s(() => [...e[18] || (e[18] = [
+                                      d("1 hour", -1)
+                                    ])]),
+                                    _: 1
+                                  }),
+                                  t(v, { value: 90 }, {
+                                    default: s(() => [...e[19] || (e[19] = [
+                                      d("1.5 hours", -1)
+                                    ])]),
+                                    _: 1
+                                  }),
+                                  t(v, { value: 120 }, {
+                                    default: s(() => [...e[20] || (e[20] = [
+                                      d("2 hours", -1)
+                                    ])]),
+                                    _: 1
+                                  }),
+                                  t(v, { value: 180 }, {
+                                    default: s(() => [...e[21] || (e[21] = [
+                                      d("3 hours", -1)
+                                    ])]),
+                                    _: 1
+                                  }),
+                                  t(v, { value: 240 }, {
+                                    default: s(() => [...e[22] || (e[22] = [
+                                      d("4 hours", -1)
+                                    ])]),
+                                    _: 1
+                                  }),
+                                  t(v, { value: 300 }, {
+                                    default: s(() => [...e[23] || (e[23] = [
+                                      d("5 hours", -1)
+                                    ])]),
+                                    _: 1
+                                  }),
+                                  t(v, { value: 360 }, {
+                                    default: s(() => [...e[24] || (e[24] = [
+                                      d("6 hours", -1)
+                                    ])]),
+                                    _: 1
+                                  }),
+                                  t(v, { value: 480 }, {
+                                    default: s(() => [...e[25] || (e[25] = [
+                                      d("8 hours", -1)
+                                    ])]),
+                                    _: 1
+                                  })
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          }, 8, ["modelValue", "onUpdate:modelValue"])
+                        ]),
+                        o("div", _t, [
+                          t(R, {
+                            onClick: (r) => ye(l.id),
+                            variant: l.isDefault ? "default" : "outline",
+                            size: "sm"
+                          }, {
+                            default: s(() => [
+                              d(S(l.isDefault ? "Default" : "Set Default"), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["onClick", "variant"])
+                        ])
+                      ])
+                    ]),
+                    m.pricingOptions.length > 1 ? (u(), Q(R, {
+                      key: 0,
+                      onClick: (r) => xe(l.id),
+                      variant: "ghost",
+                      size: "icon",
+                      class: "mt-6"
+                    }, {
+                      default: s(() => [
+                        t(V(J), { class: "w-4 h-4 text-destructive" })
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"])) : I("", !0)
+                  ]))), 128))
+                ])
+              ]),
+              o("div", null, [
+                o("div", Vt, [
+                  o("div", null, [
+                    t(a, { class: "text-base font-medium" }, {
+                      default: s(() => [...e[26] || (e[26] = [
+                        d(" Conditional Pricing Rules ", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    e[27] || (e[27] = o("p", { class: "text-sm text-muted-foreground mt-1" }, " Add extra fees based on time, day, or other conditions (e.g., +€10 after 5pm). ", -1))
+                  ]),
+                  t(R, {
+                    onClick: ve,
+                    variant: "outline",
+                    size: "sm"
+                  }, {
+                    default: s(() => [
+                      t(V(X), { class: "w-4 h-4 mr-2" }),
+                      e[28] || (e[28] = d(" Add Rule ", -1))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                o("div", kt, [
+                  (u(!0), c(D, null, N(m.pricingRules, (l) => (u(), c("div", {
+                    key: l.id,
+                    class: "flex gap-3 items-start p-4 border rounded-lg"
+                  }, [
+                    o("div", St, [
+                      o("div", null, [
+                        t(a, { class: "text-xs mb-1 block" }, {
+                          default: s(() => [...e[29] || (e[29] = [
+                            d("Rule Name", -1)
+                          ])]),
+                          _: 1
+                        }),
+                        t(A, {
+                          modelValue: l.name,
+                          "onUpdate:modelValue": (r) => l.name = r,
+                          placeholder: "e.g., After Hours Fee, Weekend Surcharge"
+                        }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                      ]),
+                      o("div", Ct, [
+                        o("div", null, [
+                          t(a, { class: "text-xs mb-1 block" }, {
+                            default: s(() => [...e[30] || (e[30] = [
+                              d("Condition", -1)
+                            ])]),
+                            _: 1
+                          }),
+                          t(j, {
+                            "model-value": l.condition,
+                            "onUpdate:modelValue": (r) => re(l, r)
+                          }, {
+                            default: s(() => [
+                              t(x, null, {
+                                default: s(() => [
+                                  t(f, { placeholder: "Select condition" })
+                                ]),
+                                _: 1
+                              }),
+                              t(M, null, {
+                                default: s(() => [
+                                  (u(), c(D, null, N(T, (r) => t(v, {
+                                    key: r.value,
+                                    value: r.value
+                                  }, {
+                                    default: s(() => [
+                                      d(S(r.label), 1)
+                                    ]),
+                                    _: 2
+                                  }, 1032, ["value"])), 64))
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          }, 8, ["model-value", "onUpdate:modelValue"])
+                        ]),
+                        o("div", {
+                          class: U({ "sm:col-span-2": l.condition === "time_between" || l.condition === "date_range" || l.condition === "day_of_week" })
+                        }, [
+                          t(a, { class: "text-xs mb-1 block" }, {
+                            default: s(() => [
+                              l.condition === "time_between" ? (u(), c(D, { key: 0 }, [
+                                d("Hours")
+                              ], 64)) : l.condition === "day_of_week" ? (u(), c(D, { key: 1 }, [
+                                d("Days")
+                              ], 64)) : l.condition === "date_range" ? (u(), c(D, { key: 2 }, [
+                                d("Date Range")
+                              ], 64)) : (u(), c(D, { key: 3 }, [
+                                d("Hour")
+                              ], 64))
+                            ]),
+                            _: 2
+                          }, 1024),
+                          l.condition === "time_between" ? (u(), c("div", wt, [
+                            o("div", null, [
+                              t(a, { class: "text-xs mb-1 block text-muted-foreground" }, {
+                                default: s(() => [...e[31] || (e[31] = [
+                                  d("Start hour", -1)
+                                ])]),
+                                _: 1
+                              }),
+                              t(A, {
+                                modelValue: l.conditionValue.start,
+                                "onUpdate:modelValue": (r) => l.conditionValue.start = r,
+                                type: "time"
+                              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                            ]),
+                            o("div", null, [
+                              t(a, { class: "text-xs mb-1 block text-muted-foreground" }, {
+                                default: s(() => [...e[32] || (e[32] = [
+                                  d("End hour", -1)
+                                ])]),
+                                _: 1
+                              }),
+                              t(A, {
+                                modelValue: l.conditionValue.end,
+                                "onUpdate:modelValue": (r) => l.conditionValue.end = r,
+                                type: "time"
+                              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                            ])
+                          ])) : l.condition === "day_of_week" ? (u(), c("div", Ot, [
+                            o("div", Dt, [
+                              (u(), c(D, null, N(w, (r) => o("div", {
+                                key: r.value,
+                                class: U(["flex items-center gap-2 rounded-md border p-2 transition-colors", oe(l, r.value) ? "border-primary bg-primary/5" : "border-border"])
+                              }, [
+                                t(_e, {
+                                  id: `pricing-rule-${l.id}-day-${r.value}`,
+                                  "model-value": oe(l, r.value),
+                                  "onUpdate:modelValue": (ae) => ce(l, r.value, ae)
+                                }, null, 8, ["id", "model-value", "onUpdate:modelValue"]),
+                                t(a, {
+                                  for: `pricing-rule-${l.id}-day-${r.value}`,
+                                  class: "text-sm font-normal cursor-pointer flex-1"
+                                }, {
+                                  default: s(() => [
+                                    d(S(r.label), 1)
+                                  ]),
+                                  _: 2
+                                }, 1032, ["for"])
+                              ], 2)), 64))
+                            ]),
+                            o("p", It, S(me(l.conditionValue)), 1)
+                          ])) : l.condition === "date_range" ? (u(), c("div", Tt, [
+                            o("div", null, [
+                              t(a, { class: "text-xs mb-1 block text-muted-foreground" }, {
+                                default: s(() => [...e[33] || (e[33] = [
+                                  d("Start date", -1)
+                                ])]),
+                                _: 1
+                              }),
+                              t(A, {
+                                modelValue: l.conditionValue.startDate,
+                                "onUpdate:modelValue": (r) => l.conditionValue.startDate = r,
+                                type: "date"
+                              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                            ]),
+                            o("div", null, [
+                              t(a, { class: "text-xs mb-1 block text-muted-foreground" }, {
+                                default: s(() => [...e[34] || (e[34] = [
+                                  d("End date", -1)
+                                ])]),
+                                _: 1
+                              }),
+                              t(A, {
+                                modelValue: l.conditionValue.endDate,
+                                "onUpdate:modelValue": (r) => l.conditionValue.endDate = r,
+                                type: "date",
+                                min: l.conditionValue.startDate || void 0,
+                                class: U({ "border-amber-500 focus-visible:ring-amber-500": _(l.conditionValue) })
+                              }, null, 8, ["modelValue", "onUpdate:modelValue", "min", "class"])
+                            ]),
+                            _(l.conditionValue) ? (u(), c("p", ht, [
+                              t(V(de), { class: "size-3.5 shrink-0 mt-0.5" }),
+                              e[35] || (e[35] = o("span", null, "End date must be on or after the start date.", -1))
+                            ])) : I("", !0)
+                          ])) : (u(), Q(A, {
+                            key: 3,
+                            modelValue: l.conditionValue,
+                            "onUpdate:modelValue": (r) => l.conditionValue = r,
+                            type: "time",
+                            placeholder: "e.g., 17:00"
+                          }, null, 8, ["modelValue", "onUpdate:modelValue"]))
+                        ], 2)
+                      ]),
+                      o("div", At, [
+                        o("div", null, [
+                          t(a, { class: "text-xs mb-1 block" }, {
+                            default: s(() => [...e[36] || (e[36] = [
+                              d("Fee Type", -1)
+                            ])]),
+                            _: 1
+                          }),
+                          t(j, {
+                            modelValue: l.modifier,
+                            "onUpdate:modelValue": (r) => l.modifier = r
+                          }, {
+                            default: s(() => [
+                              t(x, null, {
+                                default: s(() => [
+                                  t(f, { placeholder: "Select type" })
+                                ]),
+                                _: 1
+                              }),
+                              t(M, null, {
+                                default: s(() => [
+                                  t(v, { value: "fixed" }, {
+                                    default: s(() => [...e[37] || (e[37] = [
+                                      d("Fixed Amount", -1)
+                                    ])]),
+                                    _: 1
+                                  }),
+                                  t(v, { value: "percentage" }, {
+                                    default: s(() => [...e[38] || (e[38] = [
+                                      d("Percentage", -1)
+                                    ])]),
+                                    _: 1
+                                  })
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          }, 8, ["modelValue", "onUpdate:modelValue"])
+                        ]),
+                        o("div", null, [
+                          t(a, { class: "text-xs mb-1 block" }, {
+                            default: s(() => [...e[39] || (e[39] = [
+                              d("Amount", -1)
+                            ])]),
+                            _: 1
+                          }),
+                          t(A, {
+                            modelValue: l.amount,
+                            "onUpdate:modelValue": (r) => l.amount = r,
+                            modelModifiers: { number: !0 },
+                            type: "number",
+                            min: "0",
+                            step: "0.01",
+                            class: "no-spinner",
+                            placeholder: l.modifier === "percentage" ? "10 (%)" : "10.00"
+                          }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
+                        ])
+                      ]),
+                      B.value.length > 0 ? (u(), c("div", Pt, [
+                        t(a, { class: "text-xs mb-1 block" }, {
+                          default: s(() => [...e[40] || (e[40] = [
+                            d("Apply To Resources", -1)
+                          ])]),
+                          _: 1
+                        }),
+                        t(Se, null, {
+                          default: s(() => [
+                            t(Ve, { "as-child": "" }, {
+                              default: s(() => [
+                                t(R, {
+                                  variant: "outline",
+                                  class: "w-full justify-between font-normal"
+                                }, {
+                                  default: s(() => [
+                                    o("div", Rt, [
+                                      t(V(ie), { class: "w-4 h-4 text-muted-foreground" }),
+                                      !l.resourceIds || l.resourceIds.length === 0 ? (u(), c("span", Ut, "All Resources")) : l.resourceIds.length === 1 ? (u(), c("span", $t, S(B.value.find((r) => r.id === l.resourceIds[0])?.name || "1 resource"), 1)) : (u(), c("span", Mt, S(l.resourceIds.length) + " resources", 1))
+                                    ]),
+                                    t(V(Ue), { class: "w-4 h-4 opacity-50" })
+                                  ]),
+                                  _: 2
+                                }, 1024)
+                              ]),
+                              _: 2
+                            }, 1024),
+                            t(ke, {
+                              class: "w-64 p-2",
+                              align: "start"
+                            }, {
+                              default: s(() => [
+                                o("div", Nt, [
+                                  o("div", {
+                                    class: U(["flex items-center gap-2 p-2 rounded-md hover:bg-muted cursor-pointer transition-colors", { "bg-muted": !l.resourceIds || l.resourceIds.length === 0 }]),
+                                    onClick: (r) => se(l, !0)
+                                  }, [
+                                    o("div", Et, [
+                                      t(V(ie), { class: "w-3 h-3 text-muted-foreground" })
+                                    ]),
+                                    e[41] || (e[41] = o("span", { class: "text-sm flex-1" }, "All Resources", -1)),
+                                    o("div", {
+                                      class: U(["size-4 rounded-full border-2", !l.resourceIds || l.resourceIds.length === 0 ? "border-primary bg-primary" : "border-muted-foreground"])
+                                    }, [
+                                      !l.resourceIds || l.resourceIds.length === 0 ? (u(), c("div", Lt)) : I("", !0)
+                                    ], 2)
+                                  ], 10, zt),
+                                  e[43] || (e[43] = o("div", { class: "border-t my-2" }, null, -1)),
+                                  (u(!0), c(D, null, N(B.value, (r) => (u(), c("div", {
+                                    key: r.id,
+                                    class: "flex items-center gap-2 p-2 rounded-md hover:bg-muted cursor-pointer transition-colors",
+                                    onClick: (ae) => {
+                                      se(l, !1), pe(l, r.id);
+                                    }
+                                  }, [
+                                    o("div", {
+                                      class: "size-5 rounded-full flex items-center justify-center text-white text-[10px] font-medium",
+                                      style: he({ backgroundColor: r.color || "#6b7280" })
+                                    }, S(r.avatarLabel || r.name.charAt(0).toUpperCase()), 5),
+                                    o("span", jt, S(r.name), 1),
+                                    o("div", {
+                                      class: U(["size-4 rounded border-2 flex items-center justify-center", l.resourceIds?.includes(r.id) ? "border-primary bg-primary" : "border-muted-foreground"])
+                                    }, [
+                                      l.resourceIds?.includes(r.id) ? (u(), c("svg", Ft, [...e[42] || (e[42] = [
+                                        o("path", {
+                                          "stroke-linecap": "round",
+                                          "stroke-linejoin": "round",
+                                          "stroke-width": "3",
+                                          d: "M5 13l4 4L19 7"
+                                        }, null, -1)
+                                      ])])) : I("", !0)
+                                    ], 2)
+                                  ], 8, Bt))), 128))
+                                ])
+                              ]),
+                              _: 2
+                            }, 1024)
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ])) : I("", !0)
+                    ]),
+                    t(R, {
+                      onClick: (r) => be(l.id),
+                      variant: "ghost",
+                      size: "icon",
+                      class: "mt-6"
+                    }, {
+                      default: s(() => [
+                        t(V(J), { class: "w-4 h-4 text-destructive" })
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"])
+                  ]))), 128)),
+                  m.pricingRules.length === 0 ? (u(), c("div", qt, ' No pricing rules configured. Click "Add Rule" to create conditional fees. ')) : I("", !0)
+                ])
+              ]),
+              t(rt),
+              o("div", null, [
+                t(a, { class: "text-base font-medium" }, {
+                  default: s(() => [...e[44] || (e[44] = [
+                    d(" Payment Preferences ", -1)
+                  ])]),
+                  _: 1
+                }),
+                e[51] || (e[51] = o("p", { class: "text-sm text-muted-foreground mb-6" }, " Let customers pay full or in part when booking a slot, or pay later. ", -1)),
+                t(le, {
+                  modelValue: m.paymentType,
+                  "onUpdate:modelValue": e[1] || (e[1] = (l) => m.paymentType = l),
+                  class: "flex flex-col gap-4"
+                }, {
+                  default: s(() => [
+                    t(a, {
+                      for: "r1",
+                      class: "flex items-start space-x-2 cursor-pointer"
+                    }, {
+                      default: s(() => [
+                        t(z, {
+                          id: "r1",
+                          value: "full"
+                        }),
+                        e[45] || (e[45] = o("div", null, [
+                          o("p", null, "Pay Full Amount when Booking"),
+                          o("p", { class: "text-sm text-muted-foreground mt-1" }, " Your customers are required to complete the payment to confirm their booking. ")
+                        ], -1))
+                      ]),
+                      _: 1
+                    }),
+                    t(a, {
+                      for: "r2",
+                      class: "flex items-start space-x-2 cursor-pointer"
+                    }, {
+                      default: s(() => [
+                        t(z, {
+                          id: "r2",
+                          value: "partial"
+                        }),
+                        e[46] || (e[46] = o("div", null, [
+                          o("p", null, "Pay Part Amount when Booking"),
+                          o("p", { class: "text-sm text-muted-foreground mt-1" }, " Your customers are required to pay a deposit to confirm their booking. ")
+                        ], -1))
+                      ]),
+                      _: 1
+                    }),
+                    t(a, {
+                      for: "r3",
+                      class: "flex items-start space-x-2 cursor-pointer"
+                    }, {
+                      default: s(() => [
+                        t(z, {
+                          id: "r3",
+                          value: "later"
+                        }),
+                        e[47] || (e[47] = o("div", null, [
+                          o("p", null, "Pay Later at Appointment"),
+                          o("p", { class: "text-sm text-muted-foreground mt-1" }, " Your customers can book now and pay in person at the time of their appointment. ")
+                        ], -1))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"]),
+                m.paymentType === "partial" ? (u(), c("div", Gt, [
+                  t(a, { class: "text-sm font-medium mb-4 block" }, {
+                    default: s(() => [...e[48] || (e[48] = [
+                      d(" Deposit Amount Configuration ", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  o("div", Ht, [
+                    t(le, {
+                      modelValue: m.partialPayment.type,
+                      "onUpdate:modelValue": e[2] || (e[2] = (l) => m.partialPayment.type = l),
+                      class: "flex gap-4"
+                    }, {
+                      default: s(() => [
+                        t(a, { class: "flex items-center space-x-2 cursor-pointer" }, {
+                          default: s(() => [
+                            t(z, { value: "percentage" }),
+                            e[49] || (e[49] = o("span", null, "Percentage", -1))
+                          ]),
+                          _: 1
+                        }),
+                        t(a, { class: "flex items-center space-x-2 cursor-pointer" }, {
+                          default: s(() => [
+                            t(z, { value: "fixed" }),
+                            e[50] || (e[50] = o("span", null, "Fixed Amount", -1))
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"]),
+                    o("div", Yt, [
+                      o("div", Wt, [
+                        t(A, {
+                          modelValue: m.partialPayment.amount,
+                          "onUpdate:modelValue": e[3] || (e[3] = (l) => m.partialPayment.amount = l),
+                          modelModifiers: { number: !0 },
+                          type: "number",
+                          min: "0",
+                          max: m.partialPayment.type === "percentage" ? 100 : void 0,
+                          step: "0.01",
+                          placeholder: m.partialPayment.type === "percentage" ? "50" : "10.00",
+                          class: "no-spinner"
+                        }, null, 8, ["modelValue", "max", "placeholder"])
+                      ]),
+                      o("span", Kt, S(m.partialPayment.type === "percentage" ? "%" : m.currency), 1)
+                    ]),
+                    o("p", Qt, [
+                      m.partialPayment.type === "percentage" ? (u(), c(D, { key: 0 }, [
+                        d(" Customers will pay " + S(m.partialPayment.amount) + "% of the total price upfront. ", 1)
+                      ], 64)) : (u(), c(D, { key: 1 }, [
+                        d(" Customers will pay " + S(m.currency) + " " + S(m.partialPayment.amount) + " upfront. ", 1)
+                      ], 64))
+                    ])
+                  ])
+                ])) : I("", !0)
+              ]),
+              o("div", Jt, [
+                K.value ? (u(), c("p", Xt, [
+                  t(V(de), { class: "size-3.5 shrink-0 mt-0.5" }),
+                  e[52] || (e[52] = o("span", null, "Fix invalid date ranges before saving.", -1))
+                ])) : I("", !0),
+                t(R, {
+                  onClick: fe,
+                  disabled: L.value || K.value
+                }, {
+                  default: s(() => [
+                    d(S(L.value ? "Saving..." : "Save Changes"), 1)
+                  ]),
+                  _: 1
+                }, 8, ["disabled"])
+              ])
+            ]))
+          ])) : (u(), c("div", Zt, [...e[54] || (e[54] = [
+            o("h1", { class: "text-lg font-medium mb-2" }, "Access Denied", -1),
+            o("p", { class: "text-sm text-muted-foreground" }, "You do not have permission to view or edit payment settings.", -1)
+          ])]))
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  an as default
+};