import { Meta, StoryObj } from '@storybook/angular';
//Components
import { CaTruckTrailerProgresBarComponent } from '../ca-truck-trailer-progress-bar/ca-truck-trailer-progress-bar.component';
//json
import TruckTrailerProgressBar from '../../../assets/json/truck-trailer-progress-bar.json';

const meta: Meta<CaTruckTrailerProgresBarComponent> = {
    title: 'Example/Truck-Trailer-ProgressBar',
    component: CaTruckTrailerProgresBarComponent,
    tags: ['autodocs'],
    argTypes: {
        percents: {
            control: 'number',
            defaultValue: {
                percents: -1,
            },
        },
        text: {
            control: 'text',
        },
        type: {
            control: 'text',
        },
        hasPopover: {
            control: 'boolean',
        },
        data: {
            control: 'object',
        },
    },
};

export default meta;
type Story = StoryObj<CaTruckTrailerProgresBarComponent>;

export const DefaultTruckProgressBar: Story = {
    args: {
        type: '',
        percents: -1,
        text: 'Add PM Item',
        hasPopover: false,
        isTable: true,
    },
};

export const FullTruckProgressBar: Story = {
    args: {
        percents: 100,
        text: '150000',
        type: 'miles',
        pmName: 'PM name',
        data: TruckTrailerProgressBar.TruckTrailerProgressBar
            .FullTruckProgressBar,
        columnField: 'oilFilter',
        daysExpired: false,
        isTable: true,
        hasPopover: true,
    },
};

export const ExpiredTruckProgressBar: Story = {
    args: {
        percents: 0,
        text: '459596',
        type: 'miles',
        pmName: 'PM name',
        data: TruckTrailerProgressBar.TruckTrailerProgressBar
            .ExpiredTruckProgressBar,
        columnField: 'oilFilter',
        daysExpired: false,
        isTable: true,
        hasPopover: true,
    },
};

export const TwentyToFiftyTruckProgressBar: Story = {
    args: {
        percents: 48,
        text: '142000',
        type: 'miles',
        pmName: 'PM name',
        data: TruckTrailerProgressBar.TruckTrailerProgressBar
            .TwentyToFiftyTruckProgressBar,
        columnField: 'oilFilter',
        daysExpired: false,
        isTable: true,
        hasPopover: true,
    },
};

export const FullTrailerProgressBar: Story = {
    args: {
        percents: 93.9,
        text: '645',
        type: 'days',
        pmName: 'PM name',
        data: TruckTrailerProgressBar.TruckTrailerProgressBar
            .FullTrailerProgressBar,
        columnField: 'tableCdlDetailExpiration',
        daysExpired: false,
        isTable: true,
        hasPopover: true,
    },
};

export const ExpiredTrailerProgressBar: Story = {
    args: {
        percents: 0,
        text: '23',
        type: 'days',
        pmName: 'PM name',
        data: TruckTrailerProgressBar.TruckTrailerProgressBar
            .ExpiredTrailerProgressBar,
        columnField: 'tableCdlDetailExpiration',
        daysExpired: false,
        isTable: true,
        hasPopover: true,
    },
};

export const TwentyToFiftyTrailerProgressBar: Story = {
    args: {
        percents: 48.42,
        text: '933',
        type: 'days',
        pmName: 'PM name',
        data: TruckTrailerProgressBar.TruckTrailerProgressBar
            .TwentyToFiftyTrailerProgressBar,
        columnField: 'tableCdlDetailExpiration',
        daysExpired: false,
        isTable: true,
        hasPopover: true,
    },
};