import { l as _sfc_main$1 } from "../ssr.js";
import { resolveComponent, unref, useSSRContext } from "vue";
import { ssrInterpolate, ssrRenderComponent } from "vue/server-renderer";
//#region resources/js/Pages/Sma/People/User/View.vue
var _sfc_main = {
	__name: "View",
	__ssrInlineRender: true,
	props: [
		"current",
		"custom_fields",
		"editRow"
	],
	setup(__props) {
		return (_ctx, _push, _parent, _attrs) => {
			const _component_Icon = resolveComponent("Icon");
			_push(`<!--[--><span class="absolute end-14 top-4 inline-flex items-center"><button type="button" class="link -m-2 p-2">`);
			_push(ssrRenderComponent(_component_Icon, {
				name: "edit-o",
				class: "size-5"
			}, null, _parent));
			_push(`</button></span><div class="border-b border-gray-200 px-6 py-4 dark:border-gray-700"><div class="sm:flex sm:items-baseline sm:justify-between"><div class="sm:w-0 sm:flex-1"><h1 class="text-focus text-base font-semibold">${ssrInterpolate(__props.current?.name)} ${ssrInterpolate(__props.current?.company ? ` (${__props.current?.company})` : "")}</h1><p class="text-mute mt-1 truncate text-sm">${ssrInterpolate(_ctx.$t("Please view the details below"))}</p></div></div></div><div class="pb-2"><dl class="divide-y divide-gray-100 dark:divide-gray-700/50"><div class="px-4 py-2.5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6"><dt class="text-sm font-medium">${ssrInterpolate(_ctx.$t("Name"))}</dt><dd class="text-focus mt-1 text-sm/6 sm:col-span-2 sm:mt-0">${ssrInterpolate(__props.current.name)}</dd></div><div class="px-4 py-2.5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6"><dt class="text-sm font-medium">${ssrInterpolate(_ctx.$t("Username"))}</dt><dd class="text-focus mt-1 text-sm/6 sm:col-span-2 sm:mt-0">${ssrInterpolate(__props.current.username || "")}</dd></div><div class="px-4 py-2.5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6"><dt class="text-sm font-medium">${ssrInterpolate(_ctx.$t("Phone"))}</dt><dd class="text-focus mt-1 text-sm/6 sm:col-span-2 sm:mt-0">${ssrInterpolate(__props.current.phone || "")}</dd></div><div class="px-4 py-2.5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6"><dt class="text-sm font-medium">${ssrInterpolate(_ctx.$t("Email"))}</dt><dd class="text-focus mt-1 text-sm/6 sm:col-span-2 sm:mt-0">${ssrInterpolate(__props.current.email || "")}</dd></div><div class="px-4 py-2.5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6"><dt class="text-sm font-medium">${ssrInterpolate(_ctx.$t("Role"))}</dt><dd class="text-focus mt-1 text-sm/6 sm:col-span-2 sm:mt-0">${ssrInterpolate(__props.current.roles?.map((r) => r.name).join(",") || "")}</dd></div><div class="px-4 py-2.5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6"><dt class="text-sm font-medium">${ssrInterpolate(_ctx.$t("Award Point"))}</dt><dd class="text-focus mt-1 text-sm/6 sm:col-span-2 sm:mt-0">${ssrInterpolate(_ctx.$number(__props.current.points))}</dd></div>`);
			if (__props.current.extra_attributes) {
				_push(`<div class="px-4 py-2.5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6"><dt class="text-sm font-medium">${ssrInterpolate(_ctx.$t("Custom Fields"))}</dt><dd class="text-focus mt-1 text-sm/6 sm:col-span-2 sm:mt-0">`);
				_push(ssrRenderComponent(unref(_sfc_main$1), {
					modal: false,
					title: __props.current.company || __props.current.name,
					extra_attributes: __props.current.extra_attributes ?? []
				}, null, _parent));
				_push(`</dd></div>`);
			} else _push(`<!---->`);
			_push(`</dl></div><!--]-->`);
		};
	}
};
var _sfc_setup = _sfc_main.setup;
_sfc_main.setup = (props, ctx) => {
	const ssrContext = useSSRContext();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Pages/Sma/People/User/View.vue");
	return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
//#endregion
export { _sfc_main as default };
