<div id="section-to-print">
  <div class="flex flex-col">
    <span>ศูนย์สอบ : {{data.testing_center.branch_uid | getDataId : branchList:'branch_uid' : 'branch_name_th':''}}</span>
    <span>สนามสอบ : {{data.testing_center.testing_field_uid | getDataId : testingFieldList:'testing_field_uid' : 'testing_field_name_th':''}}</span>
    <span>ห้องสอบ : {{data.testing_center.testing_room_name_th}}</span>
  </div>
  <br>
  <hr class="border-2 border-black">
  <br>
  <div class="flex justify-between">
    <ng-container *ngFor="let x of data.data; let i = index">
      <div class="flex flex-col">
        <ng-container *ngFor="let seat of [].constructor(x.no_of_seats); let seat_index = index">
          <div class="flex flex-row items-center">
            <mat-icon>chair</mat-icon>
            <span class="ml-1">{{x.row_name + (seat_index+1)}}</span>
          </div>
        </ng-container>
      </div>
    </ng-container>
  </div>
</div>
<br>
<div class="flex flex-row justify-center">
  <button class="search-button" (click)="print()">Print</button>
</div>
