<div class="functionalDomainContent">
  <div mat-dialog-title>
    <label *ngIf="!data.isBuilding">新建平面图</label>
    <label *ngIf="data.isBuilding">新建楼层/区域</label>
  </div>

  <form (ngSubmit)="onSubmit(form.value)" #form="ngForm" class="example-container">

    <div class="keyMargin">
      <mat-form-field>
        <input matInput name="name" required ngModel placeholder="名称">
      </mat-form-field>
    </div>

    <div class="keyMargin" *ngIf="data.isBuilding">
      <mat-checkbox name="isRefugeStorey"  [(ngModel)]="checked">是否为避难层</mat-checkbox>
    </div>

    <div class="keyMargin">
      <mat-form-field>
        <input matInput name="area" type="number" ngModel placeholder="面积 (平方米)">
      </mat-form-field>
    </div>

    <div class="keyMargin">
      <textarea name="details" ngModel placeholder="详情"></textarea>
    </div>

    <div class="submitBottom">
      <button mat-raised-button color="primary" type="submit" [disabled]="!form.form.valid">
          确定
      </button>
      <button mat-raised-button mat-dialog-close>取消</button>
    </div>

  </form>

</div>