import PageContainer from '@/components/layout/page-container';
import { EmployeeDirectoryDetailPage } from '@/features/employee-directory/components/employee-directory-detail-page';
import { requireHRDDashboardAccess } from '@/lib/auth/page-guards';

export const metadata = {
  title: 'Dashboard: Employee Directory Detail'
};

type PageProps = {
  params: Promise<{ id: string }>;
};

export default async function Page(props: PageProps) {
  const access = await requireHRDDashboardAccess();
  const params = await props.params;

  return (
    <PageContainer
      pageTitle='รายชื่อพนักงานทั้งหมด'
      pageDescription='รายละเอียดข้อมูลพนักงาน ชั่วโมงอบรม และประวัติการอบรมรายบุคคล'
    >
      <EmployeeDirectoryDetailPage
        organizationId={access.organization.id}
        employeeId={params.id}
      />
    </PageContainer>
  );
}
