import { Component, OnInit, inject } from '@angular/core';
import { SubscriptionExpirationDateService } from '../../../../shared/services/subscription-expiration-date.service';
import { MOCK_DATA } from '../mocked-data';
import { IFooterButtonOptions } from 'fas-services';

@Component({
  selector: 'lib-messages-templates',
  templateUrl: './messages-templates.component.html',
  styleUrl: './messages-templates.component.scss'
})
export class MessagesTemplatesComponent implements OnInit{
  
  private _expirationDateService = inject(SubscriptionExpirationDateService);
  public usersList: any;
  public userSelected!: any[];

  public templateFooterBtn: IFooterButtonOptions ={
    buttonLabel:'Usuń zaznaczone',
    buttonIcon: 'pi pi-trash',
    buttonFunction: this.test.bind(this)
  }

  ngOnInit(): void {
      this.usersList = MOCK_DATA
  }

  public userColumns = [
    {
      field: 'messageName',
      header: 'Nazwa szablonu',
      sortable: true,
      columnClass: 'flex justify-content-between align-items-center',
      actions: [
        {
          label: 'Szczegóły',
          buttonClass: 'white-button appear',
          //callback: this.openDetails.bind(this),
          icoSuffix: 'pi pi-arrow-right',
        },
      ],
    },
    {
      field: 'creationDate',
      header: 'Data utworzenia',
      sortable: true,
      columnClass: '',
    },
    {
      field: 'subscriptionType',
      header: 'Rodzaj',
      prefix: 'Abonament',
      sortable: true,
      contentClass: 'subscription-type',
      styleBackgroundFunction: this.getSubscriptionTypeColor.bind(this),
    },

    {
      field: 'actions',
      header: 'Akcje',
      sortable: false,
      columnClass: 'flex justify-content-center align-items-center gap-2',
      actions: [
        {
          label: '',
          tooltip: 'Edytuj',
          buttonClass:
            'pi pi-pencil cursor-pointer text-center appear transparent-button',
        },
        {
          label: '',
          tooltip: 'Wyślij',
          buttonClass:
            'pi pi-send cursor-pointer text-center appear transparent-button',
        },
      ],
    },
  ];

  test(){

  }

  getSubscriptionTypeColor(rowData: any): string {
    const subscriptionType = rowData.subscriptionType;
    return this._expirationDateService.getSubscriptionTypeColor(
      subscriptionType,
    );
  }
}