import { jsxs as t, jsx as e } from "react/jsx-runtime";
import { Link as c } from "react-router-dom";
import { useTranslation as v } from "react-i18next";
import { ArrowLeft as d, LayoutTemplate as o, Target as b, Lightbulb as u, Settings2 as f, User as m, Building as p, Star as i, Boxes as h, Users as n, ArrowRight as N, Plus as g, Layers as x, FolderOpen as y, Zap as w, Info as T } from "lucide-react";
const C = [
  {
    type: "Personal",
    code: "portail-client",
    isActive: !0,
    applicationCount: 3,
    tenantCount: 14
  },
  {
    type: "Business",
    code: "espace-pro",
    isActive: !0,
    applicationCount: 5,
    tenantCount: 8
  }
], A = [
  { label: "Information", active: !0 },
  { label: "Applications", active: !1 },
  { label: "Tenants", active: !1 }
], P = [
  { name: "Administration", icon: "⚙️", accessLevel: "Complet", modules: 8, sections: 12 },
  { name: "Support", icon: "🎧", accessLevel: "Personnalise", modules: 3, sections: 5 },
  { name: "MySpace", icon: "👤", accessLevel: "Complet", modules: 2, sections: 4 }
], j = [
  { method: "GET", path: "/api/tenant-templates", handler: "GetAll", permission: "...templates.read" },
  { method: "GET", path: "/api/tenant-templates/{id}", handler: "GetById", permission: "...templates.read" },
  { method: "POST", path: "/api/tenant-templates", handler: "Create", permission: "...templates.create" },
  { method: "PUT", path: "/api/tenant-templates/{id}", handler: "Update", permission: "...templates.update" },
  { method: "DELETE", path: "/api/tenant-templates/{id}", handler: "Delete", permission: "...templates.delete" },
  { method: "POST", path: "/api/tenant-templates/{id}/applications/{appId}", handler: "AssignApplication", permission: "...templates.assign" },
  { method: "DELETE", path: "/api/tenant-templates/{id}/applications/{appId}", handler: "RemoveApplication", permission: "...templates.assign" },
  { method: "POST", path: "/api/tenant-templates/{id}/applications/bulk", handler: "BulkAssignApplications", permission: "...templates.assign" },
  { method: "GET", path: "/api/tenant-templates/{id}/applications", handler: "GetApplications", permission: "...templates.read" },
  { method: "GET", path: "/api/tenant-templates/{id}/applications/available", handler: "GetAvailableApplications", permission: "...templates.assign" },
  { method: "PATCH", path: "/api/tenant-templates/{id}/applications/{appId}/access-level", handler: "UpdateAccessLevel", permission: "...templates.assign" },
  { method: "GET", path: "/api/tenant-templates/{id}/applications/{appId}/modules", handler: "GetApplicationModules", permission: "...templates.read" },
  { method: "PUT", path: "/api/tenant-templates/{id}/applications/{appId}/modules", handler: "UpdateApplicationModules", permission: "...templates.assign" },
  { method: "GET", path: "/api/tenant-templates/{id}/tenants", handler: "GetTenants", permission: "...templates.read" }
], B = [
  { path: "administration.tenants.templates.read", description: "Consulter les templates" },
  { path: "administration.tenants.templates.create", description: "Creer un template" },
  { path: "administration.tenants.templates.update", description: "Modifier un template" },
  { path: "administration.tenants.templates.delete", description: "Supprimer un template" },
  { path: "administration.tenants.templates.assign", description: "Gerer les applications assignees" }
];
function r({ text: a }) {
  return /* @__PURE__ */ t("div", { className: "flex items-start gap-2 p-2.5 rounded-lg bg-blue-500/5 border border-blue-500/15 text-sm text-blue-700 dark:text-blue-400", children: [
    /* @__PURE__ */ e(T, { className: "w-4 h-4 mt-0.5 flex-shrink-0" }),
    /* @__PURE__ */ e("span", { children: a })
  ] });
}
function G() {
  const { t: a } = v("docsAdministrationTenantsTemplate");
  return /* @__PURE__ */ t("div", { className: "space-y-8", children: [
    /* @__PURE__ */ t(
      c,
      {
        to: "/docs/business/administration/tenants",
        className: "inline-flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)] transition-colors",
        children: [
          /* @__PURE__ */ e(d, { className: "w-4 h-4" }),
          a("nav.backToTenants")
        ]
      }
    ),
    /* @__PURE__ */ t("div", { children: [
      /* @__PURE__ */ t("h1", { className: "text-3xl font-bold mb-4 flex items-center gap-3", children: [
        /* @__PURE__ */ e(o, { className: "w-8 h-8 text-[var(--color-primary-600)]" }),
        a("title")
      ] }),
      /* @__PURE__ */ e("p", { className: "text-xl text-[var(--color-primary-600)] font-medium mb-2", children: a("valueProposition") }),
      /* @__PURE__ */ e("p", { className: "text-lg text-[var(--text-secondary)]", children: a("subtitle") }),
      /* @__PURE__ */ t("div", { className: "flex gap-4 mt-3 text-sm text-[var(--text-secondary)]", children: [
        /* @__PURE__ */ e("span", { children: "6 regles metier" }),
        /* @__PURE__ */ e("span", { children: "5 permissions" }),
        /* @__PURE__ */ e("span", { children: "14 endpoints API" })
      ] })
    ] }),
    /* @__PURE__ */ t("section", { id: "valeur", className: "scroll-mt-4", children: [
      /* @__PURE__ */ t("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm", children: "1" }),
        a("sections.businessValue")
      ] }),
      /* @__PURE__ */ t("div", { className: "card p-6", children: [
        /* @__PURE__ */ t("div", { className: "mb-6", children: [
          /* @__PURE__ */ t("h3", { className: "font-semibold mb-3 flex items-center gap-2", children: [
            /* @__PURE__ */ e(b, { className: "w-5 h-5 text-red-500" }),
            a("sections.problem")
          ] }),
          /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)]", children: a("problem") })
        ] }),
        /* @__PURE__ */ t("div", { className: "p-4 rounded-lg bg-green-500/10 border border-green-500/20", children: [
          /* @__PURE__ */ t("h3", { className: "font-semibold mb-2 flex items-center gap-2 text-green-700", children: [
            /* @__PURE__ */ e(u, { className: "w-5 h-5" }),
            a("sections.solution")
          ] }),
          /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)]", children: a("solution") })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ t("section", { id: "acces", className: "scroll-mt-4", children: [
      /* @__PURE__ */ t("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm", children: "2" }),
        a("sections.access")
      ] }),
      /* @__PURE__ */ t("div", { className: "card p-6 space-y-4", children: [
        /* @__PURE__ */ t("div", { children: [
          /* @__PURE__ */ e("div", { className: "text-sm font-medium text-[var(--text-secondary)] mb-2", children: a("access.navigation") }),
          /* @__PURE__ */ t("div", { className: "flex items-center gap-2 text-sm flex-wrap", children: [
            /* @__PURE__ */ e("span", { className: "px-3 py-1.5 rounded-lg bg-purple-500/10 text-purple-600 font-medium", children: "Platform" }),
            /* @__PURE__ */ e("span", { className: "text-[var(--text-tertiary)]", children: "›" }),
            /* @__PURE__ */ e("span", { className: "px-3 py-1.5 rounded-lg bg-blue-500/10 text-blue-600 font-medium", children: "Administration" }),
            /* @__PURE__ */ e("span", { className: "text-[var(--text-tertiary)]", children: "›" }),
            /* @__PURE__ */ e("span", { className: "px-3 py-1.5 rounded-lg bg-green-500/10 text-green-600 font-medium", children: "Tenants" }),
            /* @__PURE__ */ e("span", { className: "text-[var(--text-tertiary)]", children: "›" }),
            /* @__PURE__ */ e("span", { className: "px-3 py-1.5 rounded-lg bg-orange-500/10 text-orange-600 font-medium", children: "Templates" })
          ] })
        ] }),
        /* @__PURE__ */ t("div", { children: [
          /* @__PURE__ */ e("div", { className: "text-sm font-medium text-[var(--text-secondary)] mb-1", children: "URL" }),
          /* @__PURE__ */ e("code", { className: "text-sm px-3 py-1.5 bg-[var(--bg-secondary)] rounded-lg", children: "/administration/tenants/template" })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ t("section", { id: "interface", className: "scroll-mt-4", children: [
      /* @__PURE__ */ t("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm", children: "3" }),
        a("sections.interface")
      ] }),
      /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] mb-4", children: a("interface.defaultDesc") }),
      /* @__PURE__ */ t("div", { className: "card overflow-hidden mb-4", children: [
        /* @__PURE__ */ t("div", { className: "p-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]", children: [
          /* @__PURE__ */ t("div", { className: "flex items-center gap-2 text-xs text-[var(--text-secondary)] mb-3", children: [
            /* @__PURE__ */ e("span", { children: "Administration" }),
            /* @__PURE__ */ e("span", { children: "›" }),
            /* @__PURE__ */ e("span", { children: "Tenants" }),
            /* @__PURE__ */ e("span", { children: "›" }),
            /* @__PURE__ */ e("span", { className: "text-[var(--text-primary)]", children: a("title") })
          ] }),
          /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
            /* @__PURE__ */ e(f, { className: "w-6 h-6 text-[var(--color-primary-600)]" }),
            /* @__PURE__ */ t("div", { children: [
              /* @__PURE__ */ e("h3", { className: "text-lg font-semibold", children: a("title") }),
              /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: a("subtitle") })
            ] })
          ] })
        ] }),
        /* @__PURE__ */ e("div", { className: "p-6 grid grid-cols-1 lg:grid-cols-2 gap-6", children: C.map((s) => {
          const l = s.type === "Personal" ? m : p;
          return /* @__PURE__ */ e(
            "div",
            {
              className: "p-6 border border-[var(--border-color)] rounded-lg bg-[var(--bg-card)] hover:border-[var(--color-primary-600)] transition-all duration-200 shadow-sm",
              children: /* @__PURE__ */ t("div", { className: "space-y-4", children: [
                /* @__PURE__ */ t("div", { className: "flex items-start justify-between gap-3", children: [
                  /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
                    /* @__PURE__ */ e("div", { className: "p-2.5 rounded-lg bg-[var(--bg-secondary)]", children: /* @__PURE__ */ e(l, { className: "w-5 h-5 text-[var(--color-primary-600)]" }) }),
                    /* @__PURE__ */ t("div", { className: "min-w-0 flex-1", children: [
                      /* @__PURE__ */ e("h3", { className: "text-lg font-semibold text-[var(--text-primary)]", children: a(s.type === "Personal" ? "interface.personalTitle" : "interface.businessTitle") }),
                      /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-tertiary)] font-mono", children: s.code })
                    ] })
                  ] }),
                  /* @__PURE__ */ t("span", { className: "flex items-center gap-1 px-2.5 py-1 rounded-full text-xs bg-amber-500/10 text-amber-600 flex-shrink-0", children: [
                    /* @__PURE__ */ e(i, { className: "w-3 h-3" }),
                    a("interface.default")
                  ] })
                ] }),
                /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: a(s.type === "Personal" ? "interface.personalDescription" : "interface.businessDescription") }),
                /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e("span", { className: "px-2 py-0.5 rounded text-xs bg-green-500/10 text-green-600", children: a("interface.active") }) }),
                /* @__PURE__ */ t("div", { className: "grid grid-cols-2 gap-3 pt-2", children: [
                  /* @__PURE__ */ t("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)]", children: [
                    /* @__PURE__ */ t("div", { className: "flex items-center gap-2 mb-1", children: [
                      /* @__PURE__ */ e(h, { className: "w-4 h-4 text-[var(--text-tertiary)]" }),
                      /* @__PURE__ */ e("span", { className: "text-xs text-[var(--text-tertiary)]", children: a("interface.applications") })
                    ] }),
                    /* @__PURE__ */ e("div", { className: "text-lg font-bold text-[var(--text-primary)]", children: s.applicationCount })
                  ] }),
                  /* @__PURE__ */ t("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)]", children: [
                    /* @__PURE__ */ t("div", { className: "flex items-center gap-2 mb-1", children: [
                      /* @__PURE__ */ e(n, { className: "w-4 h-4 text-[var(--text-tertiary)]" }),
                      /* @__PURE__ */ e("span", { className: "text-xs text-[var(--text-tertiary)]", children: a("interface.tenants") })
                    ] }),
                    /* @__PURE__ */ e("div", { className: "text-lg font-bold text-[var(--text-primary)]", children: s.tenantCount })
                  ] })
                ] }),
                /* @__PURE__ */ t("button", { className: "w-full mt-2 py-2 px-3 rounded-lg bg-[var(--color-primary-600)] text-white text-sm font-medium flex items-center justify-center gap-2 opacity-80", children: [
                  a("interface.configure"),
                  /* @__PURE__ */ e(N, { className: "w-3.5 h-3.5" })
                ] })
              ] })
            },
            s.type
          );
        }) })
      ] }),
      /* @__PURE__ */ t("div", { className: "space-y-2", children: [
        /* @__PURE__ */ e(r, { text: a("interface.annotations.icon") }),
        /* @__PURE__ */ e(r, { text: a("interface.annotations.title") }),
        /* @__PURE__ */ e(r, { text: a("interface.annotations.code") }),
        /* @__PURE__ */ e(r, { text: a("interface.annotations.defaultBadge") }),
        /* @__PURE__ */ e(r, { text: a("interface.annotations.description") }),
        /* @__PURE__ */ e(r, { text: a("interface.annotations.status") }),
        /* @__PURE__ */ e(r, { text: a("interface.annotations.statsApps") }),
        /* @__PURE__ */ e(r, { text: a("interface.annotations.statsTenants") }),
        /* @__PURE__ */ e(r, { text: a("interface.annotations.cta") })
      ] })
    ] }),
    /* @__PURE__ */ t("section", { id: "creation", className: "scroll-mt-4", children: [
      /* @__PURE__ */ t("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm", children: "4" }),
        a("sections.createForm")
      ] }),
      /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] mb-4", children: a("form.desc") }),
      /* @__PURE__ */ e("div", { className: "card p-6", children: /* @__PURE__ */ t("div", { className: "border border-[var(--border-color)] rounded-lg p-6 bg-[var(--bg-secondary)]", children: [
        /* @__PURE__ */ t("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
          /* @__PURE__ */ t("div", { children: [
            /* @__PURE__ */ e("label", { className: "block text-sm font-medium mb-1", children: "Code *" }),
            /* @__PURE__ */ e(
              "input",
              {
                type: "text",
                placeholder: "portail-client",
                value: "starter-b2c",
                readOnly: !0,
                className: "w-full px-3 py-2 border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]"
              }
            ),
            /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-tertiary)] mt-1", children: a("form.codeHint") })
          ] }),
          /* @__PURE__ */ t("div", { children: [
            /* @__PURE__ */ t("label", { className: "block text-sm font-medium mb-1", children: [
              a("form.name"),
              " *"
            ] }),
            /* @__PURE__ */ e(
              "input",
              {
                type: "text",
                placeholder: "Starter B2C",
                value: "Starter B2C",
                readOnly: !0,
                className: "w-full px-3 py-2 border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]"
              }
            )
          ] }),
          /* @__PURE__ */ t("div", { children: [
            /* @__PURE__ */ t("label", { className: "block text-sm font-medium mb-1", children: [
              a("form.targetType"),
              " *"
            ] }),
            /* @__PURE__ */ t("select", { className: "w-full px-3 py-2 border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]", disabled: !0, children: [
              /* @__PURE__ */ e("option", { children: "Personal (B2C)" }),
              /* @__PURE__ */ e("option", { children: "Business (B2B)" })
            ] })
          ] }),
          /* @__PURE__ */ t("div", { children: [
            /* @__PURE__ */ e("label", { className: "block text-sm font-medium mb-1", children: "Description" }),
            /* @__PURE__ */ e(
              "input",
              {
                type: "text",
                placeholder: a("form.descriptionPlaceholder"),
                value: "Template de base pour les clients B2C",
                readOnly: !0,
                className: "w-full px-3 py-2 border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]"
              }
            )
          ] })
        ] }),
        /* @__PURE__ */ t("div", { className: "flex items-center gap-3 mt-6 pt-6 border-t border-[var(--border-color)]", children: [
          /* @__PURE__ */ t("button", { className: "px-4 py-2 bg-[var(--color-primary-600)] text-white rounded-lg flex items-center gap-2 opacity-80", children: [
            /* @__PURE__ */ e(g, { className: "w-4 h-4" }),
            a("form.create")
          ] }),
          /* @__PURE__ */ e("button", { className: "px-4 py-2 border border-[var(--border-color)] rounded-lg opacity-80", children: a("form.cancel") })
        ] })
      ] }) }),
      /* @__PURE__ */ t("div", { className: "space-y-2 mt-4", children: [
        /* @__PURE__ */ e(r, { text: a("form.annotations.code") }),
        /* @__PURE__ */ e(r, { text: a("form.annotations.name") }),
        /* @__PURE__ */ e(r, { text: a("form.annotations.targetType") }),
        /* @__PURE__ */ e(r, { text: a("form.annotations.description") }),
        /* @__PURE__ */ e(r, { text: a("form.annotations.actions") })
      ] })
    ] }),
    /* @__PURE__ */ t("section", { id: "detail", className: "scroll-mt-4", children: [
      /* @__PURE__ */ t("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm", children: "5" }),
        a("sections.detailView")
      ] }),
      /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] mb-4", children: a("detail.desc") }),
      /* @__PURE__ */ t("div", { className: "card overflow-hidden", children: [
        /* @__PURE__ */ t("div", { className: "p-4 border-b border-[var(--border-color)] flex items-center justify-between", children: [
          /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
            /* @__PURE__ */ e(o, { className: "w-6 h-6 text-[var(--color-primary-600)]" }),
            /* @__PURE__ */ t("div", { children: [
              /* @__PURE__ */ t("h3", { className: "font-semibold flex items-center gap-2", children: [
                "Espace Professionnel",
                /* @__PURE__ */ e(i, { className: "w-4 h-4 text-yellow-500 fill-yellow-500" })
              ] }),
              /* @__PURE__ */ e("span", { className: "text-xs font-mono text-[var(--text-secondary)]", children: "espace-pro" })
            ] })
          ] }),
          /* @__PURE__ */ t("span", { className: "px-2 py-1 text-xs rounded bg-purple-500/10 text-purple-600 flex items-center gap-1", children: [
            /* @__PURE__ */ e(p, { className: "w-3 h-3" }),
            " Business"
          ] })
        ] }),
        /* @__PURE__ */ e("div", { className: "border-b border-[var(--border-color)] flex", children: A.map((s) => /* @__PURE__ */ e(
          "button",
          {
            className: `px-4 py-3 text-sm font-medium border-b-2 ${s.active ? "border-[var(--color-primary-600)] text-[var(--color-primary-600)]" : "border-transparent text-[var(--text-secondary)]"}`,
            children: s.label
          },
          s.label
        )) }),
        /* @__PURE__ */ t("div", { className: "p-4 grid grid-cols-3 gap-4", children: [
          /* @__PURE__ */ t("div", { className: "p-3 bg-[var(--bg-secondary)] rounded-lg text-center", children: [
            /* @__PURE__ */ e(h, { className: "w-5 h-5 mx-auto mb-1 text-[var(--color-primary-600)]" }),
            /* @__PURE__ */ e("div", { className: "text-xl font-bold", children: "5" }),
            /* @__PURE__ */ e("div", { className: "text-xs text-[var(--text-secondary)]", children: "Applications" })
          ] }),
          /* @__PURE__ */ t("div", { className: "p-3 bg-[var(--bg-secondary)] rounded-lg text-center", children: [
            /* @__PURE__ */ e(x, { className: "w-5 h-5 mx-auto mb-1 text-[var(--color-primary-600)]" }),
            /* @__PURE__ */ e("div", { className: "text-xl font-bold", children: "12" }),
            /* @__PURE__ */ e("div", { className: "text-xs text-[var(--text-secondary)]", children: "Modules" })
          ] }),
          /* @__PURE__ */ t("div", { className: "p-3 bg-[var(--bg-secondary)] rounded-lg text-center", children: [
            /* @__PURE__ */ e(n, { className: "w-5 h-5 mx-auto mb-1 text-[var(--color-primary-600)]" }),
            /* @__PURE__ */ e("div", { className: "text-xl font-bold", children: "8" }),
            /* @__PURE__ */ e("div", { className: "text-xs text-[var(--text-secondary)]", children: "Tenants" })
          ] })
        ] }),
        /* @__PURE__ */ t("div", { className: "p-4 border-t border-[var(--border-color)]", children: [
          /* @__PURE__ */ e("h4", { className: "font-semibold mb-3 text-sm text-[var(--text-secondary)] uppercase tracking-wider", children: a("detail.applicationsAssigned") }),
          /* @__PURE__ */ e("div", { className: "space-y-2", children: P.map((s) => /* @__PURE__ */ t("div", { className: "flex items-center justify-between p-3 bg-[var(--bg-secondary)] rounded-lg", children: [
            /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
              /* @__PURE__ */ e("span", { className: "text-lg", children: s.icon }),
              /* @__PURE__ */ t("div", { children: [
                /* @__PURE__ */ e("div", { className: "font-medium text-sm", children: s.name }),
                /* @__PURE__ */ t("div", { className: "text-xs text-[var(--text-secondary)]", children: [
                  s.modules,
                  " modules, ",
                  s.sections,
                  " sections"
                ] })
              ] })
            ] }),
            /* @__PURE__ */ e("span", { className: `px-2 py-1 text-xs rounded ${s.accessLevel === "Complet" ? "bg-green-500/10 text-green-600" : "bg-orange-500/10 text-orange-600"}`, children: s.accessLevel })
          ] }, s.name)) })
        ] })
      ] }),
      /* @__PURE__ */ t("div", { className: "space-y-2 mt-4", children: [
        /* @__PURE__ */ e(r, { text: a("detail.annotations.header") }),
        /* @__PURE__ */ e(r, { text: a("detail.annotations.tabs") }),
        /* @__PURE__ */ e(r, { text: a("detail.annotations.stats") }),
        /* @__PURE__ */ e(r, { text: a("detail.annotations.apps") })
      ] })
    ] }),
    /* @__PURE__ */ t("section", { id: "cas-usage", className: "scroll-mt-4", children: [
      /* @__PURE__ */ t("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm", children: "6" }),
        a("sections.useCases")
      ] }),
      /* @__PURE__ */ t("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
        /* @__PURE__ */ t("div", { className: "card p-6", children: [
          /* @__PURE__ */ t("div", { className: "flex items-center gap-3 mb-4", children: [
            /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-full bg-blue-500/10 flex items-center justify-center", children: /* @__PURE__ */ e(n, { className: "w-6 h-6 text-blue-600" }) }),
            /* @__PURE__ */ t("div", { children: [
              /* @__PURE__ */ e("div", { className: "font-semibold", children: a("useCases.1.persona") }),
              /* @__PURE__ */ e("div", { className: "text-sm text-[var(--text-secondary)]", children: a("useCases.1.role") })
            ] })
          ] }),
          /* @__PURE__ */ t("div", { className: "space-y-3 text-sm", children: [
            /* @__PURE__ */ t("div", { children: [
              /* @__PURE__ */ e("span", { className: "font-medium text-[var(--text-secondary)]", children: "Situation : " }),
              /* @__PURE__ */ e("span", { children: a("useCases.1.situation") })
            ] }),
            /* @__PURE__ */ t("div", { children: [
              /* @__PURE__ */ e("span", { className: "font-medium text-green-600", children: "Avec les templates : " }),
              /* @__PURE__ */ e("span", { children: a("useCases.1.withFeature") })
            ] })
          ] })
        ] }),
        /* @__PURE__ */ t("div", { className: "card p-6", children: [
          /* @__PURE__ */ t("div", { className: "flex items-center gap-3 mb-4", children: [
            /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-full bg-purple-500/10 flex items-center justify-center", children: /* @__PURE__ */ e(n, { className: "w-6 h-6 text-purple-600" }) }),
            /* @__PURE__ */ t("div", { children: [
              /* @__PURE__ */ e("div", { className: "font-semibold", children: a("useCases.2.persona") }),
              /* @__PURE__ */ e("div", { className: "text-sm text-[var(--text-secondary)]", children: a("useCases.2.role") })
            ] })
          ] }),
          /* @__PURE__ */ t("div", { className: "space-y-3 text-sm", children: [
            /* @__PURE__ */ t("div", { children: [
              /* @__PURE__ */ e("span", { className: "font-medium text-[var(--text-secondary)]", children: "Situation : " }),
              /* @__PURE__ */ e("span", { children: a("useCases.2.situation") })
            ] }),
            /* @__PURE__ */ t("div", { children: [
              /* @__PURE__ */ e("span", { className: "font-medium text-green-600", children: "Avec les templates : " }),
              /* @__PURE__ */ e("span", { children: a("useCases.2.withFeature") })
            ] })
          ] })
        ] }),
        /* @__PURE__ */ t("div", { className: "card p-6", children: [
          /* @__PURE__ */ t("div", { className: "flex items-center gap-3 mb-4", children: [
            /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-full bg-green-500/10 flex items-center justify-center", children: /* @__PURE__ */ e(n, { className: "w-6 h-6 text-green-600" }) }),
            /* @__PURE__ */ t("div", { children: [
              /* @__PURE__ */ e("div", { className: "font-semibold", children: a("useCases.3.persona") }),
              /* @__PURE__ */ e("div", { className: "text-sm text-[var(--text-secondary)]", children: a("useCases.3.role") })
            ] })
          ] }),
          /* @__PURE__ */ t("div", { className: "space-y-3 text-sm", children: [
            /* @__PURE__ */ t("div", { children: [
              /* @__PURE__ */ e("span", { className: "font-medium text-[var(--text-secondary)]", children: "Situation : " }),
              /* @__PURE__ */ e("span", { children: a("useCases.3.situation") })
            ] }),
            /* @__PURE__ */ t("div", { children: [
              /* @__PURE__ */ e("span", { className: "font-medium text-green-600", children: "Avec les templates : " }),
              /* @__PURE__ */ e("span", { children: a("useCases.3.withFeature") })
            ] })
          ] })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ t("section", { id: "fonctionnalites", className: "scroll-mt-4", children: [
      /* @__PURE__ */ t("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm", children: "7" }),
        a("sections.features")
      ] }),
      /* @__PURE__ */ e("div", { className: "space-y-4", children: [1, 2, 3, 4, 5].map((s) => /* @__PURE__ */ e("div", { className: "card p-6", children: /* @__PURE__ */ t("div", { className: "flex items-start gap-4", children: [
        /* @__PURE__ */ t("div", { className: "w-12 h-12 rounded-lg bg-[var(--color-primary-600)]/10 flex items-center justify-center flex-shrink-0", children: [
          s === 1 && /* @__PURE__ */ e(m, { className: "w-6 h-6 text-[var(--color-primary-600)]" }),
          s === 2 && /* @__PURE__ */ e(x, { className: "w-6 h-6 text-[var(--color-primary-600)]" }),
          s === 3 && /* @__PURE__ */ e(y, { className: "w-6 h-6 text-[var(--color-primary-600)]" }),
          s === 4 && /* @__PURE__ */ e(i, { className: "w-6 h-6 text-[var(--color-primary-600)]" }),
          s === 5 && /* @__PURE__ */ e(w, { className: "w-6 h-6 text-[var(--color-primary-600)]" })
        ] }),
        /* @__PURE__ */ t("div", { className: "flex-1", children: [
          /* @__PURE__ */ e("h3", { className: "font-semibold mb-2", children: a(`features.${s}.title`) }),
          /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] mb-3", children: a(`features.${s}.description`) }),
          /* @__PURE__ */ t("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)] text-sm", children: [
            /* @__PURE__ */ e("span", { className: "font-medium text-[var(--color-primary-600)]", children: "Exemple : " }),
            a(`features.${s}.example`)
          ] })
        ] })
      ] }) }, s)) })
    ] }),
    /* @__PURE__ */ t("section", { id: "faq", className: "scroll-mt-4", children: [
      /* @__PURE__ */ t("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm", children: "8" }),
        a("sections.faq")
      ] }),
      /* @__PURE__ */ e("div", { className: "space-y-4", children: [1, 2, 3, 4, 5].map((s) => /* @__PURE__ */ t("div", { className: "card p-4", children: [
        /* @__PURE__ */ e("h3", { className: "font-medium mb-2", children: a(`faq.${s}.question`) }),
        /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: a(`faq.${s}.answer`) })
      ] }, s)) })
    ] }),
    /* @__PURE__ */ e("section", { id: "reference", className: "scroll-mt-4", children: /* @__PURE__ */ t("details", { className: "card", children: [
      /* @__PURE__ */ t("summary", { className: "p-4 cursor-pointer hover:bg-[var(--bg-secondary)] rounded-lg font-semibold flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-gray-500/10 text-gray-600 flex items-center justify-center text-sm", children: "9" }),
        a("sections.technicalRef")
      ] }),
      /* @__PURE__ */ t("div", { className: "p-4 pt-0 space-y-6", children: [
        /* @__PURE__ */ t("div", { children: [
          /* @__PURE__ */ e("h3", { className: "font-semibold mb-3", children: a("techRef.businessRules") }),
          /* @__PURE__ */ e("div", { className: "space-y-2", children: [
            { id: "BR-001", name: "Code kebab-case", category: "Validation" },
            { id: "BR-002", name: "Code unique", category: "Validation" },
            { id: "BR-003", name: "Longueur du code", category: "Validation" },
            { id: "BR-004", name: "Default auto", category: "Automatisation" },
            { id: "BR-005", name: "Suppression protegee", category: "Integrite" },
            { id: "BR-006", name: "Navigation propagee", category: "Comportement" }
          ].map((s) => /* @__PURE__ */ t("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)]", children: [
            /* @__PURE__ */ t("div", { className: "flex items-center gap-2 mb-1", children: [
              /* @__PURE__ */ e("span", { className: "text-xs font-mono text-[var(--color-primary-600)]", children: s.id }),
              /* @__PURE__ */ e("span", { className: "text-xs px-2 py-0.5 rounded bg-[var(--color-primary-600)]/10", children: s.category })
            ] }),
            /* @__PURE__ */ e("div", { className: "font-medium text-sm", children: s.name }),
            /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-secondary)] mt-1", children: a(`techRef.rules.${s.id}`) })
          ] }, s.id)) })
        ] }),
        /* @__PURE__ */ t("div", { children: [
          /* @__PURE__ */ e("h3", { className: "font-semibold mb-3", children: "Permissions" }),
          /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ t("table", { className: "w-full text-sm", children: [
            /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ t("tr", { className: "border-b border-[var(--border-color)]", children: [
              /* @__PURE__ */ e("th", { className: "text-left py-2 px-3", children: "Permission" }),
              /* @__PURE__ */ e("th", { className: "text-left py-2 px-3", children: "Description" })
            ] }) }),
            /* @__PURE__ */ e("tbody", { children: B.map((s, l) => /* @__PURE__ */ t("tr", { className: "border-b border-[var(--border-color)]", children: [
              /* @__PURE__ */ e("td", { className: "py-2 px-3 font-mono text-xs", children: s.path }),
              /* @__PURE__ */ e("td", { className: "py-2 px-3", children: s.description })
            ] }, l)) })
          ] }) })
        ] }),
        /* @__PURE__ */ t("div", { children: [
          /* @__PURE__ */ e("h3", { className: "font-semibold mb-3", children: a("techRef.apiEndpoints") }),
          /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ t("table", { className: "w-full text-sm", children: [
            /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ t("tr", { className: "bg-[var(--bg-secondary)]", children: [
              /* @__PURE__ */ e("th", { className: "text-left py-2 px-3", children: "Method" }),
              /* @__PURE__ */ e("th", { className: "text-left py-2 px-3", children: "Endpoint" }),
              /* @__PURE__ */ e("th", { className: "text-left py-2 px-3", children: "Handler" })
            ] }) }),
            /* @__PURE__ */ e("tbody", { children: j.map((s, l) => /* @__PURE__ */ t("tr", { className: "border-b border-[var(--border-color)]", children: [
              /* @__PURE__ */ e("td", { className: "py-2 px-3", children: /* @__PURE__ */ e("span", { className: `px-2 py-0.5 rounded text-xs font-medium ${s.method === "GET" ? "bg-blue-500/10 text-blue-600" : s.method === "POST" ? "bg-green-500/10 text-green-600" : s.method === "PUT" || s.method === "PATCH" ? "bg-orange-500/10 text-orange-600" : "bg-red-500/10 text-red-600"}`, children: s.method }) }),
              /* @__PURE__ */ e("td", { className: "py-2 px-3 font-mono text-xs", children: s.path }),
              /* @__PURE__ */ e("td", { className: "py-2 px-3 text-[var(--text-secondary)]", children: s.handler })
            ] }, l)) })
          ] }) })
        ] })
      ] })
    ] }) }),
    /* @__PURE__ */ e("div", { className: "flex justify-between pt-6 border-t border-[var(--border-color)]", children: /* @__PURE__ */ t(
      c,
      {
        to: "/docs/business/administration/tenants",
        className: "flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)]",
        children: [
          /* @__PURE__ */ e(d, { className: "w-4 h-4" }),
          a("nav.backToTenants")
        ]
      }
    ) })
  ] });
}
export {
  G as default
};
//# sourceMappingURL=index-B2rKKVDN.js.map
