<h1 class="title">แสดงผลการค้นหา</h1>
<div class="main">
  <mat-card>
    <mat-card-content>
      <table mat-table [dataSource]="recieptsList">
        <ng-container matColumnDef="1">
          <th mat-header-cell *matHeaderCellDef> เลขที่ใบเสร็จ </th>
          <td mat-cell *matCellDef="let x"> {{x.payment_code}} </td>
        </ng-container>
        <ng-container matColumnDef="2">
          <th mat-header-cell *matHeaderCellDef> วันที่ออกใบเสร็จ </th>
          <td mat-cell *matCellDef="let x"> {{x.payment_datetime | thaidate }} {{x.payment_datetime | date: 'hh:mm:ss' }} </td>
        </ng-container>
        <ng-container matColumnDef="3">
          <th mat-header-cell *matHeaderCellDef> Counter </th>
          <td mat-cell *matCellDef="let x"> {{x.counter_no}} </td>
        </ng-container>
        <ng-container matColumnDef="4">
          <th mat-header-cell *matHeaderCellDef> สถานะ </th>
          <td mat-cell *matCellDef="let x">
            <div *ngIf="x.is_cancel">
              ยกเลิก
            </div>
            <div *ngIf="!x.is_cancel">
              ใช้งาน
            </div>
          </td>
        </ng-container>
        <ng-container matColumnDef="5">
          <th mat-header-cell *matHeaderCellDef> จำนวนเงิน(บาท) </th>
          <td mat-cell *matCellDef="let x"> {{x.total_amount}} </td>
        </ng-container>
        <ng-container matColumnDef="6">
          <th mat-header-cell *matHeaderCellDef> เครื่องมือ </th>
          <td mat-cell *matCellDef="let x">
            <button mat-raised-button class="add-button mr-1" style="margin-right: 10px" (click)="print(x.testing_register_uid,'pdf')">
              <mat-icon aria-hidden="false" aria-label="Example home icon">print</mat-icon> Reprint
            </button>
            <button mat-raised-button class="payment-button mr-1" style="margin-right: 10px" (click)="printReal(x.testing_register_uid,'pdf')">
              <mat-icon aria-hidden="false" aria-label="Example home icon">print</mat-icon> ใบเสร็จอิเล็กทรอนิกส์
            </button>
            <button *ngIf="isDueDate(x)" mat-raised-button class="delete-button mr-1" (click)="cancelPay(x.testing_register_uid)">
              <mat-icon aria-hidden="false" aria-label="Example home icon" >close</mat-icon> ยกเลิก
            </button>
          </td>
        </ng-container>
        <tr mat-header-row *matHeaderRowDef="column"></tr>
        <tr mat-row *matRowDef="let row; columns: column;"></tr>
      </table>
      <mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>
    </mat-card-content>
  </mat-card>
</div>
