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

@Component({
  selector: 'lib-messages-sent',
  templateUrl: './messages-sent.component.html',
  styleUrl: './messages-sent.component.scss'
})
export class MessagesSentComponent implements OnInit{

  private _expirationDateService = inject(SubscriptionExpirationDateService);
  public userSelected!: any | null;
  public usersList: any;

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

  public userColumns = [
    {
      field: 'messageName',
      header: 'Nazwa parkingu',
      contentClass: '',
      columnClass: 'flex justify-content-between align-items-center',
      sortable:true,
      actions: [
        {
          label: 'Szczegóły',
          buttonClass: 'white-button appear',
          icoSuffix: 'pi pi-arrow-right',
        },
      ],
    },
    {
      field: 'messageTemplate',
      header: 'Adres parkingu',
      contentClass: 'text-sm',
    },
    {
      field: 'messageEmail',
      header: 'URL Aplikacji',
      contentClass: 'text-sm',
    },
    {
      field: 'subscriptionType',
      header: 'Status',
      contentClass: 'text-sm',
    },
    {
      field: 'email',
      header: 'Język',
      contentClass: 'text-sm',
    },
    {
      field: 'actions',
      header: 'Akcje',
      columnClass: '',
      actions: [
        {
          label: '',
          tooltip: 'Edytuj',
          buttonClass:
            'pi pi-pencil cursor-pointer text-center appear transparent-button',
        },
        {
          label: '',
          tooltip: 'Aktywuj',
          buttonClass:
            'pi pi-play cursor-pointer text-center appear transparent-button',
        },
      ],
    },
  ];

  public userColumnss = [
    {
      field: 'userName',
      header: 'Nazwa',
      contentClass: 'text-sm',
      columnClass: 'flex justify-content-between align-items-center',
      sortable:true,
      actions: [
        {
          label: 'Szczegóły',
          buttonClass: 'white-button appear',
          icoSuffix: 'pi pi-arrow-right',
        },
      ],
    },
    {
      field: 'subActivDate',
      header: 'Data utworzenia',
      contentClass: 'text-sm',
      sortable:true,
    },
    {
      field: 'transValue',
      header: 'Ilość kart',
      contentClass: 'text-sm',
    },
  ];

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