import { Component } from '@angular/core';
import { IconModule } from '../../../icon/icon.module';
import { MaterialModule } from '../../../material.module';

@Component({
  selector: 'app-footer',
  imports: [MaterialModule, IconModule],
  templateUrl: './footer.component.html',
  styleUrl: './footer.component.scss'
})
export class FooterComponent {
  applicationsItems = [
    {
      title: 'Kanban',
      href: "/apps/kanban"
    },
    {
      title: 'Invoice List',
      href: "/apps/invoice/list"
    },
    {
      title: 'eCommerce',
      href: "/apps/product/shop"
    },
    {
      title: 'Chats',
      href: "/apps/chat"
    },
    {
      title: 'Tickets',
      href: "/apps/tickets"
    },
    {
      title: 'Blog',
      href: "/apps/blog/post"
    },
  ];

  formsItems = [
    {
      title: 'Form Layout',
      href: "/forms/form-layouts"
    },
    {
      title: 'Form Horizontal',
      href: "/forms/form-horizontal"
    },
    {
      title: 'Form Wizard',
      href: "/forms/form-wizard"
    },
    {
      title: 'Form Vertical',
      href: "/forms/form-vertical"
    },
    {
      title: 'Form Toastr',
      href: "/forms/form-toastr"
    },
  ];

  tablesItems = [
    {
      title: 'Basic Table',
      href: "/tables/basic-table"
    },
    {
      title: 'Multi Header Footer Table',
      href: "/tables/multi-header-footer-table"
    },
    {
      title: 'Pagination Table',
      href: "/tables/pagination-table"
    },
    {
      title: 'Dynamic Table',
      href: "/tables/dynamic-table"
    },
    {
      title: 'HTTP Table',
      href: "/tables/http-table"
    },
    {
      title: 'Sortable Table',
      href: "/tables/sortable-table"
    },
  ];

  socialIcons = [
    { src: 'assets/images/front-pages/icon-facebook.svg', tooltip: 'Facebook' },
    { src: 'assets/images/front-pages/icon-twitter.svg', tooltip: 'Twitter' },
    { src: 'assets/images/front-pages/icon-instagram.svg', tooltip: 'Instagram' },
  ];
}
