import { ColumnHeader } from "@/shared/data-view/table-view"
import type { ColumnDef } from "@tanstack/react-table"

/** Core service columns shared between the services page and selector dialogs. */
export const serviceColumns = {
    name: {
        accessorKey: "labor_name",
        header: ({ column }) => <ColumnHeader column={column} title="Name" />,
        cell: ({ row }) => {
            const r = row.original as any
            return (
                <div>
                    <span className="font-medium">{r.labor_name || r.name || "—"}</span>
                    {r.service_code && (
                        <span className="ml-2 text-xs text-muted-foreground">{r.service_code}</span>
                    )}
                </div>
            )
        },
    },
    description: {
        accessorKey: "description",
        header: ({ column }) => <ColumnHeader column={column} title="Description" />,
        cell: ({ row }) => {
            const val = (row.original as any).description
            return val ? <span className="max-w-48 truncate block">{val}</span> : "—"
        },
    },
    sellingPrice: {
        accessorKey: "selling_price",
        header: ({ column }) => <ColumnHeader column={column} title="Price" />,
        cell: ({ row }) => {
            const val = (row.original as any).selling_price
            return val != null ? `$${Number(val).toFixed(2)}` : "—"
        },
    },
} satisfies Record<string, ColumnDef<any, any>>