https://mensenlinq.nl/build/assets/Organisation-CS7hhZey.js

1import { a as require_react, n as require_jsx_runtime } from "./axios-D_Zw0bxE.js";
2import { t as Page_default } from "./Page-CpPaJxrq.js";
3import { t as Place } from "./Place-DrAtZIVb.js";
4import { t as Photos } from "./Photos-CJNc0MKw.js";
5import { t as Envelope } from "./Envelope-d9rS98iZ.js";
6var Organisation_module_default = {
7	header: "_header_qy21q_1",
8	contactdetails: "_contactdetails_qy21q_22"
9};
10var Chip_module_default = {
11	chip: "_chip_t0hjm_1",
12	highlighted: "_highlighted_t0hjm_9"
13};
14//#endregion
15//#region resources/js/Atoms/Chip/Chip.tsx
16var import_jsx_runtime = require_jsx_runtime();
17function Chip_default$1({ highlighted, children }) {
18	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
19		className: `${Chip_module_default.chip} ${highlighted ? Chip_module_default.highlighted : ""}`,
20		children
21	});
22}
23//#endregion
24//#region resources/js/Atoms/Chip/index.ts
25var Chip_default = Chip_default$1;
26require_react();
27function IconPhone(props) {
28	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
29		xmlns: "http://www.w3.org/2000/svg",
30		viewBox: "0 0 14 14",
31		fill: "currentColor",
32		height: "1em",
33		width: "1em",
34		...props,
35		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m13.483069 9.60581477-2.9638171-1.2714964c-.3498419-.14918486-.7561505-.05011235-.99805635.24336168L8.31532477 10.0515221c-1.89671208-.93286254-3.43124123-2.46739169-4.36410378-4.36410377l1.47384206-1.20587078c.2934287-.24181518.39250392-.64802357.24336168-.99778288L4.39692833.51693973C4.23286405.13730228 3.82100626-.0709275 3.41801282.02201317L.66173674.65912857c-.3881164.08778314-.66319843.43334073-.6617309.83125787C.00000584 8.41635039 5.61373671 14 12.5096223 14c.3992171.0007458.7456791-.2751973.8342657-.6644624l.6341075-2.7535417c.0928666-.402273-.1155451-.81333917-.4949265-.97618113Zm-.9898531 3.51917393C6.08131926 13.1167855.88322321 7.92142384.87775441 1.50952725l2.72346327-.6289122 1.25782439 2.93647309-1.99064383 1.62696851c1.32345002 2.8219017 2.85744891 4.36136939 5.69028821 5.69028825L10.185655 9.14370103l2.9364731 1.25782437-.6289122 2.7234633Z" })
36	});
37}
38//#endregion
39//#region resources/js/Atoms/Icons/IconLink.tsx
40function IconLink(props) {
41	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
42		xmlns: "http://www.w3.org/2000/svg",
43		viewBox: "0 0 14 14",
44		fill: "currentColor",
45		height: "1em",
46		width: "1em",
47		...props,
48		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m8.23449653 10.7926298-2.16561548 2.1653421c-1.38845484 1.389029-3.63771448 1.3897126-5.0268529 0-1.38902905-1.3884549-1.38971264-3.63771452 0-5.02685295l2.16534204-2.16561548a3.63214816 3.63214816 0 0 1 .0965777-.09305037c.20644441-.19154212.54126715-.05479663.55256007.22656932.00527732.13144083.01635149.26269025.03324986.39331077.01315228.10163627-.02039835.20362801-.09288631.27606129-.45062302.45032223-2.05465503 2.05427221-2.05897533 2.05859251-1.00455027 1.00512448-1.00435886 2.63012901 0 3.63506211 1.00512449 1.0045503 2.63012906 1.0043589 3.63506215 0l2.16561547-2.1656154.00984371-.0098438c.99260111-1.00274555.98819878-2.62690247-.01011714-3.62521839-.22460058-.22460058-.48061898-.39867012-.75427403-.52250942-.12485101-.05649194-.20305379-.18229998-.19506945-.31910016a1.70069192 1.70069192 0 0 1 .07727309-.41723645c.05750366-.1804953.26061214-.27236989.43528325-.19906162.41215053.17292111.79807852.42710749 1.1329833.76201227 1.3859939 1.38602125 1.38574781 3.64135118 0 5.02715367Zm-2.4690204-2.55810593c.33490478.33490478.72083277.58909116 1.1329833.76201227.17467111.07328093.37777959-.01859366.43528324-.19906162a1.70069146 1.70069146 0 0 0 .0772731-.41723645c.00798434-.13680018-.07024578-.26260822-.19506945-.31910016-.27365505-.12381195-.52967346-.2978815-.75427403-.52250942-.99831592-.99831592-1.00271825-2.62247284-.01011714-3.62521843l.0098437-.00984371 2.16561548-2.16561548c1.00493308-1.00435886 2.62993767-1.00455027 3.63506217 0 1.0043588 1.00493308 1.0045502 2.62993766 0 3.63506214-.004293.00429295-1.608325 1.60827028-2.0589753 2.05859251-.072488.07246062-.1060386.17442502-.0928864.27606129a4.46125305 4.46125305 0 0 1 .0332499.39331077c.0112929.2813933.346143.41811144.5525601.22656932a3.5908939 3.5908939 0 0 0 .0965777-.09305037l2.165342-2.16561548c1.3897126-1.38913843 1.3890291-3.63839807 0-5.0268529-1.3891111-1.38971264-3.63839806-1.38902905-5.02685289 0L5.76547613 3.20737019c-1.38574781 1.38582985-1.38599391 3.64115977 0 5.02715368Z" })
49	});
50}
51//#endregion
52//#region resources/js/Pages/Address/Organisation.tsx
53function Organisation({ organisation, service }) {
54	const hasContact = organisation.address || organisation.phone || organisation.email || organisation.website;
55	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Page_default, {
56		title: organisation.name,
57		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
58			className: `container`,
59			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
60				className: "ml-10 my-5 !text-left",
61				children: "Adressengids"
62			}

62), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
63				className: "flex items-start flex-col md:flex-row gap-5",
64				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
65					className: "grow md:columns bg-white rounded-lg p-10",
66					children: [
67						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
68							className: Organisation_module_default.header,
69							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
70								className: "mb-5",
71								children: organisation.name
72							}), organisation.logo && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
73								src: organisation.logo.url,
74								alt: organisation.name
75							})]
76						}),
77						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
78							className: "flex gap-2 flex-wrap",
79							children: organisation.services?.map((s, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
80								href: `/adressen-gids/categorie-${s.slug}`,
81								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Chip_default, {
82									highlighted: !!(service && service.id === s.id),
83									children: s.title
84								})
85							}, index))
86						}),
87						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("hr", {}),
88						organisation.description?.length >

