"use client";

/**
 * ViewRouter — maps a DatabaseView to its renderer (the view-type dispatch
 * shared by the embedded block (db-embedded) and the full database page
 * (database-page-view)). Keeping it here means both surfaces render views
 * identically and a new view type is added in exactly one place.
 *
 * The record-panel / record-page callbacks are provided by the parent:
 *   - onOpenRecord(record)      → open the right-hand record panel
 *   - onOpenRecordPage(record)  → navigate to the record's page
 * Ad-hoc sort/filter/group are applied by the parent toolbar; the router
 * receives the already-composed UseDatabaseRecordsResult.
 */
import {
  DatabaseDto,
  DatabaseView as ViewDto,
  RecordDto,
  UseDatabaseRecordsResult,
  UseDatabaseRecordsOptions
} from "@/hooks/use-database";
import { TableView } from "@/components/database/table-view";
import { BoardView } from "@/components/database/board-view";
import { GalleryView } from "@/components/database/gallery-view";
import { ListView } from "@/components/database/list-view";
import { CalendarView } from "@/components/database/calendar-view";
import { TimelineView } from "@/components/database/timeline-view";
import { ChartView } from "@/components/database/chart-view";
import { FormView } from "@/components/form/form-view";

export interface ViewRouterCallbacks {
  onOpenRecord: (record: RecordDto) => void;
  onOpenRecordPage: (record: RecordDto) => void;
  /** Ad-hoc sort override (table header cycle / board). */
  onSortChange?: (sort: import("@/hooks/use-database").SortSpec[] | null) => void;
  /** Ad-hoc filter override (table column quick-filter). */
  onFilterChange?: (filter: import("@/hooks/use-database").FilterTree | null) => void;
  /** T-166: persist the rows-per-page on the view (`view.pageSize`). */
  onPageSizeChange?: (pageSize: number) => void;
}

export interface ViewRouterProps {
  database: DatabaseDto;
  view: ViewDto;
  records: UseDatabaseRecordsResult;
  callbacks: ViewRouterCallbacks;
  readOnly?: boolean;
}

export function ViewRouter({ database, view, records, callbacks, readOnly }: ViewRouterProps) {
  const properties = database.properties;
  const { onOpenRecord, onOpenRecordPage, onSortChange, onFilterChange, onPageSizeChange } = callbacks;

  switch (view.type) {
    case "table":
      return (
        <TableView
          databaseId={database.id}
          view={view}
          properties={properties}
          records={records}
          onOpenRecord={onOpenRecord}
          onOpenRecordPage={onOpenRecordPage}
          onSortChange={onSortChange ?? (() => undefined)}
          onFilterChange={onFilterChange ?? (() => undefined)}
          onPageSizeChange={onPageSizeChange}
          readOnly={readOnly}
        />
      );
    case "board":
      return <BoardView databaseId={database.id} view={view} properties={properties} records={records} onOpenRecord={onOpenRecord} readOnly={readOnly} />;
    case "gallery":
      return <GalleryView databaseId={database.id} view={view} properties={properties} records={records} onOpenRecord={onOpenRecord} readOnly={readOnly} />;
    case "list":
      return <ListView databaseId={database.id} view={view} properties={properties} records={records} onOpenRecord={onOpenRecord} readOnly={readOnly} />;
    case "calendar":
      return <CalendarView databaseId={database.id} view={view} properties={properties} records={records} onOpenRecord={onOpenRecord} />;
    case "timeline":
      return <TimelineView databaseId={database.id} view={view} properties={properties} records={records} onOpenRecord={onOpenRecord} />;
    case "chart":
      return <ChartView databaseId={database.id} view={view} properties={properties} records={records} />;
    case "form":
      return (
        <FormView
          databaseId={database.id}
          workspaceId={database.workspaceId}
          view={view}
          properties={properties}
          readOnly={readOnly}
          onOpenRecord={onOpenRecord}
          onOpenRecordPage={onOpenRecordPage}
        />
      );
    case "dashboard":
      return <EmptyNote text="Dashboards compose multiple charts — available in a later phase." />;
    default:
      return (
        <TableView
          databaseId={database.id}
          view={view}
          properties={properties}
          records={records}
          onOpenRecord={onOpenRecord}
          onOpenRecordPage={onOpenRecordPage}
          onSortChange={onSortChange ?? (() => undefined)}
          onFilterChange={onFilterChange ?? (() => undefined)}
          onPageSizeChange={onPageSizeChange}
          readOnly={readOnly}
        />
      );
  }
}

export function EmptyNote({ text }: { text: string }) {
  return (
    <div className="flex h-full min-h-24 items-center justify-center p-4 text-center text-xs text-muted-foreground">
      {text}
    </div>
  );
}

export type { UseDatabaseRecordsOptions };