//Angular
import { HttpClientModule } from '@angular/common/http';
import { importProvidersFrom } from '@angular/core';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

// Storybook modules
import {
  Meta,
  StoryObj,
  applicationConfig,
  moduleMetadata,
} from '@storybook/angular';

// Third-party modules
import { AngularSvgIconModule } from 'angular-svg-icon';

// Application-specific components
import { PickupDeliveryBlockComponent } from '../ca-pickup-delivery-block/ca-pickup-delivery-block.component';
//Pipes
import { DateFormatPipe } from '../../pipes/date.pipe';
import { FormatCurrencyPipe } from '../../pipes/format-currency.pipe';
import { ToLowerCasePipe } from '../../pipes/to-lower-case.pipe';

//JSON
import dispatchResponses from '../../../assets/json/ca-pickup-delivery.json';

const meta: Meta<PickupDeliveryBlockComponent> = {
  title: 'example/PickupDeliveryBlock',
  component: PickupDeliveryBlockComponent,
  tags: ['autodocs'],
  decorators: [
    moduleMetadata({
      imports: [AngularSvgIconModule.forRoot(), HttpClientModule],
      providers: [DateFormatPipe, FormatCurrencyPipe, ToLowerCasePipe],
    }),
    applicationConfig({
      providers: [importProvidersFrom(BrowserAnimationsModule)],
    }),
  ],
};

export default meta;
type PickupDeliveryStory = StoryObj<PickupDeliveryBlockComponent>;

export const ActivePickup: PickupDeliveryStory = {
  args: {
    dispatchResponse: dispatchResponses.dispatchResponses.pending,
    loads: undefined,
  },
};

