import PlusIcon from "@lucide/svelte/icons/plus";
import Settings2Icon from "@lucide/svelte/icons/settings-2";
import PencilIcon from "@lucide/svelte/icons/pencil";

export const searchFields = [
    {
        key: "ConCode",
        label: "Container Code",
        type: "text",
    },
    {
        key: "ConName",
        label: "Container Name",
        type: "text",
    },
];

export const detailSections = [
    {
        class: "grid grid-cols-2 gap-4 items-center",
        fields: [
            { key: "SiteID", label: "Site" },
            { key: "ConCode", label: "Container Code" },
            { key: "ConName", label: "Container Name" },
            { key: "ConDesc", label: "Description" },
        ]
    },
    {
        class: "grid grid-cols-2 gap-4 items-center",
        fields: [
            { key: "ConClass", label: "Container Class" },
            { key: "Color", label: "Color" },
            { key: "Additive", label: "Additive" },
        ]
    },
];

export function containerActions(masterDetail) {
    return [
        { 
            Icon: PlusIcon, 
            label: 'Add Location',
            onClick: () => masterDetail.enterCreate(),
        },
        { 
            Icon: Settings2Icon, 
            label: 'Search Parameters',
        },
    ];
}

export function viewActions(handlers){
    return [
        { 
            Icon: PencilIcon, 
            label: 'Edit Container',
            onClick: handlers.editContainer,
        },
    ]
}