import { Component } from '@angular/core';
import { CommonModule } from '@angular/common';
import { RouterLink } from '@angular/router';

@Component({
  selector: 'app-search-payment',
  imports: [CommonModule, RouterLink],
  templateUrl: './search-payment.html',
  styleUrl: './search-payment.css',
  standalone: true
})
export class SearchPaymentComponent {
  searchResults = [
    { name: 'Frank Johnson', program: 'Auto Claim', paymentId: '10001500873', amount: 25.00, initialStatus: 'Pending', paymentStatus: 'Email sent', date: new Date() },
    { name: 'Mary Adams', program: 'Auto Claim', paymentId: '1590430072', amount: 15.00, initialStatus: 'Pending', paymentStatus: 'Pending', date: new Date() },
    { name: 'Sam Jones', program: 'Home Claim', paymentId: '100015100874', amount: 25.00, initialStatus: 'Declined', paymentStatus: 'Pending', date: new Date() },
    { name: 'John Bell', program: 'Auto Claim', paymentId: '1590430070', amount: 34.00, initialStatus: 'Pending', paymentStatus: 'Email sent', date: new Date() },
    { name: 'Ruby Hall', program: 'Home Claim', paymentId: '1590430069', amount: 11.00, initialStatus: 'Declined', paymentStatus: 'Pending', date: new Date() },
    { name: 'Mark Jones', program: 'Auto Claim', paymentId: '1590430068', amount: 17.00, initialStatus: 'Pending', paymentStatus: 'Email sent', date: new Date() },
    { name: 'Julie Jackson', program: 'Home Claim', paymentId: '1590430067', amount: 19.00, initialStatus: 'Pending', paymentStatus: 'Pending', date: new Date() }
  ];

  showResults = false;

  onSubmit(): void {
    this.showResults = true;
  }

  onReset(): void {
    this.showResults = false;
  }
}