import Link from "next/link";
import type { SearchParams } from "nuqs/server";
import { Icons } from "@/components/icons";
import PageContainer from "@/components/layout/page-container";
import { buttonVariants } from "@/components/ui/button";
import PendingReviewListingPage from "@/features/training-records/components/pending-review-listing";
import { requireHRDDashboardAccess } from "@/lib/auth/page-guards";
import { searchParamsCache } from "@/lib/searchparams";
import { cn } from "@/lib/utils";

export const metadata = {
  title: "แดชบอร์ด: รอตรวจสอบ",
};

type PageProps = {
  searchParams: Promise<SearchParams>;
};

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

  searchParamsCache.parse(searchParams);

  return (
    <PageContainer
      pageTitle="รอตรวจสอบ"
      pageDescription="ตรวจสอบและอนุมัติรายการอบรมที่พนักงานส่งเข้ามา"
      // pageHeaderAction={
      //   <Link
      //     href='/dashboard/training-records'
      //     className={cn(buttonVariants({ variant: 'outline' }), 'text-xs md:text-sm')}
      //   >
      //     <Icons.calendar className='mr-2 h-4 w-4' />
      //     ประวัติการอบรมทั้งหมด
      //   </Link>
      // }
    >
      <PendingReviewListingPage />
    </PageContainer>
  );
}
