// * Packages
import { ReactNode } from "react";
// * Components shadcn
import {
    Table,
    TableBody,
    TableCell,
    TableHead,
    TableHeader,
    TableRow,
} from "@/components/ui/table";
// * Other
import useTrans from "@/hooks/use-translations";
import { DefaultModel } from "@/back/types/global";

interface DetailsTableProps {
    columns: {
        accessorKey: keyof DefaultModel;
        header: string;
        // eslint-disable-next-line no-unused-vars
        cell?: (params: { value: unknown }) => ReactNode;
    }[];
    model: DefaultModel;
    forceRenderValue?: boolean;
}

export default function DetailsTable({
    columns,
    model,
    forceRenderValue = false,
}: DetailsTableProps) {
    const tableNotKnownTrans = useTrans("back.table_not_known");
    return (
        <div className="rounded-md border">
            <Table>
                <TableHeader>
                    <TableRow>
                        <TableHead>{useTrans("back.table_field")}</TableHead>
                        <TableHead>{useTrans("back.table_value")}</TableHead>
                    </TableRow>
                </TableHeader>
                <TableBody>
                    {columns.map(({ accessorKey, header, cell }) => {
                        const rawValue = model[accessorKey];

                        const renderValue = (): ReactNode => {
                            if (rawValue === null || rawValue === undefined) {
                                return (
                                    <span className="text-sm italic text-muted-foreground">
                                        {tableNotKnownTrans}
                                    </span>
                                );
                            }

                            if (forceRenderValue && cell) {
                                return cell({ value: rawValue });
                            }

                            if (cell) {
                                return cell({ value: rawValue });
                            }

                            if (
                                typeof rawValue === "string" ||
                                typeof rawValue === "number" ||
                                typeof rawValue === "boolean"
                            ) {
                                return String(rawValue);
                            }

                            if (rawValue instanceof Date) {
                                return rawValue.toLocaleString();
                            }

                            return JSON.stringify(rawValue);
                        };

                        return (
                            <TableRow key={String(accessorKey)}>
                                <TableCell>{header}</TableCell>
                                <TableCell>{renderValue()}</TableCell>
                            </TableRow>
                        );
                    })}
                </TableBody>
            </Table>
        </div>
    );
}