
  <div class="p-3 space-y-4">
    <div class="flex flex-row justify-between w-50">
      <div class="flex flex-col w-1/2 pr-2">
        <label>ปีการศึกษา</label>
        <select type="text" [(ngModel)]="query.academic_year_uid">
          <option *ngFor="let x of AcademicYear;" [ngValue]="x.academic_year_uid">
            {{x.academic_year_code}}
          </option>
        </select>
      </div>
      <div class="flex flex-col w-1/2 pr-2">
        <label>ภาคการศึกษา</label>
        <select type="text" [(ngModel)]="query.academic_semester_uid">
          <option *ngFor="let x of AcademicsemesterMock;" [ngValue]="x.academic_semester_uid">
            {{x.academic_semester_name_th}}
          </option>
        </select>
      </div>
    </div>
    <div class="flex flex-row justify-center mt-3 w-full">
      <button class="search-button mr-3" (click)="save()" >บันทึก</button>
      <button class="clear-button" (click)="cancel()">ยกเลิก</button>
    </div>
  </div>
