import { getProjectBySlug } from "@/app/actions";
import WorkDetailClient from "@/components/WorkDetailClient";
import { notFound } from "next/navigation";
import { Metadata } from "next";

export async function generateMetadata({ params }: { params: Promise<{ slug: string }> }): Promise<Metadata> {
    const { slug } = await params;
    const data = await getProjectBySlug(slug);
    if (!data) return {};

    const { project } = data;
    return {
        title: project.title,
        description: project.subtitle,
        openGraph: {
            title: `${project.title} | Muğla Dijital`,
            description: project.subtitle,
            images: [project.hero_image],
        },
    };
}

export default async function ProjectDetailPage({ params }: { params: Promise<{ slug: string }> }) {
    const { slug } = await params;
    const data = await getProjectBySlug(slug);
    if (!data) notFound();

    return <WorkDetailClient project={data.project} nextProject={data.nextProject} />;
}