import type { Metadata } from "next";
import { notFound } from "next/navigation";
import { TestimonialForm } from "@/components/admin/TestimonialForm";
import { getTestimonial } from "@/lib/cms";

export const metadata: Metadata = {
  title: "Edit testimonial",
  robots: { index: false, follow: false },
};

export default async function EditTestimonialPage({
  params,
}: {
  params: Promise<{ id: string }>;
}) {
  const { id } = await params;
  const testimonial = await getTestimonial(id);
  if (!testimonial) notFound();

  return (
    <div className="space-y-8">
      <header>
        <p className="text-sm font-semibold uppercase tracking-[0.14em] text-coral">
          Content
        </p>
        <h1 className="display-2 mt-2">Edit testimonial</h1>
        <p className="mt-2 text-ink-mute">
          from {testimonial.author}
        </p>
      </header>

      <TestimonialForm
        initial={{
          id: testimonial.id,
          quote: testimonial.quote,
          author: testimonial.author,
          role: testimonial.role,
          rating: testimonial.rating,
          published: testimonial.published,
        }}
        mode="edit"
      />
    </div>
  );
}