https://mensenlinq.nl/build/assets/Upgrade-3fRSOxpP.js

1import { n as require_jsx_runtime } from "./axios-D_Zw0bxE.js";
2import { i as useForm } from "./dist-DbGcmBzE.js";
3import { s as Button } from "./entry-app.js";
4import { t as relativeRoute } from "./relativeRoute-COMakHFU.js";
5import { t as Page_default } from "./Page-7eWs8iOQ.js";
6import { t as Header_default } from "./Header-CSuq8Lzr.js";
7import { t as Panel_default } from "./Panel-BZMeh-EU.js";
8import { t as ExtendedSection_default } from "./ExtendedSection-CGde6n6_.js";
9import "./IconCheck-VQQ-80Jc.js";
10import { n as PaymentOptions_default, t as PaymentMethod } from "./PaymentOptions-BBncfdFo.js";
11//#region resources/js/Pages/Account/Upgrade.tsx
12var import_jsx_runtime = require_jsx_runtime();
13var Upgrade_default = (props) => {
14	const { person, interactions, issuers, canPayOnAccount, price, data: initialData } = props;
15	const { data, setData, post, processing, errors, reset } = useForm(initialData);
16	const handleSubmit = () => {
17		post(relativeRoute("account.person.storeUpgrade", person.id));
18	};
19	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Page_default, {
20		title: "Upgrade naar uitgebreide rouwpagina",
21		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Header_default, {
22			...props,
23			active: "upgrade"
24		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
25			className: "container px-5",
26			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
27				className: "flex flex-col md:flex-row gap-3",
28				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
29					className: "grow",
30					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PaymentOptions_default, {
31						data,
32						setData,
33						options: canPayOnAccount ? [PaymentMethod.billed] : [PaymentMethod.iDeal],
34						errors
35					})
36				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
37					className: "md:w-96",
38					children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Panel_default, {
39						as: "div",
40						children: [
41							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { children: "Upgrade naar uitgebreide rouwpagina" }),
42							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExtendedSection_default, {}),
43							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
44								"Totaal: €",
45								price,
46								" (incl. BTW)."
47							] })
48						]
49					})
50				})]
51			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
52				className: "my-3 gap-5 flex justify-center",
53				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
54					onClick: handleSubmit,
55					children: "Upgrade naar uitgebreide rouwpagina"
56				})
57			})]
58		}) })]
59	});
60};
61//#endregion
62export { Upgrade_default as default };
63
64//# sourceMappingURL=Upgrade-3fRSOxpP.js.map