import {useStorageQueryParams} from '../useStorageQueryParams';

import {ExpertModePanelLayout, ExpertModeRow} from './components/ExpertModePanelLayout';
import type {ExpertModeOption} from './components/ExpertModePanelLayout';
import {renderPDiskLegend, renderVDiskLegend} from './components/renderExpertModeLegend';
import {PDisksGroupBy, VDisksGroupBy} from './constants';
import type {PDisksGroupByValue, VDisksGroupByValue} from './constants';
import i18n from './i18n';

interface StorageGroupsExpertModePanelProps {
    className?: string;
}

function getVDiskOptions(): ExpertModeOption<VDisksGroupByValue>[] {
    return [
        {value: VDisksGroupBy.State, content: i18n('value_state')},
        {value: VDisksGroupBy.Space, content: i18n('value_space')},
        {value: VDisksGroupBy.FrontQueues, content: i18n('value_front-queues')},
        {value: VDisksGroupBy.Compaction, content: i18n('value_compaction')},
        {value: VDisksGroupBy.DriveType, content: i18n('value_drive-type')},
        {value: VDisksGroupBy.All, content: i18n('value_all')},
    ];
}

function getPDiskOptions(): ExpertModeOption<PDisksGroupByValue>[] {
    return [
        {value: PDisksGroupBy.State, content: i18n('value_pdisks-state')},
        {value: PDisksGroupBy.Space, content: i18n('value_pdisks-space')},
        {value: PDisksGroupBy.Drive, content: i18n('value_pdisks-drive')},
        {value: PDisksGroupBy.Decommit, content: i18n('value_pdisks-decommit')},
        {value: PDisksGroupBy.Maintenance, content: i18n('value_pdisks-maintenance')},
        {value: PDisksGroupBy.Device, content: i18n('value_pdisks-device')},
        {value: PDisksGroupBy.DriveType, content: i18n('value_drive-type')},
        {value: PDisksGroupBy.All, content: i18n('value_pdisks-all')},
    ];
}

export function StorageGroupsExpertModePanel({className}: StorageGroupsExpertModePanelProps) {
    const {vdisksGroupBy, pdisksGroupBy, handleVDisksGroupByChange, handlePDisksGroupByChange} =
        useStorageQueryParams();

    return (
        <ExpertModePanelLayout className={className}>
            <ExpertModeRow
                label={i18n('label_vdisks')}
                value={vdisksGroupBy}
                onUpdate={handleVDisksGroupByChange}
                options={getVDiskOptions()}
                legend={renderVDiskLegend(vdisksGroupBy, 'vdisks')}
            />
            <ExpertModeRow
                qa="storage-pdisks-expert-mode"
                label={i18n('label_pdisks')}
                value={pdisksGroupBy}
                onUpdate={handlePDisksGroupByChange}
                options={getPDiskOptions()}
                legend={
                    <div data-qa="storage-pdisks-expert-mode-legend">
                        {renderPDiskLegend(pdisksGroupBy, 'pdisks')}
                    </div>
                }
            />
        </ExpertModePanelLayout>
    );
}