import { Percent } from "lucide-react"

import { ListPageCard } from "@/app/dashboard/_components"
import { ErrorBanner } from "@/components/shared/error-banner"

import { IsinAssetMasterTable } from "./_components/isin-asset-master-table"
import { fetchBackendIsinAssetMasters } from "./_lib/isin-asset-master-server-api"

export default async function IsinAssetMasterPage() {
  const { rows, totalCount, errorMessage, pibClassList } = await fetchBackendIsinAssetMasters()

  return (
    <ListPageCard
      icon={Percent}
      title="ISIN Asset Master"
      description="Cross-bank AC/AT/PIB probability master with bank votes."
      breadcrumb={[{ label: "Master Table" }, { label: "ISIN Asset Master" }]}
    >
      <ErrorBanner message={errorMessage} className="mb-4" />
      <IsinAssetMasterTable
        data={rows}
        totalCount={totalCount}
        pibClassList={pibClassList ?? []}
      />
    </ListPageCard>
  )
}