import { useApi as e, defineModule as a } from "@directus/extensions-sdk";
import {
  defineComponent as t,
  ref as l,
  onMounted as n,
  resolveComponent as i,
  resolveDirective as s,
  openBlock as d,
  createBlock as r,
  withCtx as u,
  createVNode as o,
  createElementBlock as m,
  Fragment as c,
  renderList as v,
  createTextVNode as p,
  toDisplayString as f,
  createCommentVNode as g,
  createElementVNode as y,
  withDirectives as b,
  nextTick as _,
} from "vue";
const h = { class: "content-wrapper" },
  x = { key: 0, class: "empty-state" },
  w = { class: "header" },
  k = { class: "header-left" },
  V = { class: "title" },
  C = { class: "subtitle" },
  M = { class: "header-right" },
  F = { class: "user-cell" },
  N = { class: "user-name" },
  z = { key: 0, class: "status-date" },
  E = { key: 0, class: "drawer-content" },
  U = { class: "form-section" },
  S = { class: "field" },
  A = { class: "drawer-actions" },
  T = { key: 0, class: "drawer-content" },
  Z = { class: "form-section" },
  j = { class: "field" },
  $ = { class: "field" },
  D = { class: "field" },
  O = { key: 1, class: "field" },
  W = { class: "drawer-actions" };