export const PendingPickup: PickupDeliveryStory = {
  args: {
    loads: {
      closed: [
        {
          id: 17,
          loadNumber: '567',
          referenceNumber: '35575',
          statusType: { id: 4, name: 'status2' },
          pickupCount: 3,
          deliveryCount: 5,
          totalMiles: 620,
          totalRate: 4500,
          totalAdjustedRate: 5060,
          driverMessage: 'Good day',
          delivery: {
            dateFrom: '2024-07-18',
            loadNumber: '567',
            stopType: {
              id: 2,
              name: 'Stop',
            },
            stopOrder: 9,
            shipper: {
              address: {
                city: 'Los Angeles',
                address: 'Sunset Boulevard',
              },
              businessName: 'STONE Builder',
              id: 5,
            },
          },
          pickup: {
            dateFrom: '2024-07-19',
            loadNumber: '567',
            stopType: {
              id: 2,
              name: 'Stop',
            },
            stopOrder: 9,
            shipper: {
              address: {
                city: 'San Columbus',
                state: 'Ohio',
                address: 'Stone street',
              },
              businessName: 'Masonary',
              id: 5,
            },
          },
          broker: {
            availableCredit: 35000,
            availableCreditType: { id: 5, name: 'Available' },
            ban: false,
            businessName: 'TIMBER CO',
            contactName: null,
            dnu: false,
            email: 'timberco@gmail.com',
            id: 5,
            phone: '+385 95 999 77 88',
            payTerm: {
              id: 6,
              name: 'Net 30',
            },
          },
        },

        {
          id: 18,
          loadNumber: '107',
          referenceNumber: '25565',
          statusType: { id: 4, name: 'status1' },
          pickupCount: 2,
          deliveryCount: 4,
          totalMiles: 561,
          totalRate: 4000,
          totalAdjustedRate: 4561,
          driverMessage: 'Hello there',
          delivery: {
            dateFrom: '2024-07-16',
            loadNumber: '456',
            stopType: {
              id: 1,
              name: 'Pause',
            },
            stopOrder: 8,
            shipper: {
              address: {
                city: 'New York',
                address: 'Wall Street',
              },
              businessName: 'WOOD Worker',
              id: 4,
            },
          },
          pickup: {
            dateFrom: '2024-07-16',
            loadNumber: '456',
            stopType: {
              id: 1,
              name: 'Pause',
            },
            stopOrder: 8,
            shipper: {
              address: {
                city: 'New York',
                address: 'Wall Street',
              },
              businessName: 'WOOD Worker',
              id: 4,
            },
          },
          broker: {
            availableCredit: 30000,
            availableCreditType: { id: 4, name: 'IDK' },
            ban: false,
            businessName: 'LUMBERJACK CO',
            contactName: 'Peter Parker',
            dnu: true,
            email: 'lumberjack@gmail.com',
            id: 4,
            phone: '+385 95 888 66 77',
            payTerm: {
              id: 5,
              name: 'POS',
            },
          },
        },
      ],
      active: null,
      pending: [
        {
          id: 14,
          loadNumber: '789',
          referenceNumber: '35575',
          statusType: { id: 4, name: 'status2' },
          pickupCount: 3,
          deliveryCount: 5,
          totalMiles: 620,
          totalRate: 4500,
          totalAdjustedRate: 5060,
          driverMessage: 'Good day',
          delivery: {
            dateFrom: '2024-07-18',
            loadNumber: '567',
            stopType: {
              id: 2,
              name: 'Stop',
            },
            stopOrder: 9,
            shipper: {
              address: {
                city: 'Los Angeles',
                state: 'California',
                address: 'Sunset Boulevard',
              },
              businessName: 'STONE Builder',
              id: 5,
            },
          },
          pickup: {
            dateFrom: '2024-07-19',
            loadNumber: '567',
            stopType: {
              id: 2,
              name: 'Stop',
            },
            stopOrder: 9,
            shipper: {
              address: {
                city: 'San Diego',
                address: 'Stone street',
              },
              businessName: 'Masonary',
              id: 5,
            },
          },
          broker: {
            availableCredit: 35000,
            availableCreditType: { id: 5, name: 'Available' },
            ban: false,
            businessName: 'TIMBER CO',
            contactName: 'Mary Jane',
            dnu: false,
            email: 'timberco@gmail.com',
            id: 5,
            phone: '+385 95 999 77 88',
            payTerm: {
              id: 6,
              name: 'Net 30',
            },
          },
        },

        {
          id: 15,
          loadNumber: '107',
          referenceNumber: '25565',
          statusType: { id: 4, name: 'status1' },
          pickupCount: 2,
          deliveryCount: 4,
          totalMiles: 561,
          totalRate: 4000,
          totalAdjustedRate: 4561,
          driverMessage: 'Hello there',
          delivery: {
            dateFrom: '2024-07-16',
            loadNumber: '456',
            stopType: {
              id: 1,
              name: 'Pause',
            },
            stopOrder: 8,
            shipper: {
              address: {
                city: 'New York',
                state: 'New York',
                address: 'Wall Street',
              },
              businessName: 'WOOD Worker',
              id: 4,
            },
          },
          pickup: {
            dateFrom: '2024-07-16',
            loadNumber: '456',
            stopType: {
              id: 1,
              name: 'Pause',
            },
            stopOrder: 8,
            shipper: {
              address: {
                city: 'Augusta',
                state: 'Maine',
                address: 'Wall Street',
              },
              businessName: 'WOOD Worker',
              id: 4,
            },
          },
          broker: {
            availableCredit: 30000,
            availableCreditType: { id: 4, name: 'IDK' },
            ban: false,
            businessName: 'LUMBERJACK CO',
            contactName: 'Peter Parker',
            dnu: true,
            email: 'lumberjack@gmail.com',
            id: 4,
            phone: '+385 95 888 66 77',
            payTerm: {
              id: 5,
              name: 'POS',
            },
          },
        },
        {
          id: 11,
          loadNumber: '107',
          referenceNumber: '25565',
          statusType: { id: 4, name: 'status1' },
          pickupCount: 2,
          deliveryCount: 4,
          totalMiles: 561,
          totalRate: 4000,
          totalAdjustedRate: 4561,
          driverMessage: 'Hello there',
          delivery: {
            dateFrom: '2024-07-16',
            loadNumber: '456',
            stopType: {
              id: 1,
              name: 'Pause',
            },
            stopOrder: 8,
            shipper: {
              address: {
                city: 'New York',
                address: 'Wall Street',
              },
              businessName: 'WOOD Worker',
              id: 4,
            },
          },
          pickup: {
            dateFrom: '2024-07-16',
            loadNumber: '456',
            stopType: {
              id: 1,
              name: 'Pause',
            },
            stopOrder: 8,
            shipper: {
              address: {
                city: 'New York',
                address: 'Wall Street',
              },
              businessName: 'WOOD Worker',
              id: 4,
            },
          },
          broker: {
            availableCredit: 30000,
            availableCreditType: { id: 4, name: 'IDK' },
            ban: false,
            businessName: 'LUMBERJACK CO',
            contactName: 'Peter Parker',
            dnu: true,
            email: 'lumberjack@gmail.com',
            id: 4,
            phone: '+385 95 888 66 77',
            payTerm: {
              id: 5,
              name: 'POS',
            },
          },
        },
        {
          id: 19,
          loadNumber: '107',
          referenceNumber: '25565',
          statusType: { id: 4, name: 'status1' },
          pickupCount: 2,
          deliveryCount: 4,
          totalMiles: 561,
          totalRate: 4000,
          totalAdjustedRate: 4561,
          driverMessage: 'Hello there',
          delivery: {
            dateFrom: '2024-07-16',
            loadNumber: '456',
            stopType: {
              id: 1,
              name: 'Pause',
            },
            stopOrder: 8,
            shipper: {
              address: {
                city: 'New York',
                address: 'Wall Street',
              },
              businessName: 'WOOD Worker',
              id: 4,
            },
          },
          pickup: {
            dateFrom: '2024-07-16',
            loadNumber: '456',
            stopType: {
              id: 1,
              name: 'Pause',
            },
            stopOrder: 8,
            shipper: {
              address: {
                city: 'New York',
                address: 'Wall Street',
              },
              businessName: 'WOOD Worker',
              id: 4,
            },
          },
          broker: {
            availableCredit: 30000,
            availableCreditType: { id: 4, name: 'IDK' },
            ban: false,
            businessName: 'LUMBERJACK CO',
            contactName: 'Peter Parker',
            dnu: true,
            email: 'lumberjack@gmail.com',
            id: 4,
            phone: '+385 95 888 66 77',
            payTerm: {
              id: 5,
              name: 'POS',
            },
          },
        },
        {
          id: 22,
          loadNumber: '107',
          referenceNumber: '25565',
          statusType: { id: 4, name: 'status1' },
          pickupCount: 2,
          deliveryCount: 4,
          totalMiles: 561,
          totalRate: 4000,
          totalAdjustedRate: 4561,
          driverMessage: 'Hello there',
          delivery: {
            dateFrom: '2024-07-16',
            loadNumber: '456',
            stopType: {
              id: 1,
              name: 'Pause',
            },
            stopOrder: 8,
            shipper: {
              address: {
                city: 'New York',
                address: 'Wall Street',
              },
              businessName: 'WOOD Worker',
              id: 4,
            },
          },
          pickup: {
            dateFrom: '2024-07-16',
            loadNumber: '456',
            stopType: {
              id: 1,
              name: 'Pause',
            },
            stopOrder: 8,
            shipper: {
              address: {
                city: 'New York',
                address: 'Wall Street',
              },
              businessName: 'WOOD Worker',
              id: 4,
            },
          },
          broker: {
            availableCredit: 30000,
            availableCreditType: { id: 4, name: 'IDK' },
            ban: false,
            businessName: 'LUMBERJACK CO',
            contactName: 'Peter Parker',
            dnu: true,
            email: 'lumberjack@gmail.com',
            id: 4,
            phone: '+385 95 888 66 77',
            payTerm: {
              id: 5,
              name: 'POS',
            },
          },
        },
        {
          id: 22,
          loadNumber: '107',
          referenceNumber: '25565',
          statusType: { id: 4, name: 'status1' },
          pickupCount: 2,
          deliveryCount: 4,
          totalMiles: 561,
          totalRate: 4000,
          totalAdjustedRate: 4561,
          driverMessage: 'Hello there',
          delivery: {
            dateFrom: '2024-07-16',
            loadNumber: '456',
            stopType: {
              id: 1,
              name: 'Pause',
            },
            stopOrder: 8,
            shipper: {
              address: {
                city: 'New York',
                address: 'Wall Street',
              },
              businessName: 'WOOD Worker',
              id: 4,
            },
          },
          pickup: {
            dateFrom: '2024-07-16',
            loadNumber: '456',
            stopType: {
              id: 1,
              name: 'Pause',
            },
            stopOrder: 8,
            shipper: {
              address: {
                city: 'New York',
                address: 'Wall Street',
              },
              businessName: 'WOOD Worker',
              id: 4,
            },
          },
          broker: {
            availableCredit: 30000,
            availableCreditType: { id: 4, name: 'IDK' },
            ban: false,
            businessName: 'LUMBERJACK CO',
            contactName: 'Peter Parker',
            dnu: true,
            email: 'lumberjack@gmail.com',
            id: 4,
            phone: '+385 95 888 66 77',
            payTerm: {
              id: 5,
              name: 'POS',
            },
          },
        },
        {
          id: 23,
          loadNumber: '107',
          referenceNumber: '25565',
          statusType: { id: 4, name: 'status1' },
          pickupCount: 2,
          deliveryCount: 4,
          totalMiles: 561,
          totalRate: 4000,
          totalAdjustedRate: 4561,
          driverMessage: 'Hello there',
          delivery: {
            dateFrom: '2024-07-16',
            loadNumber: '456',
            stopType: {
              id: 1,
              name: 'Pause',
            },
            stopOrder: 8,
            shipper: {
              address: {
                city: 'New York',
                address: 'Wall Street',
              },
              businessName: 'WOOD Worker',
              id: 4,
            },
          },
          pickup: {
            dateFrom: '2024-07-16',
            loadNumber: '456',
            stopType: {
              id: 1,
              name: 'Pause',
            },
            stopOrder: 8,
            shipper: {
              address: {
                city: 'New York',
                address: 'Wall Street',
              },
              businessName: 'WOOD Worker',
              id: 4,
            },
          },
          broker: {
            availableCredit: 30000,
            availableCreditType: { id: 4, name: 'IDK' },
            ban: false,
            businessName: 'LUMBERJACK CO',
            contactName: 'Peter Parker',
            dnu: true,
            email: 'lumberjack@gmail.com',
            id: 4,
            phone: '+385 95 888 66 77',
            payTerm: {
              id: 5,
              name: 'POS',
            },
          },
        },
      ],
    },
    dispatchResponse: dispatchResponses.dispatchResponses.pending,
    columnWidth: 400,
  },
};

