import { Component, OnInit } from '@angular/core';
import { MOCK_DATA_SUB } from '../../subscriptions/mocked-data';
import { IFooterButtonOptions } from 'fas-services';

@Component({
  selector: 'lib-statistic-list',
  templateUrl: './statistic-list.component.html',
  styleUrl: './statistic-list.component.scss'
})
export class StatisticListComponent implements OnInit{
  public subList: any;

  public registerAccountBtn: IFooterButtonOptions = {
    buttonLabel: 'Usuń zaznaczone',
    buttonIcon: 'pi pi-trash',
    buttonFunction: this.deleteRegisterAccount.bind(this),
    buttonLoading: false,
  };

  ngOnInit(): void {
    this.subList = MOCK_DATA_SUB;
  }

  registerAccount = [
    {
      field: 'subName',
      header: 'Data rejestracji',
      sortable: true,
      columnClass: 'flex justify-content-between align-items-center',
    },
    {
      field: 'subActivDate',
      header: 'Adres email',
      sortable: true,
    },
    {
      field: 'subUserNumb',
      header: 'Nazwa użytkownika',
      sortable: true,
    },
    {
      field: 'subsPrice',
      header: 'Rodzaj konta',
      sortable: true,
    },
    {
      field: 'actions',
      header: 'Akcje',
      sortable: false,
      columnClass: 'flex justify-content-center align-items-center gap-2',
      actions: [
        {
          label: '',
          tooltip: 'Edytuj',
          callback: this.customRowAction.bind(this),
          buttonClass:
            'pi pi-user-edit cursor-pointer text-center appear transparent-button',
        },
        {
          label: '',
          tooltip: 'Usuń',
          callback: this.customRowAction.bind(this),
          buttonClass:
            'pi pi-trash cursor-pointer text-center appear transparent-button',
        },
      ],
    },
  ];

  activeAccount = [
    {
      field: 'subName',
      header: 'Data rejestracji',
      sortable: true,
      columnClass: 'flex justify-content-between align-items-center',
    },
    {
      field: 'subActivDate',
      header: 'Adres email',
      sortable: true,
    },
    {
      field: 'subUserNumb',
      header: 'Nazwa użytkownika',
      sortable: true,
    },
    {
      field: 'subsPrice',
      header: 'Rodzaj konta',
      sortable: true,
    },
    {
      field: 'actions',
      header: 'Akcje',
      sortable: false,
      columnClass: 'flex justify-content-center align-items-center gap-2',
      actions: [
        {
          label: '',
          tooltip: 'Edytuj',
          callback: this.customRowAction.bind(this),
          buttonClass:
            'pi pi-user-edit cursor-pointer text-center appear transparent-button',
        },
        {
          label: '',
          tooltip: 'Usuń',
          callback: this.customRowAction.bind(this),
          buttonClass:
            'pi pi-trash cursor-pointer text-center appear transparent-button',
        },
      ],
    },
  ];

  activeSub = [
    {
      field: 'subName',
      header: 'Data aktywacji',
      sortable: true,
      columnClass: 'flex justify-content-between align-items-center',
    },
    {
      field: 'subActivDate',
      header: 'Nazwa abonamentu',
      sortable: true,
    },
    {
      field: 'subUserNumb',
      header: 'Lizba użytkowników',
      sortable: true,
    },
    {
      field: 'actions',
      header: 'Akcje',
      sortable: false,
      columnClass: 'flex justify-content-center align-items-center gap-2',
      actions: [
        {
          label: '',
          tooltip: 'Edytuj',
          callback: this.customRowAction.bind(this),
          buttonClass:
            'pi pi-user-edit cursor-pointer text-center appear transparent-button',
        },
        {
          label: '',
          tooltip: 'Usuń',
          callback: this.customRowAction.bind(this),
          buttonClass:
            'pi pi-trash cursor-pointer text-center appear transparent-button',
        },
      ],
    },
  ];

  customRowAction(){

  }

  deleteRegisterAccount(){
    
  }
}