import { headers } from "next/headers";
import { auth } from "@/lib/auth";
import { redirect } from "next/navigation";
import { ForceChangeForm } from "./force-change-form";
import { StopImpersonateBanner } from "@/components/admin/stop-impersonate-banner";

export default async function ChangePasswordPage() {
  const session = await auth.api.getSession({ headers: await headers() });
  if (!session) redirect("/login");

  const isImpersonating = !!(session.session as { impersonatedBy?: string }).impersonatedBy;

  return (
    <div
      className="min-h-screen flex flex-col"
      style={{ backgroundColor: "var(--background)" }}
    >
      {isImpersonating && <StopImpersonateBanner userName={session.user.name} />}
      <div className="flex-1 flex items-center justify-center p-4">
        <div className="w-full max-w-sm">
          <h1 className="text-xl font-bold mb-2" style={{ color: "var(--foreground)" }}>
            Задайте свой пароль
          </h1>
          <p className="text-sm mb-6" style={{ color: "var(--muted-foreground)" }}>
            Вы вошли с временным паролем. Перед началом работы задайте постоянный — это займёт минуту.
          </p>
          <ForceChangeForm />
        </div>
      </div>
    </div>
  );
}