import { GET } from "@/utils/get";
import { Metadata } from "next";

import { getTranslations } from "next-intl/server";
import { CheckoutContent } from "./_components/content";

export const dynamic = "force-dynamic";

export async function generateMetadata(): Promise<Metadata> {
    const t = await getTranslations();
    return {
        title: t("routes.checkout"),
        description: "Checkout page",
    };
};

export default async function CheckoutPG() {
    const [checkout, user] = await Promise.all([
        GET({ url: "/cart/checkout", context: "dashboard", revalidate: 0 }),
        GET({ url: "/user", context: "dashboard" }),
    ]);
    return (
        <main className="grid place-items-center">
            <CheckoutContent
                checkout={checkout}
                user={user}
            />
        </main>
    );
}