import type { IconName } from '@blueprintjs/icons';
import type { NMRiumPanelPreferences } from '@zakodium/nmrium-core';
import {
  SvgNmrAssignment2,
  SvgNmrIntegrate,
  SvgNmrMultipleAnalysis,
  SvgNmrPeakPicking,
  SvgNmrRangePicking,
} from 'cheminfo-font';
import type { CSSProperties, ReactElement } from 'react';
import { FaDiceFour } from 'react-icons/fa';
import type { AccordionItemProps } from 'react-science/ui';

import type { DisplayerMode } from '../reducer/Reducer.js';
import type { Tool } from '../toolbar/ToolTypes.js';

import AutomaticAssignment from './AutomaticAssignment/AutomaticAssignment.js';
import IntegralPanel from './IntegralsPanel/IntegralPanel.js';
import { MatrixGenerationPanel } from './MatrixGenerationPanel/MatrixGenerationPanel.js';
import MoleculePanel from './MoleculesPanel/MoleculePanel.js';
import PeaksPanel from './PeaksPanel/PeaksPanel.js';
import RangesPanel from './RangesPanel/RangesPanel.js';
import SpectrumListPanel from './SpectraPanel/SpectrumListPanel.js';
import SummaryPanel from './SummaryPanel/SummaryPanel.js';
import ZonesPanel from './ZonesPanel/ZonesPanel.js';
import DatabasePanel from './databasePanel/DatabasePanel.js';
import FilterPanel from './filtersPanel/FilterPanel.js';
import { InformationPanel } from './informationPanel/InformationPanel.js';
import MultipleSpectraAnalysisPanel from './multipleAnalysisPanel/MultipleSpectraAnalysisPanel.js';
import PredictionPane from './predictionPanel/PredictionPanel.js';
import SpectrumSimulation from './spectrumSimulation/SpectrumSimulation.js';

export interface AccordionItem extends Omit<
  AccordionItemProps,
  'children' | 'defaultOpened'
> {
  id: keyof NMRiumPanelPreferences;
  component: ReactElement;
  style?: CSSProperties;
  mode: DisplayerMode | null;
  isExperimental?: boolean;
  icon: IconName | ReactElement;
  openWithTool?: Tool;
}

const accordions: Record<
  keyof NMRiumPanelPreferences,
  Omit<AccordionItem, 'id'>
> = {
  spectraPanel: {
    title: 'Spectra',
    component: <SpectrumListPanel />,
    mode: null,
    icon: 'list-columns',
    openWithTool: 'zoom',
  },
  informationPanel: {
    title: 'Information',
    component: <InformationPanel />,
    style: { overflow: 'hidden' },
    mode: null,
    icon: 'info-sign',
  },
  peaksPanel: {
    title: 'Peaks',
    component: <PeaksPanel />,
    mode: '1D',
    icon: <SvgNmrPeakPicking />,
    openWithTool: 'peakPicking',
  },
  processingsPanel: {
    title: 'Processing',
    component: <FilterPanel />,
    mode: null,
    icon: 'series-derived',
  },
  integralsPanel: {
    title: 'Integrals',
    component: <IntegralPanel />,
    mode: '1D',
    icon: <SvgNmrIntegrate />,
    openWithTool: 'integral',
  },
  rangesPanel: {
    title: 'Ranges / Multiplet analysis',
    component: <RangesPanel />,
    mode: '1D',
    icon: <SvgNmrRangePicking />,
    openWithTool: 'rangePicking',
  },
  multipleSpectraAnalysisPanel: {
    title: 'Multiple spectra analysis',
    component: <MultipleSpectraAnalysisPanel />,
    mode: null,
    icon: <SvgNmrMultipleAnalysis />,
    openWithTool: 'multipleSpectraAnalysis',
  },
  matrixGenerationPanel: {
    title: 'Matrix generation',
    component: <MatrixGenerationPanel />,
    mode: '1D',
    icon: 'derive-column',
  },
  zonesPanel: {
    title: 'Zones',
    component: <ZonesPanel />,
    mode: '2D',
    icon: <FaDiceFour />,
    openWithTool: 'zonePicking',
  },
  summaryPanel: {
    title: 'Summary',
    component: <SummaryPanel />,
    mode: null,
    icon: 'document',
  },
  structuresPanel: {
    title: 'Chemical structures',
    component: <MoleculePanel />,
    mode: null,
    icon: 'hexagon',
  },
  databasePanel: {
    title: 'Databases',
    component: <DatabasePanel />,
    mode: null,
    icon: 'database',
  },
  automaticAssignmentPanel: {
    title: 'Automatic assignment',
    component: <AutomaticAssignment />,
    mode: null,
    icon: <SvgNmrAssignment2 />,
  },
  predictionPanel: {
    title: 'Prediction',
    component: <PredictionPane />,
    mode: null,
    icon: 'new-grid-item',
  },
  simulationPanel: {
    title: 'Spectrum simulation',
    component: <SpectrumSimulation />,
    mode: '1D',
    icon: 'lab-test',
  },
};

export const accordionItems: AccordionItem[] = Object.entries(accordions).map(
  ([id, item]) => ({ id: id as keyof NMRiumPanelPreferences, ...item }),
);

function mapToolsToPanels(
  accordions: Record<keyof NMRiumPanelPreferences, Omit<AccordionItem, 'id'>>,
): Record<string, keyof NMRiumPanelPreferences> {
  const toolToPanelMap: Record<string, keyof NMRiumPanelPreferences> = {};

  for (const [key, { openWithTool }] of Object.entries(accordions)) {
    if (openWithTool) {
      toolToPanelMap[openWithTool] = key as keyof NMRiumPanelPreferences;
    }
  }

  return toolToPanelMap;
}
export const toolPanelLookup = mapToolsToPanels(accordions);