import type { Meta, StoryObj } from "@storybook/react";

import Filter from "@components/Filter/Filter";

const meta = {
    title: "Example/Filter",
    component: Filter,
    parameters: {
        layout: "centered",
    },
    tags: ["autodocs"],
    argTypes: {

    },
} satisfies Meta<typeof Filter>;

export default meta;

type Story = StoryObj<typeof meta>;

export const Primary: Story = {
    args: {
        options: [
            {
                name: "Group 0",
                options: [
                    {
                        label: "Created on",
                        value: "created_on",
                        type: 'date_range',
                        hideClearIcon: true,
                        filterOptions: [
                            { label: "Last 24 Hours", value: 1 },
                            { label: "Last 48 Hours", value: 2 },
                            { label: "Last 72 Hours", value: 3 },
                            { label: "Last 7 Days", value: 7 },
                            { label: "Last 30 Days", value: 30 },
                            { label: "Last 3 Months", value: 90 },
                            { label: "Last 6 Months", value: 180 },
                            { label: "Last 12 Months", value: 365 },
                        ],
                    },
                    {
                        label: "Status",
                        value: "status",
                        type: "status",
                        filterOptions: [
                            { label: "Active", value: "Active" },
                            { label: "Inactive", value: "InActive" },
                        ],
                    },
                    {
                        label: "Fullfilment Status",
                        value: "fullfilment_status",

                        filterOptions: [
                            { label: "Moderate", value: "moderate" },
                            { label: "Strong", value: "strong" },
                            { label: "Weak", value: "weak" },
                        ],
                    },
                    {
                        label: "Fullfilment Type",
                        value: "fullfilment_type",
                        filterOptions: [
                            { label: "Action Flow", value: "action_flow" },
                            { label: "Conversation Flow", value: "conversation_flow" },
                            { label: "Custom Message", value: "custom_message" },
                            { label: "Hyper Flow", value: "hyper_flow" },
                            { label: "Knowledge Article", value: "knowledge_article" },
                            { label: "Ticket Resolution", value: "ticket_resolution" },
                        ],
                    },
                ],
            },
            {
                name: "Knowledge Documents",
                options: [
                    {
                        label: "Source",
                        value: "source",
                        filterOptions: [
                            { label: "KB Generation", value: "kb_generation" },
                            { label: "Knowledge Source", value: "knowledge_source" },
                            { label: "Ticket", value: "ticket" },
                        ],
                    },
                    {

                        label: "Last Updated on",
                        value: "last updated on",
                        type: 'date_range',
                        filterOptions: [
                            { label: "Last 24 Hours", value: 1 },
                            { label: "Last 48 Hours", value: 2 },
                            { label: "Last 72 Hours", value: 3 },
                            { label: "Last 7 Days", value: 7 },
                            { label: "Last 30 Days", value: 30 },
                            { label: "Last 3 Months", value: 90 },
                            { label: "Last 6 Months", value: 180 },
                            { label: "Last 12 Months", value: 365 },
                        ],
                    },
                    {
                        label: "group1 opt 3",
                        value: "group1 opt 3",
                        filterOptions: [
                            { label: "nested g1 opt3 option1", value: "nested g1 opt3 option1" },
                            { label: "nested g1 opt3 option2 ", value: "nested g1 opt3 option2" },
                        ],
                    },
                    {
                        label: "group1 opt 4",
                        value: "group1 opt 4",
                        filterOptions: [
                            { label: "nested g1 opt4 option1", value: "nested g1 opt4 option1" },
                            { label: "nested g1 opt4 option2 ", value: "nested g1 opt4 option2" },
                        ],
                    },
                ],
            },
            {
                name: "Group 2",
                options: [
                    {
                        label: "group2 opt 1",
                        value: "group2 opt 1",
                        filterOptions: [
                            { label: "nested g2 option1", value: "nested g2 option1" },
                            { label: "nested g2 option2 ", value: "nested g2 option2" },
                        ],
                    },
                    {
                        label: "group2 opt 2",
                        value: "group2 opt 2",
                        filterOptions: [
                            { label: "nested g2 opt2 option1", value: "nested g2 opt2 option1" },
                            { label: "nested g2 opt2 option2 ", value: "nested g2 opt2 option2" },
                        ],
                    },
                    {
                        label: "group2 opt 3",
                        value: "group2 opt 3",
                        filterOptions: [
                            { label: "nested g2 opt3 option1", value: "nested g2 opt3 option1" },
                            { label: "nested g2 opt3 option2 ", value: "nested g2 opt3 option2" },
                        ],
                    },
                    {
                        label: "group2 opt 4",
                        value: "group2 opt 4",
                        filterOptions: [
                            { label: "nested g2 opt4 option1", value: "nested g2 opt4 option1" },
                            { label: "nested g2 opt4 option2 ", value: "nested g2 opt4 option2" },
                        ],
                    },
                ],
            },
        ],

        defaultOptions: [

            {
                label: "Status",
                value: "status",
                type: "status",
                hideClearIcon: true,
                filterOptions: [
                    { label: "Active", value: "Active" },
                    { label: "Inactive", value: "InActive" },
                ]
            },
            {
                label: "Created on",
                value: "created_on",
                type: 'date_range',
                hideClearIcon: true,
                filterOptions: [
                    { label: "Last 24 Hours", value: 1 },
                    { label: "Last 48 Hours", value: 2 },
                    { label: "Last 72 Hours", value: 3 },
                    { label: "Last 7 Days", value: 7 },
                    { label: "Last 30 Days", value: 30 },
                    { label: "Last 3 Months", value: 90 },
                    { label: "Last 6 Months", value: 180 },
                    { label: "Last 12 Months", value: 365 },
                ],
            },
            {
                label: "Fullfilment Type",
                value: "fullfilment_type",
                filterOptions: [
                    { label: "Action Flow", value: "action_flow" },
                    { label: "Conversation Flow", value: "conversation_flow" },
                    { label: "Custom Message", value: "custom_message" },
                    { label: "Hyper Flow", value: "hyper_flow" },
                    { label: "Knowledge Article", value: "knowledge_article" },
                    { label: "Ticket Resolution", value: "ticket_resolution" },
                ],
            },
            {
                label: "Fullfilment Status",
                value: "fullfilment_status",

                filterOptions: [
                    { label: "Moderate", value: "moderate" },
                    { label: "Strong", value: "strong" },
                    { label: "Weak", value: "weak" },
                ],
            },
        ],
        preSelectFilter: [
            {
                field: "created_on",
                operand:
                    [
                        1721372676914,
                        1720767876914
                    ],
                operator: "",
                type: ""
            },
            {
                field: "status",
                operand: "InActive",
                operator: "",
                type: ""
            },
            {
                field: "fullfilment_type",
                operand: [
                    "action_flow",
                    "hyper_flow",
                ],
                operator: "",
                type: ""
            },
            {
                field: "fullfilment_status",
                operand: [
                    "strong",
                ],
                operator: "",
                type: ""
            }
        ],
        onFilterChange: (filterData) => {
            console.log('filter criteria : ', filterData);
        },
    },
};