<app-common-dialog [dialogContent]="dialogContent" [dialogRef]="dialogRef">
  <ng-template #dialogContent>
    <form appFormSubmit (ngSubmit)="dissociateIp()" [formGroup]="dissociateIpForm" appFlex="100" layoutDirection="column">
      <app-form-errors #formErrors [formGroup]="dissociateIpForm"></app-form-errors>
      <mat-form-field appFlex="100">
        <mat-label i18n>Associated floating IP - fixed IP</mat-label>
        <mat-select formControlName="ip" i18n-placeholder placeholder="Associated floating IP - fixed IP" required>
          <mat-option *ngFor="let ip of ips" [value]="ip.floating_ip_address">
            {{ ip.floating_ip_address }} - {{ ip.fixed_ip_address }}
          </mat-option>
        </mat-select>
        <mat-error>{{backendErrors['ip'] || fieldRequiredText}}</mat-error>
      </mat-form-field>
    </form>
  </ng-template>
</app-common-dialog>