export const ClosedPickup: PickupDeliveryStory = {
  args: {
    loads: {
      closed: [
        {
          id: 17,
          loadNumber: '567',
          referenceNumber: '35575',
          statusType: { id: 4, name: 'status2' },
          pickupCount: 3,
          deliveryCount: 5,
          totalMiles: 620,
          totalRate: 4500,
          totalAdjustedRate: 5060,
          driverMessage: 'Good day',
          delivery: {
            dateFrom: '2024-07-18',
            loadNumber: '567',
            stopType: {
              id: 2,
              name: 'Stop',
            },
            stopOrder: 9,
            shipper: {
              address: {
                city: 'Los Angeles',
                address: 'Sunset Boulevard',
              },
              businessName: 'STONE Builder',
              id: 5,
            },
          },
          pickup: {
            dateFrom: '2024-07-19',
            loadNumber: '567',
            stopType: {
              id: 2,
              name: 'Stop',
            },
            stopOrder: 9,
            shipper: {
              address: {
                city: 'San Columbus',
                state: 'Ohio',
                address: 'Stone street',
              },
              businessName: 'Masonary',
              id: 5,
            },
          },
          broker: {
            availableCredit: 35000,
            availableCreditType: { id: 5, name: 'Available' },
            ban: false,
            businessName: 'TIMBER CO',
            contactName: null,
            dnu: false,
            email: 'timberco@gmail.com',
            id: 5,
            phone: '+385 95 999 77 88',
            payTerm: {
              id: 6,
              name: 'Net 30',
            },
          },
        },

        {
          id: 18,
          loadNumber: '107',
          referenceNumber: '25565',
          statusType: { id: 4, name: 'status1' },
          pickupCount: 2,
          deliveryCount: 4,
          totalMiles: 561,
          totalRate: 4000,
          totalAdjustedRate: 4561,
          driverMessage: 'Hello there',
          delivery: {
            dateFrom: '2024-07-16',
            loadNumber: '456',
            stopType: {
              id: 1,
              name: 'Pause',
            },
            stopOrder: 8,
            shipper: {
              address: {
                city: 'New York',
                address: 'Wall Street',
              },
              businessName: 'WOOD Worker',
              id: 4,
            },
          },
          pickup: {
            dateFrom: '2024-07-16',
            loadNumber: '456',
            stopType: {
              id: 1,
              name: 'Pause',
            },
            stopOrder: 8,
            shipper: {
              address: {
                city: 'New York',
                address: 'Wall Street',
              },
              businessName: 'WOOD Worker',
              id: 4,
            },
          },
          broker: {
            availableCredit: 30000,
            availableCreditType: { id: 4, name: 'IDK' },
            ban: false,
            businessName: 'LUMBERJACK CO',
            contactName: 'Peter Parker',
            dnu: true,
            email: 'lumberjack@gmail.com',
            id: 4,
            phone: '+385 95 888 66 77',
            payTerm: {
              id: 5,
              name: 'POS',
            },
          },
        },
      ],
      active: null,
      pending: null,
    },
    dispatchResponse: dispatchResponses.dispatchResponses.closed,
    columnWidth: 400,
  },
};