<div class="row">
  <div class="col">
    <div class="md-form">
      <mdb-select [options]="levelOfCareOptions" placeholder="Level of care" formControlName="levelOfCare"></mdb-select>
      <label>Level of care</label>
      <div class="invalid-feedback" *ngIf="submitted && programReportItemForm.controls['levelOfCare'].hasError('required')">
        Level of care is required.
      </div>
    </div>
  </div>
  <div class="col">
    <div class="md-form">
      <mdb-select [options]="programOptions" placeholder="Program" formControlName="programId"></mdb-select>
      <label>Program</label>
      <div class="invalid-feedback" *ngIf="submitted && programReportItemForm.controls['programId'].hasError('required')">
        Program is required.
      </div>
    </div>
  </div>
  <div class="col">
    <div class="md-form">
      <mdb-select [options]="domainOptions" [multiple]="true" placeholder="Domains" formControlName="domainIds"></mdb-select>
      <label>Domains</label>
    </div>
  </div>
</div>