import AccommodationDetailSection from "@/component/accommodation/AccommodationDetailSection";
import {
  getAccommodationBySlug,
  getAllAccommodation,
} from "@/service/dataService";

export async function generateMetadata({
  params,
}: {
  params: { name: string };
}) {
  const data = await getAccommodationBySlug({ slug: params.name });
  return {
    title: `${data.name} | Kearsleys - Travel & Tours`,
    description: data.description[0],
    openGraph: {
      images: [data.images[0]],
    },
  };
}

export default function page({ params }: { params: { name: string } }) {
  return (
    <main className="main-container">
      <AccommodationDetailSection accommodationName={params.name} />
    </main>
  );
}

export async function generateStaticParams() {
  const data = await getAllAccommodation();

  return data.map((item) => ({
    name: item.slug,
  }));
}