import type { Metadata } from 'next'
import { getDictionary, LOCALES, type Locale } from '@/lib/i18n'
import ClientsSection from '@/components/sections/ClientsSection'

export function generateStaticParams() {
  return LOCALES.map(lang => ({ lang }))
}

export async function generateMetadata({ params }: { params: Promise<{ lang: string }> }): Promise<Metadata> {
  const { lang } = await params
  const isRu = lang === 'ru'
  return {
    title: isRu ? 'Наши клиенты — Сисадмингрупп' : 'Our Clients — SysadminGroup',
    description: isRu
      ? 'Компании, которые доверяют IT-инфраструктуру Сисадмингрупп. 150+ клиентов в Пушкино и Московской области.'
      : 'Companies that trust SysadminGroup with their IT infrastructure. 150+ clients in Moscow Region.',
    alternates: {
      canonical: `https://sag24.ru/${lang}/clients/`,
      languages: {
        'ru': 'https://sag24.ru/ru/clients/',
        'en': 'https://sag24.ru/en/clients/',
        'x-default': 'https://sag24.ru/ru/clients/',
      },
    },
    openGraph: {
      title: isRu ? 'Наши клиенты — Сисадмингрупп' : 'Our Clients — SysadminGroup',
      description: isRu
        ? '150+ компаний доверяют нам своё IT в Пушкино и Московской области.'
        : '150+ companies trust us with their IT in Moscow Region.',
      url: `https://sag24.ru/${lang}/clients/`,
      images: [{ url: '/og-image.png' }],
    },
  }
}

export default async function ClientsPage({ params }: { params: Promise<{ lang: string }> }) {
  const { lang: langStr } = await params
  const lang = langStr as Locale
  const d = getDictionary(lang)
  return (
    <div className="pt-16">
      <ClientsSection d={d} standalone />
    </div>
  )
}
