import type { PaymentDTO } from '../types/generated/PaymentDto';

export class PaymentViewModel {
  id: string;
  type: string;
  amount: number;
  platformFee: number;
  netAmount: number;
  payerId: string;
  payerType: string;
  leagueId: string;
  seasonId?: string;
  status: string;
  createdAt: Date;
  completedAt?: Date;

  constructor(dto: PaymentDto) {
    Object.assign(this, dto);
  }

  /** UI-specific: Formatted amount */
  get formattedAmount(): string {
    return `€${this.amount.toFixed(2)}`; // Assuming EUR currency
  }

  /** UI-specific: Formatted net amount */
  get formattedNetAmount(): string {
    return `€${this.netAmount.toFixed(2)}`;
  }

  /** UI-specific: Status color */
  get statusColor(): string {
    switch (this.status) {
      case 'completed': return 'green';
      case 'pending': return 'yellow';
      case 'failed': return 'red';
      case 'refunded': return 'orange';
      default: return 'gray';
    }
  }

  /** UI-specific: Formatted created date */
  get formattedCreatedAt(): string {
    return this.createdAt.toLocaleString();
  }

  /** UI-specific: Formatted completed date */
  get formattedCompletedAt(): string {
    return this.completedAt ? this.completedAt.toLocaleString() : 'Not completed';
  }

  /** UI-specific: Status display */
  get statusDisplay(): string {
    return this.status.charAt(0).toUpperCase() + this.status.slice(1);
  }

  /** UI-specific: Type display */
  get typeDisplay(): string {
    return this.type.replace('_', ' ').replace(/\b\w/g, l => l.toUpperCase());
  }

  /** UI-specific: Payer type display */
  get payerTypeDisplay(): string {
    return this.payerType.charAt(0).toUpperCase() + this.payerType.slice(1);
  }
}