import { Metadata } from "next";
import { getTranslations } from "next-intl/server";
import { PostEditor } from "@/components/dashboard/post/post-editor";
import { DashboardLayout, DashboardBreadcrump } from "@/components/layout/dashboard";
import { createHelpers } from "@/lib/trpc/server";
import { Routes } from "@/config/routes";

export async function generateMetadata(): Promise<Metadata> {
    const t = await getTranslations();

    return {
        title: t("dashboard.post.editor.create.title"),
        description: t("dashboard.post.editor.create.description")
    };
}

export default async function CreatePostPage() {
    const t = await getTranslations();
    const helpers = await createHelpers();

    const profile = await helpers.profile.main.fetch();

    return (
        <DashboardLayout
          title={t("dashboard.post.editor.create.title")}
          description={t("dashboard.post.editor.create.description")}
          back={Routes.DASHBOARD.POST_LIST}>
            <DashboardBreadcrump>
                <DashboardBreadcrump.Item href={Routes.DASHBOARD.POST_LIST}>{t("dashboard.post.list.title")}</DashboardBreadcrump.Item>
                <DashboardBreadcrump.Item>{t("dashboard.post.editor.create.title")}</DashboardBreadcrump.Item>
            </DashboardBreadcrump>

            <PostEditor
              mode="create"
              mainProfileId={profile?.id} />
        </DashboardLayout>
    );
}