var q = t({
    __name: "module",
    setup(a) {
      const t = e(),
        q = l([]),
        B = l(null),
        K = l([]),
        L = l(!1),
        P = l(!1),
        G = l(null),
        I = l(null),
        H = l(!1),
        J = l(!1),
        Q = l({ id: "", name: "" }),
        R = l(!1),
        X = l(!1),
        Y = l({
          id: "",
          first_name: "",
          last_name: "",
          email: "",
          temporary_password: "",
        }),
        ee = [
          { text: "Name", value: "name", sortable: !0 },
          { text: "E-Mail", value: "email", sortable: !0 },
          { text: "Zuletzt eingeladen", value: "last_invited", sortable: !0 },
        ];
      async function ae() {
        const e = await t.get("/items/companies", {
          params: { fields: ["id", "name"], sort: "name" },
        });
        q.value = e.data.data;
      }
      async function te(e) {
        ((B.value = e), (L.value = !0));
        try {
          const a = await t.get("/items/client_users", {
            params: {
              filter: { company: { _eq: e.id } },
              fields: ["*"],
              sort: "first_name",
            },
          });
          K.value = a.data.data;
        } finally {
          L.value = !1;
        }
      }
      function le() {
        ((J.value = !1), (Q.value = { id: "", name: "" }), (H.value = !0));
      }
      async function ne() {
        B.value &&
          ((Q.value = { id: B.value.id, name: B.value.name }),
          (J.value = !0),
          await _(),
          (H.value = !0));
      }
      async function ie() {
        var e;
        if (Q.value.name) {
          P.value = !0;
          try {
            (J.value
              ? (await t.patch(`/items/companies/${Q.value.id}`, {
                  name: Q.value.name,
                }),
                (I.value = { type: "success", message: "Firma aktualisiert!" }))
              : (await t.post("/items/companies", { name: Q.value.name }),
                (I.value = { type: "success", message: "Firma angelegt!" })),
              (H.value = !1),
              await ae(),
              (null == (e = B.value) ? void 0 : e.id) === Q.value.id &&
                (B.value.name = Q.value.name));
          } catch (e) {
            I.value = { type: "danger", message: e.message };
          } finally {
            P.value = !1;
          }
        }
      }
      function se() {
        ((X.value = !1),
          (Y.value = {
            id: "",
            first_name: "",
            last_name: "",
            email: "",
            temporary_password: "",
          }),
          (R.value = !0));
      }
      async function de() {
        if (Y.value.email && B.value) {
          P.value = !0;
          try {
            (X.value
              ? (await t.patch(`/items/client_users/${Y.value.id}`, {
                  first_name: Y.value.first_name,
                  last_name: Y.value.last_name,
                  email: Y.value.email,
                }),
                (I.value = {
                  type: "success",
                  message: "Mitarbeiter aktualisiert!",
                }))
              : (await t.post("/items/client_users", {
                  first_name: Y.value.first_name,
                  last_name: Y.value.last_name,
                  email: Y.value.email,
                  company: B.value.id,
                }),
                (I.value = {
                  type: "success",
                  message: "Mitarbeiter angelegt!",
                })),
              (R.value = !1),
              await te(B.value));
          } catch (e) {
            I.value = { type: "danger", message: e.message };
          } finally {
            P.value = !1;
          }
        }
      }
      function re(e) {
        const a = (null == e ? void 0 : e.item) || e;
        a &&
          a.id &&
          (async function (e) {
            ((Y.value = {
              id: e.id || "",
              first_name: e.first_name || "",
              last_name: e.last_name || "",
              email: e.email || "",
              temporary_password: e.temporary_password || "",
            }),
              (X.value = !0),
              await _(),
              (R.value = !0));
          })(a);
      }
      return (
        n(() => {
          ae();
        }),
        (e, a) => {
          const l = i("v-icon"),
            n = i("v-list-item-icon"),
            _ = i("v-text-overflow"),
            ae = i("v-list-item-content"),
            ue = i("v-list-item"),
            oe = i("v-divider"),
            me = i("v-list"),
            ce = i("v-notice"),
            ve = i("v-button"),
            pe = i("v-info"),
            fe = i("v-avatar"),
            ge = i("v-chip"),
            ye = i("v-table"),
            be = i("v-input"),
            _e = i("v-drawer"),
            he = i("private-view"),
            xe = s("tooltip");
          return (
            d(),
            r(
              he,
              { title: "Customer Manager" },
              {
                navigation: u(() => [
                  o(
                    me,
                    { nav: "" },
                    {
                      default: u(() => [
                        o(
                          ue,
                          { onClick: le, clickable: "" },
                          {
                            default: u(() => [
                              o(n, null, {
                                default: u(() => [
                                  o(l, {
                                    name: "add",
                                    color: "var(--theme--primary)",
                                  }),
                                ]),
                                _: 1,
                              }),
                              o(ae, null, {
                                default: u(() => [
                                  o(_, { text: "Neue Firma anlegen" }),
                                ]),
                                _: 1,
                              }),
                            ]),
                            _: 1,
                          },
                        ),
                        o(oe),
                        (d(!0),
                        m(
                          c,
                          null,
                          v(q.value, (e) => {
                            var a;
                            return (
                              d(),
                              r(
                                ue,
                                {
                                  key: e.id,
                                  active:
                                    (null == (a = B.value) ? void 0 : a.id) ===
                                    e.id,
                                  class: "company-item",
                                  clickable: "",
                                  onClick: (a) => te(e),
                                },
                                {
                                  default: u(() => [
                                    o(n, null, {
                                      default: u(() => [
                                        o(l, { name: "business" }),
                                      ]),
                                      _: 1,
                                    }),
                                    o(
                                      ae,
                                      null,
                                      {
                                        default: u(() => [
                                          o(_, { text: e.name }, null, 8, [
                                            "text",
                                          ]),
                                        ]),
                                        _: 2,
                                      },
                                      1024,
                                    ),
                                  ]),
                                  _: 2,
                                },
                                1032,
                                ["active", "onClick"],
                              )
                            );
                          }),
                          128,
                        )),
                      ]),
                      _: 1,
                    },
                  ),
                ]),
                "title-outer:after": u(() => [
                  I.value
                    ? (d(),
                      r(
                        ce,
                        {
                          key: 0,
                          type: I.value.type,
                          onClose: a[0] || (a[0] = (e) => (I.value = null)),
                          dismissible: "",
                        },
                        { default: u(() => [p(f(I.value.message), 1)]), _: 1 },
                        8,
                        ["type"],
                      ))
                    : g("v-if", !0),
                ]),
                default: u(() => [
                  y("div", h, [
                    B.value
                      ? (d(),
                        m(
                          c,
                          { key: 1 },
                          [
                            y("header", w, [
                              y("div", k, [
                                y("h1", V, f(B.value.name), 1),
                                y(
                                  "p",
                                  C,
                                  f(K.value.length) + " Kunden-Mitarbeiter",
                                  1,
                                ),
                              ]),
                              y("div", M, [
                                b(
                                  (d(),
                                  r(
                                    ve,
                                    {
                                      secondary: "",
                                      rounded: "",
                                      icon: "",
                                      onClick: ne,
                                    },
                                    {
                                      default: u(() => [
                                        o(l, { name: "edit" }),
                                      ]),
                                      _: 1,
                                    },
                                  )),
                                  [
                                    [
                                      xe,
                                      "Firma bearbeiten",
                                      void 0,
                                      { bottom: !0 },
                                    ],
                                  ],
                                ),
                                o(
                                  ve,
                                  { primary: "", onClick: se },
                                  {
                                    default: u(() => [
                                      ...(a[14] ||
                                        (a[14] = [
                                          p(" Mitarbeiter hinzufügen ", -1),
                                        ])),
                                    ]),
                                    _: 1,
                                  },
                                ),
                              ]),
                            ]),
                            o(
                              ye,
                              {
                                headers: ee,
                                items: K.value,
                                loading: L.value,
                                class: "clickable-table",
                                "fixed-header": "",
                                "onClick:row": re,
                              },
                              {
                                "item.name": u(({ item: e }) => [
                                  y("div", F, [
                                    o(
                                      fe,
                                      { name: e.first_name, "x-small": "" },
                                      null,
                                      8,
                                      ["name"],
                                    ),
                                    y(
                                      "span",
                                      N,
                                      f(e.first_name) + " " + f(e.last_name),
                                      1,
                                    ),
                                  ]),
                                ]),
                                "item.last_invited": u(({ item: e }) => {
                                  return [
                                    e.last_invited
                                      ? (d(),
                                        m(
                                          "span",
                                          z,
                                          f(
                                            ((t = e.last_invited),
                                            new Date(t).toLocaleString(
                                              "de-DE",
                                              {
                                                day: "2-digit",
                                                month: "2-digit",
                                                year: "numeric",
                                                hour: "2-digit",
                                                minute: "2-digit",
                                              },
                                            )),
                                          ),
                                          1,
                                        ))
                                      : (d(),
                                        r(
                                          ge,
                                          { key: 1, "x-small": "" },
                                          {
                                            default: u(() => [
                                              ...(a[15] ||
                                                (a[15] = [p("Noch nie", -1)])),
                                            ]),
                                            _: 1,
                                          },
                                        )),
                                  ];
                                  var t;
                                }),
                                _: 2,
                              },
                              1032,
                              ["items", "loading"],
                            ),
                          ],
                          64,
                        ))
                      : (d(),
                        m("div", x, [
                          o(
                            pe,
                            {
                              title: "Firmen auswählen",
                              icon: "business",
                              center: "",
                            },
                            {
                              default: u(() => [
                                a[12] ||
                                  (a[12] = p(
                                    " Wähle eine Firma in der Navigation aus oder ",
                                    -1,
                                  )),
                                o(
                                  ve,
                                  { "x-small": "", onClick: le },
                                  {
                                    default: u(() => [
                                      ...(a[11] ||
                                        (a[11] = [
                                          p("erstelle eine neue Firma", -1),
                                        ])),
                                    ]),
                                    _: 1,
                                  },
                                ),
                                a[13] || (a[13] = p(". ", -1)),
                              ]),
                              _: 1,
                            },
                          ),
                        ])),
                  ]),
                  o(
                    _e,
                    {
                      modelValue: H.value,
                      "onUpdate:modelValue":
                        a[2] || (a[2] = (e) => (H.value = e)),
                      title: J.value
                        ? "Firma bearbeiten"
                        : "Neue Firma anlegen",
                      icon: "business",
                      onCancel: a[3] || (a[3] = (e) => (H.value = !1)),
                    },
                    {
                      default: u(() => [
                        H.value
                          ? (d(),
                            m("div", E, [
                              y("div", U, [
                                y("div", S, [
                                  a[16] ||
                                    (a[16] = y(
                                      "span",
                                      { class: "label" },
                                      "Firmenname",
                                      -1,
                                    )),
                                  o(
                                    be,
                                    {
                                      modelValue: Q.value.name,
                                      "onUpdate:modelValue":
                                        a[1] ||
                                        (a[1] = (e) => (Q.value.name = e)),
                                      placeholder: "z.B. KLZ Cables",
                                      autofocus: "",
                                    },
                                    null,
                                    8,
                                    ["modelValue"],
                                  ),
                                ]),
                              ]),
                              y("div", A, [
                                o(
                                  ve,
                                  {
                                    primary: "",
                                    block: "",
                                    loading: P.value,
                                    onClick: ie,
                                  },
                                  {
                                    default: u(() => [
                                      ...(a[17] ||
                                        (a[17] = [p("Speichern", -1)])),
                                    ]),
                                    _: 1,
                                  },
                                  8,
                                  ["loading"],
                                ),
                              ]),
                            ]))
                          : g("v-if", !0),
                      ]),
                      _: 1,
                    },
                    8,
                    ["modelValue", "title"],
                  ),
                  o(
                    _e,
                    {
                      modelValue: R.value,
                      "onUpdate:modelValue":
                        a[9] || (a[9] = (e) => (R.value = e)),
                      title: X.value
                        ? "Mitarbeiter bearbeiten"
                        : "Neuen Mitarbeiter anlegen",
                      icon: "person",
                      onCancel: a[10] || (a[10] = (e) => (R.value = !1)),
                    },
                    {
                      default: u(() => [
                        R.value
                          ? (d(),
                            m("div", T, [
                              y("div", Z, [
                                y("div", j, [
                                  a[18] ||
                                    (a[18] = y(
                                      "span",
                                      { class: "label" },
                                      "Vorname",
                                      -1,
                                    )),
                                  o(
                                    be,
                                    {
                                      modelValue: Y.value.first_name,
                                      "onUpdate:modelValue":
                                        a[4] ||
                                        (a[4] = (e) =>
                                          (Y.value.first_name = e)),
                                      placeholder: "Vorname",
                                      autofocus: "",
                                    },
                                    null,
                                    8,
                                    ["modelValue"],
                                  ),
                                ]),
                                y("div", $, [
                                  a[19] ||
                                    (a[19] = y(
                                      "span",
                                      { class: "label" },
                                      "Nachname",
                                      -1,
                                    )),
                                  o(
                                    be,
                                    {
                                      modelValue: Y.value.last_name,
                                      "onUpdate:modelValue":
                                        a[5] ||
                                        (a[5] = (e) => (Y.value.last_name = e)),
                                      placeholder: "Nachname",
                                    },
                                    null,
                                    8,
                                    ["modelValue"],
                                  ),
                                ]),
                                y("div", D, [
                                  a[20] ||
                                    (a[20] = y(
                                      "span",
                                      { class: "label" },
                                      "E-Mail",
                                      -1,
                                    )),
                                  o(
                                    be,
                                    {
                                      modelValue: Y.value.email,
                                      "onUpdate:modelValue":
                                        a[6] ||
                                        (a[6] = (e) => (Y.value.email = e)),
                                      placeholder: "E-Mail Adresse",
                                      type: "email",
                                    },
                                    null,
                                    8,
                                    ["modelValue"],
                                  ),
                                ]),
                                X.value
                                  ? (d(), r(oe, { key: 0 }))
                                  : g("v-if", !0),
                                X.value
                                  ? (d(),
                                    m("div", O, [
                                      a[21] ||
                                        (a[21] = y(
                                          "span",
                                          { class: "label" },
                                          "Temporäres Passwort",
                                          -1,
                                        )),
                                      o(
                                        be,
                                        {
                                          modelValue:
                                            Y.value.temporary_password,
                                          "onUpdate:modelValue":
                                            a[7] ||
                                            (a[7] = (e) =>
                                              (Y.value.temporary_password = e)),
                                          readonly: "",
                                          class: "password-input",
                                        },
                                        null,
                                        8,
                                        ["modelValue"],
                                      ),
                                      a[22] ||
                                        (a[22] = y(
                                          "p",
                                          { class: "field-note" },
                                          "Wird beim Senden der Zugangsdaten automatisch generiert.",
                                          -1,
                                        )),
                                    ]))
                                  : g("v-if", !0),
                              ]),
                              y("div", W, [
                                o(
                                  ve,
                                  {
                                    primary: "",
                                    block: "",
                                    loading: P.value,
                                    onClick: de,
                                  },
                                  {
                                    default: u(() => [
                                      ...(a[23] ||
                                        (a[23] = [p("Daten speichern", -1)])),
                                    ]),
                                    _: 1,
                                  },
                                  8,
                                  ["loading"],
                                ),
                                X.value
                                  ? (d(),
                                    m(
                                      c,
                                      { key: 0 },
                                      [
                                        o(oe),
                                        b(
                                          (d(),
                                          r(
                                            ve,
                                            {
                                              secondary: "",
                                              block: "",
                                              loading: G.value === Y.value.id,
                                              onClick:
                                                a[8] ||
                                                (a[8] = (e) =>
                                                  (async function (e) {
                                                    G.value = e.id;
                                                    try {
                                                      if (
                                                        (await t.post(
                                                          "/flows/trigger/33443f6b-cec7-4668-9607-f33ea674d501",
                                                          [e.id],
                                                        ),
                                                        (I.value = {
                                                          type: "success",
                                                          message: `Zugangsdaten für ${e.first_name} versendet. 📧`,
                                                        }),
                                                        await te(B.value),
                                                        R.value &&
                                                          Y.value.id === e.id)
                                                      ) {
                                                        const a = K.value.find(
                                                          (a) => a.id === e.id,
                                                        );
                                                        a &&
                                                          (Y.value.temporary_password =
                                                            a.temporary_password);
                                                      }
                                                    } catch (e) {
                                                      I.value = {
                                                        type: "danger",
                                                        message: `Fehler: ${e.message}`,
                                                      };
                                                    } finally {
                                                      G.value = null;
                                                    }
                                                  })(Y.value)),
                                            },
                                            {
                                              default: u(() => [
                                                o(l, {
                                                  name: "send",
                                                  left: "",
                                                }),
                                                a[24] ||
                                                  (a[24] = p(
                                                    " Zugangsdaten senden ",
                                                    -1,
                                                  )),
                                              ]),
                                              _: 1,
                                            },
                                            8,
                                            ["loading"],
                                          )),
                                          [
                                            [
                                              xe,
                                              "Generiert PW, speichert es und sendet E-Mail",
                                              void 0,
                                              { bottom: !0 },
                                            ],
                                          ],
                                        ),
                                      ],
                                      64,
                                    ))
                                  : g("v-if", !0),
                              ]),
                            ]))
                          : g("v-if", !0),
                      ]),
                      _: 1,
                    },
                    8,
                    ["modelValue", "title"],
                  ),
                ]),
                _: 1,
              },
            )
          );
        }
      );
    },
  }),
  B = [],
  K = [];
