<div class="flex flex-row justify-center w-full">
  <div class="flex flex-col w-full">
    <h1 class="title font-bold text-center">ค้นหาใบเสร็จสำหรับเคาเตอร์ {{this.query.counter_no}}</h1>
  </div>
</div>

<div class="flex  sm:flex-row flex-col justify-between w-full">
  <div class="flex flex-col w-full sm:w-4/12">
    <label>รหัสผู้สมัคร</label>
    <input type="text" [(ngModel)]="query.student_code">
  </div>
  <div class="flex flex-col w-full sm:w-2/12">
    <br>
    <button class="search-button" (click)="search()">ค้นหา</button>
  </div>
</div>

<div>
  <app-list-payment-counter
    (reprint)="print($event)"
    [paymentData]="paymentData$ | async"
  >

  </app-list-payment-counter>
</div>