88 10 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
89							className: "mt-5",
90							children: "Over ons"
91						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { dangerouslySetInnerHTML: { __html: organisation.description } })] }),
92						organisation.services && organisation.services.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
93							className: "mt-5",
94							children: "Diensten"
95						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: organisation.services.map((service) => service.title).join(", ") })] }),
96						organisation.photos.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
97							className: "mt-5",
98							children: "Foto's"
99						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Photos, { images: organisation.photos })] })
100					]
101				}), hasContact && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
102					className: "grow md:grow-0 md:w-80 bg-white rounded-lg p-10",
103					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
104						className: "mb-5",
105						children: "Contactgegevens"
106					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
107						className: Organisation_module_default.contactdetails,
108						children: [

109							organisation.address?.address && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Place, {}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
110								className: "ellipsis",
111								children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", {
112									href: `https://www.google.com/maps/dir//${organisation.address.address}, ${organisation.address.place?.title}`,
113									children: [
114										organisation.address.address,
115										/* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
116										organisation.address.postalcode,
117										" ",
118										organisation.address.place?.title
119									]
120								})
121							})] }),
122							organisation.phone && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconPhone, {}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
123								href: `tel:${organisation.phone}`,
124								children: organisation.phone
125							}) })] }),
126							organisation.email && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Envelope, {}) }

126), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
127								className: "ellipsis",
128								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
129									href: `mailto:${organisation.email}`,
130									children: organisation.email
131								})
132							})] }),
133							organisation.website && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconLink, {}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
134								className: "ellipsis",
135								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
136									title: organisation.website,
137									href: organisation.website,
138									children: organisation.website.replace(/^https?:\/\//, "")
139								})
140							})] })
141						]
142					})]
143				})]
144			})]
145		}) })
146	});
147}
148//#endregion
149export { Organisation as default };
150
151//# sourceMappingURL=Organisation-CS7hhZey.js.map