!(function (e, a) {
  if (e && "undefined" != typeof document) {
    var t,
      l = !0 === a.prepend ? "prepend" : "append",
      n = !0 === a.singleTag,
      i =
        "string" == typeof a.container
          ? document.querySelector(a.container)
          : document.getElementsByTagName("head")[0];
    if (n) {
      var s = B.indexOf(i);
      (-1 === s && ((s = B.push(i) - 1), (K[s] = {})),
        (t = K[s] && K[s][l] ? K[s][l] : (K[s][l] = d())));
    } else t = d();
    (65279 === e.charCodeAt(0) && (e = e.substring(1)),
      t.styleSheet
        ? (t.styleSheet.cssText += e)
        : t.appendChild(document.createTextNode(e)));
  }
  function d() {
    var e = document.createElement("style");
    if ((e.setAttribute("type", "text/css"), a.attributes))
      for (var t = Object.keys(a.attributes), n = 0; n < t.length; n++)
        e.setAttribute(t[n], a.attributes[t[n]]);
    var s = "prepend" === l ? "afterbegin" : "beforeend";
    return (i.insertAdjacentElement(s, e), e);
  }
})(
  "\n.content-wrapper[data-v-3fd11e72] { padding: 32px; height: 100%; display: flex; flex-direction: column;\n}\n.company-item[data-v-3fd11e72] { cursor: pointer;\n}\n.header[data-v-3fd11e72] { margin-bottom: 24px; display: flex; justify-content: space-between; align-items: flex-end;\n}\n.header-right[data-v-3fd11e72] { display: flex; gap: 12px;\n}\n.title[data-v-3fd11e72] { font-size: 24px; font-weight: 800; margin-bottom: 4px;\n}\n.subtitle[data-v-3fd11e72] { color: var(--theme--foreground-subdued); font-size: 14px;\n}\n.empty-state[data-v-3fd11e72] { height: 100%; display: flex; align-items: center; justify-content: center;\n}\n.user-cell[data-v-3fd11e72] { display: flex; align-items: center; gap: 12px;\n}\n.user-name[data-v-3fd11e72] { font-weight: 600;\n}\n.status-date[data-v-3fd11e72] { font-size: 12px; color: var(--theme--foreground-subdued);\n}\n.drawer-content[data-v-3fd11e72] { padding: 24px; display: flex; flex-direction: column; gap: 32px;\n}\n.form-section[data-v-3fd11e72] { display: flex; flex-direction: column; gap: 20px;\n}\n.field[data-v-3fd11e72] { display: flex; flex-direction: column; gap: 8px;\n}\n.label[data-v-3fd11e72] { font-size: 12px; font-weight: 700; text-transform: uppercase; color: var(--theme--foreground-subdued); letter-spacing: 0.5px;\n}\n.field-note[data-v-3fd11e72] { font-size: 11px; color: var(--theme--foreground-subdued); margin-top: 4px;\n}\n.drawer-actions[data-v-3fd11e72] { margin-top: 24px; display: flex; flex-direction: column; gap: 12px;\n}\n.password-input[data-v-3fd11e72] textarea {\n\tfont-family: var(--family-monospace);\n\tfont-weight: 800;\n\tcolor: var(--theme--primary) !important;\n\tbackground: var(--theme--background-subdued) !important;\n}\n.clickable-table[data-v-3fd11e72] tbody tr { cursor: pointer; transition: background-color 0.2s ease;\n}\n.clickable-table[data-v-3fd11e72] tbody tr:hover { background-color: var(--theme--background-subdued) !important;\n}\n[data-v-3fd11e72] .v-list-item { cursor: pointer !important;\n}\n",
  {},
);
var L = a({
  id: "customer-manager",
  name: "Customer Manager",
  icon: "supervisor_account",
  routes: [
    {
      path: "",
      component: ((e, a) => {
        const t = e.__vccOpts || e;
        for (const [e, l] of a) t[e] = l;
        return t;
      })(q, [
        ["__scopeId", "data-v-3fd11e72"],
        ["__file", "module.vue"],
      ]),
    },
  ],
});
export { L as default };