import { auth } from "@/lib/auth";
import { getTranslations, setRequestLocale } from "next-intl/server";
import BrandingForm from "@/components/brand/BrandingForm";

export default async function SettingsBrandingPage({
  params,
}: {
  params: Promise<{ locale: string }>;
}) {
  const { locale } = await params;
  setRequestLocale(locale);

  const session = await auth();
  const permissions: string[] = session?.user.permissions ?? [];
  const isSuperAdmin = session?.user.role?.name === "SUPER_ADMIN";
  const canUpdate = Boolean(isSuperAdmin || permissions.includes("SETTINGS_UPDATE"));

  const t = await getTranslations("branding");

  return (
    <div className="w-full space-y-6">
      <div className="border-b border-[var(--border)] pb-5">
        <h2 className="text-lg font-semibold tracking-tight sm:text-xl">{t("title")}</h2>
        <p className="mt-1 text-sm text-[var(--text-muted)]">{t("subtitle")}</p>
      </div>
      <BrandingForm canUpdate={canUpdate} />
    </div>
  );
}