import { Component, Inject } from '@angular/core';
import { CONFIG_TOKEN, EuiAppConfig } from '@eui/core';
import { EUIM_TOOLBAR, EUIM_AVATAR, EUIM_LABEL, EuimHelperTextComponent } from '@eui/mobile-core';
import { IonToolbar, IonHeader, IonContent, IonList, IonButton, IonIcon, IonListHeader } from '@ionic/angular/standalone';

@Component({
    templateUrl: './home.component.html',
    imports: [EUIM_TOOLBAR, EUIM_AVATAR, EUIM_LABEL, IonList, IonListHeader, IonButton, IonIcon, EuimHelperTextComponent, IonToolbar, IonHeader, IonContent],
})
export class HomeComponent {
    constructor(@Inject(CONFIG_TOKEN) private config: EuiAppConfig) {}

    items: ListItems[] = [
        {
            sectionTitle: 'DOCUMENTATION',
            items: [
                {
                    title: 'Design System',
                    subtitle: 'Explore 90+ mobile components',
                    url: 'https://eui.ecdevops.eu/eui-showcase-ux-components-21.x/showcase-design-system/home',
                    icon: 'color-palette-outline',
                },
                {   title: 'Components',
                    subtitle: 'Explore 90+ mobile components',
                    url: 'https://eui.ecdevops.eu/eui-showcase-mobile-20.x/home/components?segment=alphabetical',
                    icon: 'cube-outline',
                },
                {   title: 'Patterns',
                    subtitle: 'Explore proven component combinations',
                    url: 'https://eui.ecdevops.eu/eui-showcase-mobile-patterns-20.x/home',
                    icon: 'library-outline',
                },
                {   title: 'Applications',
                    subtitle: 'Get inspired of 15+ eUI/Mobile apps ',
                    url: 'https://eui.ecdevops.eu/eui-showcase-mobile-patterns-20.x/home/patterns?segment=apps',
                    icon: 'apps-outline',
                },
                {   title: 'Plugins & Services',
                    subtitle: 'Native hardware API’s',
                    url: 'https://eui.ecdevops.eu/eui-showcase-mobile-20.x/home/plugins-services',
                    icon: 'hardware-chip-outline',
                },
            ],

            hasHelperText: true,
        },
        {
            sectionTitle: 'CONTACT US',
            items: [
                {
                    title: 'Teams',
                    subtitle: 'Official eUI support channel ',
                    url: 'https://teams.microsoft.com/l/channel/19%3a6db7a6cef52340eb91d67b8d75db2523%40thread.tacv2/%25E2%259D%2593%25E2%259D%2593%2520%2520HELPDESK%2520and%2520SUPPORT?groupId=fb6def72-c57b-4e8f-a82e-49be65d6e1f5&tenantId=b24c8b06-522c-46fe-9080-70926f8dddb1',
                    icon: 'people-outline',
                },
                {
                    title: 'Helpdesk',
                    subtitle: 'Send us a support ticket',
                    url: 'mailto:digit-eui-support@ec.europa.eu',
                    icon: 'mail-outline',
                },
            ],
        },
    ];
}

interface Item {
    title: string;
    subtitle: string;
    icon?: string;
    url?: string;
}

interface ListItems {
    sectionTitle?: string;
    items: Item[];
    hasHelperText?: boolean;
}