import { Settings } from "lucide-react";

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

import { UniqueIsinPriceChangeSettingsForm } from "../_components/settings-form";
import { fetchBackendUniqueIsinPriceChangeSettings } from "../_lib/unique-isin-price-change-server-api";

export default async function UniqueIsinPriceChangeSettingsPage() {
  const { settings, errorMessage } = await fetchBackendUniqueIsinPriceChangeSettings();

  return (
    <ListPageCard
      icon={Settings}
      title="ISIN Price Change Settings"
      description="Configure Rocket.Chat alerts when live vs previous ISIN prices move past a threshold."
      breadcrumb={[
        { label: "Master Table" },
        { label: "ISIN Price Change", href: "/dashboard/master-table/unique-isin-price-change" },
        { label: "Settings" },
      ]}
    >
      <ErrorBanner message={errorMessage} className="mb-4" />
      {settings ? (
        <UniqueIsinPriceChangeSettingsForm initialSettings={settings} />
      ) : null}
    </ListPageCard>
  );
}