import { Home } from "./pages/Home.js";
import { Settings } from "./pages/Settings.js";
import { AntiMoneyLaunderingForm } from "./pages/AntiMoneyLaunderingForm.js";
import { Welcome } from "./pages/Welcome.js";
import { PageEntry, pageDefinition } from "./route.js";
import { Officer } from "./pages/Officer.js";
import { Cases } from "./pages/Cases.js";
import { CaseDetails } from "./pages/CaseDetails.js";
import { NewFormEntry } from "./pages/NewFormEntry.js";

const home: PageEntry = {
  url: "#/",
  view: Home,
};
const cases: PageEntry = {
  url: "#/cases",
  view: Cases,
};
const account: PageEntry<{ account: string }> = {
  url: pageDefinition("#/account/:account"),
  view: CaseDetails,
};

const newFormEntry: PageEntry<{ account?: string; type?: string }> = {
  url: pageDefinition("#/account/:account/new/:type?"),
  view: NewFormEntry,
};

const settings: PageEntry = {
  url: "#/settings",
  view: Settings,
};
const officer: PageEntry = {
  url: "#/officer",
  view: Officer,
};
const welcome: PageEntry<{ asd?: string; name?: string }> = {
  url: pageDefinition("#/welcome/:name?"),
  view: Welcome,
};
const form: PageEntry<{ number?: string }> = {
  url: pageDefinition("#/form/:number?"),
  view: AntiMoneyLaunderingForm,
};

export const Pages = {
  home,
  info: cases,
  officer,
  details: account,
  settings,
  welcome,
  form,
  newFormEntry,
};