import { resolveComponent, unref, useSSRContext } from "vue";
import { ssrRenderComponent, ssrInterpolate } from "vue/server-renderer";
import { t as _sfc_main$1 } from "./http-CDixhmav.js";
import "./LoadingButton-DREeyNQW.js";
import "./ActionMessage-cgGHxf5V.js";
import "./ActionSection-DLY4AkI5.js";
import "./SectionTitle-CrLwNK7a.js";
import "./_plugin-vue_export-helper-1tPrXgE0.js";
import "./AuthenticationCardLogo-BUP7R51z.js";
import "@inertiajs/vue3";
import "./ThemeSwitch-BH8JZmuF.js";
import "./AuthenticationCard-DZUcA5eO.js";
import "./Checkbox-C8_DVKYJ.js";
import "./ConfirmationModal-D2gnpuXK.js";
import "./ConfirmsPassword-mDregivA.js";
import "./InputError-DjBtKS5r.js";
import "./PrimaryButton-BFULsO35.js";
import "./SecondaryButton-CI1uhr4A.js";
import "./DangerButton-C-9IxBUH.js";
import "./FormSection-C7JuSy06.js";
import "./InputLabel-DXl8D0gR.js";
import "../ssr.js";
import "@inertiajs/vue3/server";
import "@vue/server-renderer";
import "lodash.debounce";
import "dayjs";
import "@vuepic/vue-datepicker";
import "vue-i18n";
import "lodash.isequal";
import "axios";
import "notiwind";
import "lodash.throttle";
const _sfc_main = {
  __name: "View",
  __ssrInlineRender: true,
  props: ["current", "custom_fields", "editRow"],
  emits: ["close"],
  setup(__props, { emit: __emit }) {
    return (_ctx, _push, _parent, _attrs) => {
      var _a, _b, _c, _d, _e, _f, _g;
      const _component_Icon = resolveComponent("Icon");
      _push(`<!--[--><span class="absolute top-4 right-12 sm:right-14 inline-flex items-center">`);
      if (__props.editRow) {
        _push(`<button type="button" class="link -m-2 p-2">`);
        _push(ssrRenderComponent(_component_Icon, {
          name: "edit-o",
          class: "size-5"
        }, null, _parent));
        _push(`</button>`);
      } else {
        _push(`<!---->`);
      }
      _push(`</span><div class="border-b border-gray-200 dark:border-gray-700 px-4 sm:px-6 py-4"><div class="sm:flex sm:items-baseline sm:justify-between"><div class="sm:w-0 sm:flex-1"><h1 class="text-base font-semibold text-focus">${ssrInterpolate((_a = __props.current) == null ? void 0 : _a.name)} ${ssrInterpolate(((_b = __props.current) == null ? void 0 : _b.company) ? ` (${(_c = __props.current) == null ? void 0 : _c.company})` : "")}</h1><p class="mt-1 truncate text-sm text-mute">${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 grid grid-cols-3 gap-4 sm:px-6"><dt class="text-sm font-medium">${ssrInterpolate(_ctx.$t("Name"))}</dt><dd class="mt-0 text-sm/6 text-focus col-span-2">${ssrInterpolate(__props.current.name)}</dd></div><div class="px-4 py-2.5 grid grid-cols-3 gap-4 sm:px-6"><dt class="text-sm font-medium">${ssrInterpolate(_ctx.$t("Company"))}</dt><dd class="mt-0 text-sm/6 text-focus col-span-2">${ssrInterpolate(__props.current.company || "")}</dd></div><div class="px-4 py-2.5 grid grid-cols-3 gap-4 sm:px-6"><dt class="text-sm font-medium">${ssrInterpolate(_ctx.$t("Phone"))}</dt><dd class="mt-0 text-sm/6 text-focus col-span-2">${ssrInterpolate(__props.current.phone || "")}</dd></div><div class="px-4 py-2.5 grid grid-cols-3 gap-4 sm:px-6"><dt class="text-sm font-medium">${ssrInterpolate(_ctx.$t("Email"))}</dt><dd class="mt-0 text-sm/6 text-focus col-span-2">${ssrInterpolate(__props.current.email || "")}</dd></div><div class="px-4 py-2.5 grid grid-cols-3 gap-4 sm:px-6"><dt class="text-sm font-medium">${ssrInterpolate(_ctx.$t("Award Point"))}</dt><dd class="mt-0 text-sm/6 text-focus col-span-2">${ssrInterpolate(_ctx.$number(__props.current.points))}</dd></div><div class="px-4 py-2.5 grid grid-cols-3 gap-4 sm:px-6"><dt class="text-sm font-medium">${ssrInterpolate(_ctx.$t("Due Amount"))}</dt><dd class="mt-0 text-sm/6 text-focus col-span-2">${ssrInterpolate(_ctx.$currency(__props.current.balance))}</dd></div><div class="px-4 py-2.5 grid grid-cols-3 gap-4 sm:px-6"><dt class="text-sm font-medium">${ssrInterpolate(_ctx.$t("Due Limit"))}</dt><dd class="mt-0 text-sm/6 text-focus col-span-2">${ssrInterpolate(__props.current.due_limit ? _ctx.$number(__props.current.due_limit) : "")}</dd></div><div class="px-4 py-2.5 grid grid-cols-3 gap-4 sm:px-6"><dt class="text-sm font-medium">${ssrInterpolate(_ctx.$t("Customer Group"))}</dt><dd class="mt-0 text-sm/6 text-focus col-span-2">${ssrInterpolate(((_d = __props.current.customer_group) == null ? void 0 : _d.name) || "")}</dd></div><div class="px-4 py-2.5 grid grid-cols-3 gap-4 sm:px-6"><dt class="text-sm font-medium">${ssrInterpolate(_ctx.$t("Price Group"))}</dt><dd class="mt-0 text-sm/6 text-focus col-span-2">${ssrInterpolate(((_e = __props.current.price_group) == null ? void 0 : _e.name) || "")}</dd></div><div class="px-4 py-2.5 grid grid-cols-3 gap-4 sm:px-6"><dt class="text-sm font-medium">${ssrInterpolate(_ctx.$t("Address"))}</dt><dd class="mt-0 text-sm/6 text-focus col-span-2 flex gap-2"><span class="text-2xl -mt-0.5">${ssrInterpolate((_g = (_f = __props.current) == null ? void 0 : _f.country) == null ? void 0 : _g.emoji)}</span> ${ssrInterpolate(_ctx.$address(__props.current))}</dd></div><div class="px-4 py-2.5 grid grid-cols-3 gap-4 sm:px-6"><dt class="text-sm font-medium">${ssrInterpolate(_ctx.$t("Custom Fields"))}</dt><dd class="mt-0 text-sm/6 text-focus col-span-2">`);
      _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></dl></div><!--]-->`);
    };
  }
};
const _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/Customer/View.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
export {
  _sfc_main as default
};
