import type { Metadata } from "next";
import { BrandLogo } from "@/components/brand/brand-logo";
import { requireSession } from "@/server/auth/current-user";
import { ChangePasswordForm } from "@/app/admin/cambiar-clave/change-password-form";

export const metadata: Metadata = {
  title: "Cambiar contraseña",
  robots: { index: false, follow: false },
};

export default async function ChangePasswordPage() {
  const session = await requireSession();
  return (
    <div className="flex min-h-dvh items-center justify-center bg-chesco-black px-6 py-12">
      <div className="w-full max-w-sm">
        <div className="mb-8 flex justify-center">
          <BrandLogo variant="logoWhite" height={72} />
        </div>
        <div className="rounded-chesco-lg bg-chesco-white p-6 sm:p-8">
          <h1 className="font-display text-xl font-bold">Cambiar contraseña</h1>
          {session.user.mustChangePassword && (
            <p className="mt-2 text-sm text-chesco-text-muted">
              Por seguridad, define una contraseña nueva antes de continuar.
            </p>
          )}
          <div className="mt-6">
            <ChangePasswordForm />
          </div>
        </div>
      </div>
    </div>
  );
}