import React from 'react';
import {
    IconBrowser,
    IconCircleCheck,
    IconClipboardList,
    IconDeviceAnalytics,
    IconList,
    IconListCheck,
    IconListDetails,
    IconRun,
    IconStatusChange,
    IconUser,
    IconUserExclamation,
} from '@tabler/icons';
import { INavDataItem } from './interfaces';

// used in spotlight
export function navigationData(): INavDataItem[] {
    return [
        {
            title: 'Test Results',
            description: 'Test Results Main Page',
            group: 'main',
            icon: <IconListCheck size={18} />,
            crumbs: [
                { title: 'Test Results', href: '/' },
            ],
        },
        {
            title: 'By Runs',
            description: 'Test Results by Runs',
            group: 'main',
            icon: <IconRun size={18} />,
            crumbs: [
                { title: 'Test Results', href: '/' },
                { title: 'By Runs', href: '/?groupBy=runs' },
            ],
        },
        {
            title: 'By Suites',
            description: 'Test Results by Suites',
            group: 'main',
            icon: <IconClipboardList size={18} />,
            crumbs: [
                { title: 'Test Results', href: '/' },
                { title: 'By Suites', href: '/?groupBy=suites' },
            ],
        },
        {
            title: 'By Browser',
            description: 'Test Results by Browser',
            group: 'main',
            icon: <IconBrowser size={18} />,
            crumbs: [
                { title: 'Test Results', href: '/' },
                { title: 'By Browser', href: '/?groupBy=test-distinct/browserName' },
            ],
        },
        {
            title: 'By Platform',
            description: 'Test Results by Platform',
            group: 'main',
            icon: <IconDeviceAnalytics size={18} />,
            crumbs: [
                { title: 'Test Results', href: '/' },
                { title: 'By Platform', href: '/?groupBy=test-distinct/os' },
            ],
        },
        {
            title: 'By Test Status',
            description: 'Test Results by Test Status',
            group: 'main',
            icon: <IconStatusChange size={18} />,
            crumbs: [
                { title: 'Test Results', href: '/' },
                { title: 'By Test Status', href: '/?groupBy=test-distinct/status' },
            ],
        },
        {
            title: 'By Accept Status',
            description: 'Test Results by Accept Status',
            group: 'main',
            icon: <IconCircleCheck size={18} />,
            crumbs: [
                { title: 'Test Results', href: '/' },
                { title: 'By Accept Status', href: '/?groupBy=test-distinct/markedAs' },
            ],
        },
        // {
        //     title: 'Dashboard',
        //     description: 'Visit the Test Results Dashboard',
        //     group: 'main',
        //     icon: <IconDashboard size={18} />,
        //     crumbs: [
        //         { title: 'Dashboard', href: '/' },
        //     ],
        // },
        {
            title: 'Admin Panel',
            description: 'Visit Admin Panel',
            group: 'main',
            icon: <IconUserExclamation size={18} />,
            crumbs: [
                { title: 'Admin panel', href: '/admin' },
            ],
        },
        {
            title: 'Users',
            description: 'Manage Users',
            group: 'admin',
            icon: <IconUser size={18} />,
            crumbs: [
                { title: 'Admin', href: '/admin' },
                { title: 'Users', href: '/admin/users' },
            ],
        },
        {
            title: 'Logs',
            description: 'View Logs',
            group: 'admin',
            icon: <IconList size={18} />,
            crumbs: [
                { title: 'Admin', href: '/admin' },
                { title: 'Logs', href: '/admin/logs' },
            ],
        },
        // {
        //     title: 'Tasks',
        //     description: 'Manage Admin Tasks',
        //     group: 'tasks',
        //     onTrigger: () => console.log('Tasks'),
        //     icon: <IconListDetails size={18} />,
        //     crumbs: [
        //         { title: 'Admin', href: '/admin' },
        //         { title: 'Tasks', href: '/admin/tasks' },
        //     ],
        // },
        {
            title: 'Task: Handle old Checks',
            description: 'Old checks statistics and cleaning',
            group: 'tasks',
            crumbs: [
                { title: 'Admin', href: '/admin' },
                { title: 'Tasks', href: '/admin/tasks' },
                { title: 'Handle old Checks', href: '/admin/tasks/handle_old_checks' },
            ],
        },
        {
            title: 'Task: Handle Database Consistency',
            description: 'Database Consistency statistics and cleaning',
            group: 'tasks',
            crumbs: [
                { title: 'Admin', href: '/admin' },
                { title: 'Tasks', href: '/admin/tasks' },
                { title: 'Handle Database Consistency', href: '/admin/tasks/handle_database_consistency' },
            ],
        },
        {
            title: 'Task: Remove old logs',
            description: 'Remove logs older certain date',
            group: 'tasks',
            crumbs: [
                { title: 'Admin', href: '/admin' },
                { title: 'Tasks', href: '/admin/tasks' },
                { title: 'Remove old logs', href: '/admin/tasks/remove_old_logs' },
            ],
        },
        {
            title: 'Task: Test',
            description: 'test',
            group: 'tasks',
            crumbs: [
                { title: 'Admin', href: '/admin' },
                { title: 'Tasks', href: '/admin/tasks' },
                { title: 'Test', href: '/admin/tasks/test' },
            ],
        },
        {
            title: 'Settings',
            description: 'Manage Admin Settings',
            group: 'tasks',
            icon: <IconListDetails size={18} />,
            crumbs: [
                { title: 'Admin', href: '/admin' },
                { title: 'Settings', href: '/admin/settings' },
            ],
        },
    ];
}

export const getNavigationItem = (title: string) => navigationData().find((x) => x.title === title);