import React from 'react';
import BaseIcon from '../BaseIcon';
import { mdiEye, mdiTrashCan, mdiPencilOutline } from '@mdi/js';
import axios from 'axios';
import {
    GridActionsCellItem,
    GridRowParams,
    GridValueGetterParams,
} from '@mui/x-data-grid';
import ImageField from '../ImageField';
import {saveFile} from "../../helpers/fileSaver";
import dataFormatter from '../../helpers/dataFormatter'
import DataGridMultiSelect from "../DataGridMultiSelect";
import ListActionsPopover from '../ListActionsPopover';

import {hasPermission} from "../../helpers/userPermissions";

type Params = (id: string) => void;

export const loadColumns = async (
    onDelete: Params,
    entityName: string,
    
    user
    
) => {
    async function callOptionsApi(entityName: string) {
        
        if (!hasPermission(user, 'READ_' + entityName.toUpperCase())) return [];
        
        try {
        const data = await axios(`/${entityName}/autocomplete?limit=100`);
        return data.data;
        } catch (error) {
         console.log(error);
         return [];
        }
    }
    
    const hasUpdatePermission = hasPermission(user, 'UPDATE_PROJECTS')
    
    return [
        
        {
            field: 'workspace',
            headerName: 'Workspace',
            flex: 1,
            minWidth: 120,
            filterable: false,
            headerClassName: 'datagrid--header',
            cellClassName: 'datagrid--cell',
          
            
            editable: hasUpdatePermission,
            
            sortable: false,
            type: 'singleSelect',
            getOptionValue: (value: any) => value?.id,
            getOptionLabel: (value: any) => value?.label,
            valueOptions: await callOptionsApi('workspaces'),
            valueGetter: (params: GridValueGetterParams) =>
                params?.value?.id ?? params?.value,
          
        },
        
        {
            field: 'name',
            headerName: 'ProjectName',
            flex: 1,
            minWidth: 120,
            filterable: false,
            headerClassName: 'datagrid--header',
            cellClassName: 'datagrid--cell',
          
            
            editable: hasUpdatePermission,
            
            
        },
        
        {
            field: 'summary',
            headerName: 'Summary',
            flex: 1,
            minWidth: 120,
            filterable: false,
            headerClassName: 'datagrid--header',
            cellClassName: 'datagrid--cell',
          
            
            editable: hasUpdatePermission,
            
            
        },
        
        {
            field: 'project_type',
            headerName: 'ProjectType',
            flex: 1,
            minWidth: 120,
            filterable: false,
            headerClassName: 'datagrid--header',
            cellClassName: 'datagrid--cell',
          
            
            editable: hasUpdatePermission,
            
            
        },
        
        {
            field: 'status',
            headerName: 'Status',
            flex: 1,
            minWidth: 120,
            filterable: false,
            headerClassName: 'datagrid--header',
            cellClassName: 'datagrid--cell',
          
            
            editable: hasUpdatePermission,
            
            
        },
        
        {
            field: 'industry',
            headerName: 'Industry',
            flex: 1,
            minWidth: 120,
            filterable: false,
            headerClassName: 'datagrid--header',
            cellClassName: 'datagrid--cell',
          
            
            editable: hasUpdatePermission,
            
            
        },
        
        {
            field: 'target_market',
            headerName: 'TargetMarket',
            flex: 1,
            minWidth: 120,
            filterable: false,
            headerClassName: 'datagrid--header',
            cellClassName: 'datagrid--cell',
          
            
            editable: hasUpdatePermission,
            
            
        },
        
        {
            field: 'source_items',
            headerName: 'SourceItems',
            flex: 1,
            minWidth: 120,
            filterable: false,
            headerClassName: 'datagrid--header',
            cellClassName: 'datagrid--cell',
          
            editable: false,
            sortable: false,
            type: 'singleSelect',
            valueFormatter: ({ value }) =>
                dataFormatter.source_itemsManyListFormatter(value).join(', '),
            renderEditCell: (params) => (
                <DataGridMultiSelect {...params} entityName={'source_items'}/>
            ),
          
        },
        
        {
            field: 'mind_maps',
            headerName: 'MindMaps',
            flex: 1,
            minWidth: 120,
            filterable: false,
            headerClassName: 'datagrid--header',
            cellClassName: 'datagrid--cell',
          
            editable: false,
            sortable: false,
            type: 'singleSelect',
            valueFormatter: ({ value }) =>
                dataFormatter.mind_mapsManyListFormatter(value).join(', '),
            renderEditCell: (params) => (
                <DataGridMultiSelect {...params} entityName={'mind_maps'}/>
            ),
          
        },
        
        {
            field: 'ai_runs',
            headerName: 'AIRuns',
            flex: 1,
            minWidth: 120,
            filterable: false,
            headerClassName: 'datagrid--header',
            cellClassName: 'datagrid--cell',
          
            editable: false,
            sortable: false,
            type: 'singleSelect',
            valueFormatter: ({ value }) =>
                dataFormatter.ai_runsManyListFormatter(value).join(', '),
            renderEditCell: (params) => (
                <DataGridMultiSelect {...params} entityName={'ai_runs'}/>
            ),
          
        },
        
        {
            field: 'business_plan_versions',
            headerName: 'BusinessPlanVersions',
            flex: 1,
            minWidth: 120,
            filterable: false,
            headerClassName: 'datagrid--header',
            cellClassName: 'datagrid--cell',
          
            editable: false,
            sortable: false,
            type: 'singleSelect',
            valueFormatter: ({ value }) =>
                dataFormatter.business_plan_versionsManyListFormatter(value).join(', '),
            renderEditCell: (params) => (
                <DataGridMultiSelect {...params} entityName={'business_plan_versions'}/>
            ),
          
        },
        
        {
            field: 'deal_packages',
            headerName: 'DealPackages',
            flex: 1,
            minWidth: 120,
            filterable: false,
            headerClassName: 'datagrid--header',
            cellClassName: 'datagrid--cell',
          
            editable: false,
            sortable: false,
            type: 'singleSelect',
            valueFormatter: ({ value }) =>
                dataFormatter.deal_packagesManyListFormatter(value).join(', '),
            renderEditCell: (params) => (
                <DataGridMultiSelect {...params} entityName={'deal_packages'}/>
            ),
          
        },
        
        {
            field: 'actions',
            type: 'actions',
            minWidth: 30,
            headerClassName: 'datagrid--header',
            cellClassName: 'datagrid--cell',
            getActions: (params: GridRowParams) => {
                
               return [
                   <div key={params?.row?.id}>
                      <ListActionsPopover
                      onDelete={onDelete}
                      itemId={params?.row?.id}
                      pathEdit={`/projects/projects-edit/?id=${params?.row?.id}`}
                      pathView={`/projects/projects-view/?id=${params?.row?.id}`}
                      
                      hasUpdatePermission={hasUpdatePermission}
                      
                    />
                   </div>,
                  ]
            },
        },
    ];
};
