import { createI18nServerInstance } from '~/lib/i18n/i18n.server';
import { withI18n } from '~/lib/i18n/with-i18n';
import { PageBody } from '@kit/ui/page';
import { Trans } from '@kit/ui/trans';
import { HomeLayoutPageHeader } from '../../_components/home-page-header';
import { loadAnalyses } from '../../_lib/server/load-analyses';
import OrderAnalysesCards from '../../_components/order-analyses-cards';

export const generateMetadata = async () => {
  const { t } = await createI18nServerInstance();

  return {
    title: t('order-analysis:title'),
  };
};

async function OrderAnalysisPage() {
  const { analyses, countryCode } = await loadAnalyses();
  
  return (
    <>
      <HomeLayoutPageHeader
        title={<Trans i18nKey={'order-analysis:title'} />}
        description={<Trans i18nKey={'order-analysis:description'} />}
      />
      <PageBody>
        <OrderAnalysesCards analyses={analyses} countryCode={countryCode} />
      </PageBody>
    </>
  );
}

export default withI18n(OrderAnalysisPage);