import { Meta, StoryObj, applicationConfig } from '@storybook/angular';
import { importProvidersFrom } from '@angular/core';
import { HttpClientModule } from '@angular/common/http';

// components
import { CaContactsCardComponent } from './ca-contacts-card.component';

// services
import { AngularSvgIconModule, SvgIconRegistryService } from 'angular-svg-icon';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

const meta: Meta<CaContactsCardComponent> = {
    title: 'Example/CaContactsCardComponent',
    component: CaContactsCardComponent,
    tags: ['autodocs'],
    parameters: {
        layout: 'centered',
    },
    decorators: [
        applicationConfig({
            providers: [
                SvgIconRegistryService,
                importProvidersFrom(
                    HttpClientModule,
                    AngularSvgIconModule.forRoot(),
                    BrowserAnimationsModule
                ),
            ],
        }),
    ],
};

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

export const ContactsCard: Story = {
    args: {
        departmentContacts: [
            {
                id: 1,
                name: 'Mechanic',
                contacts: [
                    {
                        id: 1,
                        fullName: 'Aleksandar Djordjevic',
                        phone: '(123) 456-7890',
                        phoneExt: 'x1234',
                        email: 'aleksandar.djordjevic@gmail.com',
                    },
                    {
                        id: 2,
                        fullName: 'Angelo Trotter',
                        phone: '(123) 456-7890',
                        email: 'angelo.trotter.enterprise.solutions@gmail.com',
                    },
                ],
            },
            {
                id: 2,
                name: 'Service',
                contacts: [
                    {
                        id: 3,
                        fullName: 'Carlo Dominos',
                        phone: '(555) 984-4968',
                        phoneExt: 'x3486',
                        email: 'dominosss@live.com',
                    },
                    {
                        id: 4,
                        fullName: 'Dwight Schrooman',
                        phone: '(555) 984-4968',
                        email: 'dwight.shrooman@protonmail.com',
                    },
                    {
                        id: 5,
                        fullName: 'Betty Black',
                        phone: '(252) 727-3674',
                    },
                ],
            },
        ],
    },
};