import { requireUser } from "@/lib/auth";
import { getSettings } from "@/lib/settings";
import { AppShell } from "@/components/AppShell";
import { SettingsNav } from "@/components/settings/SettingsNav";

/** Rahmen der Einstellungen: Seitennavigation links, Inhalt rechts. */
export default async function SettingsLayout({ children }: { children: React.ReactNode }) {
  const user = await requireUser("/einstellungen");
  const settings = await getSettings();

  return (
    <AppShell user={user} instanceName={settings.instanceName}>
      <header className="mb-6">
        <h1 className="text-2xl font-semibold tracking-tight sm:text-3xl">Einstellungen</h1>
      </header>

      <div className="grid gap-6 lg:grid-cols-[14rem_minmax(0,1fr)]">
        <SettingsNav isAdmin={user.role === "ADMIN"} />
        <div className="min-w-0">{children}</div>
      </div>
    </AppShell>
  );
}