https://portal.godesignguru.com/build/assets/CreditSubscriptions-Dn4lN9ud.js

1import { _ as v } from "./MultiTabs-BFOMDQVX.js";
2import { _ as g } from "./DashboardLayout-CXf_hhYT.js";
3import { h as y, u as $, M as k } from "./functions-DLrKIvnr.js";
4import { j as w, o as r, c as n, e as c, u as m, n as C, f as _, a as s, F as u, r as b, I as j, d as x, t, b as N, C as S, g as p, i as h, E as I } from "./app-yg_pP4S4.js";
5import { _ as R } from "./ServiceImage-_IFbGTdH.js";
6import { F as q } from "./XMarkIcon-C7ztHuKP.js";
7import { r as B } from "./ModalConfirmation-BptK8hn4.js";
8import "./useEdgeFade-BW6BLoUc.js";
9import "./index-CDyB1Hog.js";
10import "./UserAvatar-B3-R1wxh.js";
11import "./BaseButton-DP1PFEmO.js";
12import "./ApplicationLogo-D4QkytOJ.js";
13import "./LiveChat-BEmWJs6j.js";
14import "./_plugin-vue_export-helper-DlAUqK2U.js";
15import "./popover-DTQdCRwt.js";
16import "./consts-7Qk9bpse.js";
17import "./form-BcDj1t5Y.js";
18import "./BaseInput-DrEncIoW.js";
19import "./LoaderIcon-BfI_LFZK.js";
20import "./index-BF2h0ubX.js";
21import "./CheckIcon-Bb6ppPFl.js";
22import "./modelWrapper-D0DowOi8.js";
23import "./BaseModal-lnT_D81c.js";
24import "./EyeIcon-C30yl1ND.js";
25import "./HomeIcon-B7IW8yDA.js";
26import "./MinusIcon-C5ZUuSoW.js";
27import "./menu-DpWDC0YJ.js";
28import "./use-text-value-9Z6g_4jd.js";
29import "./use-tree-walker-DC0osvAV.js";
30import "./vue-transitions-DxcThSkT.js";
31import "./ClockIcon-DWc8x_ii.js";
32const F = { class: "p-4 sm:p-6" }, T = { __name: "CreditReportLayout", setup(a) {
33  const { t: e } = w(), l = [{ label: e("Dashboard"), url: route("dashboard") }, { label: e("Credits reports") }], i = [{ key: "subscriptions", name: e("Subscriptions"), href: route("reports.credits.subscriptions"), current: route().current("reports.credits.subscriptions"), visible: y($.value, "client") }];
34  return (d, f) => (r(), n(u, null, [c(m(C), { title: m(e)("Credits reports") }, null, 8, ["title"]), c(g, { breadcrumbs: l }, { header: _(() => [x(t(m(e)("Credits reports")), 1)]), default: _(() => [s("div", F, [c(v, { tabs: i, scrollable: "", class: "mb-5" }), (r(), n(u, null, b(i, (o) => (r(), n(u, null, [o.current ? j(d.$slots, o.key, { key: 0 }, () => [x(" Tab content for " + t(o.key), 1)]) : N("", true)], 64))), 64))])]), _: 3 })], 64));
35} }, V = { class: "space-y-4 divide-y rounded-md border p-4" }, D = { class: "flex justify-between max-sm:grid max-sm:grid-cols-[3rem_1fr] max-sm:gap-x-3" }, E = { class: "space-y-2 max-sm:contents" }, L = { class: "text-sm font-medium text-black max-sm:self-end" }, z = { class: "text-sm font-normal text-gray-500 max-sm:col-start-2 max-sm:self-start" }, A = { class: "grid grid-cols-2 gap-6 pt-4 max-sm:gap-4 xl:flex max-sm:[&>div>div]:text-base max-sm:[&>div]:flex-col max-sm:[&>div]:gap-0.5" }, G = { class: "inline-flex shrink-0 items-start justify-start gap-2" }, M = { class: "text-sm font-normal text-gray-500" }, O = { class: "text-sm font-medium text-gray-900" }, U = { class: "inline-flex shrink-0 items-start justify-start gap-2" }, H = { class: "text-sm font-normal text-gray-500" }, J = { class: "whitespace-pre-wrap text-sm font-medium text-red-600" }, K = { class: "inline-flex shrink-0 items-start justify-start gap-2" }, P = { class: "text-sm font-normal text-gray-500" }, Q = { class: "inline-flex shrink-0 items-start justify-start gap-2" }, W = { class: "text-sm font-normal text-gray-500" }, X = { class: "text-sm font-medium text-gray-900" }, Y = { __name: "CreditSubscriptionItem", props: { subscription: { type: Object, required: true } }, setup(a) {
36  const e = a, l = p(() => e.subscription.pricing_variation.service), i = p(() => e.subscription.latest_period.credits), d = p(() => e.subscription.credits_used ?? 0), f = p(() => i.value - d.value);
37  return (o, os) => (r(), n("div", V, [s("div", D, [s("div", E, [c(R, { class: "!aspect-auto h-16 w-16 rounded-md object-cover max-sm:row-span-2 max-sm:h-12 max-sm:w-12 max-sm:self-center", service: l.value }, null, 8, ["service"]), s("div", L, t(l.value.name), 1)]), s("span", z, t(m(k)(a.subscription)), 1)]), s("div", A, [s("div", G, [s("span", M, t(o.$t("Total credits")) + ": ", 1), s("div", O, t(i.value), 1)]), s("div", U, [s("span", H, t(o.$t("Used credits")) + ": ", 1), s("div", J, t(d.value), 1)]), s("div", K, [s("span", P, t(o.$t("Remaining credits")) + ": ", 1), s("div", { class: S(["text-sm font-medium", f.value > 0 ? "text-green-600" : "text-red-600"]) }, t(f.value), 3)]), s("div", Q, [s("span", W, t(o.$t("Requests")) + ": ", 1), s("div", X, t(a.subscription.requests_count), 1)])])]));
38} }, Z = { key: 0, class: "space-y-6" }, ss = { key: 1, class: "flex flex-col" }, ts = { class: "p-8 sm:p-20" }, es = { class: "m-auto text-center" }, rs = { class: "mb-3 text-xl font-semibold text-gray-900" }, is = { class: "mb-5 text-gray-500" }, Ls = { __name: "CreditSubscriptions", props: { subscriptions: { type: Array, required: true } }, setup(a) {
39  return (e, l) =>

39 (r(), h(T, null, { subscriptions: _(() => [a.subscriptions.length ? (r(), n("div", Z, [(r(true), n(u, null, b(a.subscriptions, (i) => (r(), h(Y, { key: i.id, subscription: i }, null, 8, ["subscription"]))), 128))])) : (r(), n("div", ss, [s("div", ts, [s("div", es, [c(m(q), { class: "mx-auto mb-5 h-12 w-12 stroke-1 text-gray-400" }), s("h3", rs, t(e.$t("No subscriptions yet")), 1), s("p", is, t(e.$t("Get started by purchasing a subscription.")), 1), c(m(I), { href: e.route("services.index.client"), class: "ml-3 inline-flex items-center rounded-md border border-transparent bg-primary-600 px-4 py-2 text-sm font-medium text-white shadow-sm hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 max-lg:min-h-11" }, { default: _(() => [c(m(B), { class: "mr-3 h-5 w-5" }), x(" " + t(e.$t("New subscription")), 1)]), _: 1 }, 8, ["href"])])])]))]), _: 1 }));
40} };
41export {
42  Ls as default
43};