<div class="container">
  <mat-form-field>
    <mat-select placeholder="MTR Level:" [(value)]="selectedMTR" id="mtrpos"
    #mtrpos>
      <mat-option *ngFor="let mtr of MTRs" [value]="mtr.value">
        {{mtr.viewValue}}
      </mat-option>
    </mat-select>
  </mat-form-field>
  <mat-form-field>
    <mat-select placeholder="MER Level:" [(value)]="selectedMER">
      <mat-option *ngFor="let mer of MERs" [value]="mer.value">
        {{mer.viewValue}}
      </mat-option>
    </mat-select>
  </mat-form-field>
  <mat-form-field>
    <mat-select placeholder="FEC:" [(value)]="selectedFEC">
      <mat-option *ngFor="let fec of FECs" [value]="fec.value">
        {{fec.viewValue}}
      </mat-option>
    </mat-select>
  </mat-form-field>
  <mat-form-field>
    <mat-select placeholder="T1-T4 timeout" [(value)]="selectedtimeout">
      <mat-option *ngFor="let time of Times" [value]="time.value">
        {{time.viewValue}}
      </mat-option>
    </mat-select>
  </mat-form-field>
  <button (click)="submitEntry()"> Update </button>
</div>