import { Container } from '@/components/layout';
import { PageHeader } from '@/components/navigation';
import { ContactDataCard, PersonCard, ProfileOrdersList } from '@/components/profile';
import { ProfileButtons } from '@/components/profile/profile-buttons';
import { ReadonlyServicesList } from '@/components/profile/services';

// Тип параметров страницы
type Props = { params: Promise<{ telegramId: string }> };

export default async function ProfilePage(props: Readonly<Props>) {
  const { telegramId } = await props.params;
  const contactTelegramId = Number(telegramId);

  return (
    <>
      <PageHeader title="Профиль контакта" />
      <Container className="px-0">
        <PersonCard telegramId={contactTelegramId} />
        <ContactDataCard telegramId={contactTelegramId} />
        <ReadonlyServicesList telegramId={contactTelegramId} />
        <ProfileOrdersList telegramId={contactTelegramId} />
        <div className="pb-24" />
        <ProfileButtons telegramId={contactTelegramId} />
      </Container>
    </>
  );
}
