import CartPage from '@/features/cart/ui/CartPage';
import { Metadata } from 'next';
import { Suspense } from 'react';

interface Props {
  params: { locale: 'uz' | 'ru' };
}

export async function generateMetadata({ params }: Props): Promise<Metadata> {
  const { locale } = await params;

  const titles = {
    uz: 'Savat | GASTRO',
    ru: 'Корзина | Магазин товаров',
  };

  const descriptions = {
    uz: 'Sizning xaridingizni boshqarish uchun savat sahifasi. Mahsulotlar qo‘shing, o‘chiring yoki miqdorini o‘zgartiring. Tez va qulay xarid tajribasi.',
    ru: 'Страница корзины для управления вашими покупками. Добавляйте товары, удаляйте или изменяйте количество. Быстрый и удобный опыт покупки.',
  };

  const keywords = {
    uz: 'savat, xarid, mahsulotlar, onlayn do‘kon, xaridni boshqarish',
    ru: 'корзина, покупки, товары, онлайн-магазин, управление покупками',
  };

  return {
    title: titles[locale],
    description: descriptions[locale],
    keywords: keywords[locale],
    openGraph: {
      title: titles[locale],
      description: descriptions[locale],
      siteName: 'GASTRO',
      images: [
        {
          url: '/logos/logo.png', // public papkadan rasm
          width: 1200,
          height: 1200,
          alt: titles[locale],
        },
      ],
      locale: locale === 'uz' ? 'uz_UZ' : 'ru_RU',
      type: 'website',
    },
    twitter: {
      card: 'summary_large_image',
      title: titles[locale],
      description: descriptions[locale],
      images: ['/logos/logo.png'],
    },
  };
}

const Page = () => {
  return (
    <Suspense>
      <CartPage />
    </Suspense>
  );
};

export default Page;
