import type { Metadata } from "next";
import { getProfile } from "@/lib/actions/profile"
import { redirect } from "next/navigation"
import { ProfileForm } from "./_components/ProfileForm"

export const metadata: Metadata = {
  title: "My Profile | Admin | E-Library",
  description: "Manage your admin profile and account settings.",
};

export default async function ProfilePage() {
  const result = await getProfile()

  // Not logged in → send to login
  if (result.status === "error" || !result.data) redirect("/login")

  return (
    <div className="min-h-screen">

      {/* ── Header ── */}
      <div className="border-b px-6 py-4 bg-primary h-[30vh] flex items-center">
        <div className="max-w-2xl mx-auto text-center">
          <h1 className="text-2xl font-semibold">
            My Profile
          </h1>
          <p className="text-sm text-muted-foreground mt-0.5">
            Manage your personal information and account settings.
          </p>
        </div>
      </div>

      {/* ── Form ── */}
      <div className="max-w-2xl mx-auto px-6 py-10">
        <ProfileForm user={result.data} />
      </div>
    </div>
  )
}