kfmc_website/src/app/dashboard/unit-information/unit-information-add/unit-information-add.component.html

<div class="addDepartment-w">

    
  <div class="container">
      <div class="row">
        <div class="col-12">
          <ul class="list-unstyled titileLi-w">
            <li class="headingText-w"> خدمه البلاغات </li>
            <li class="headingText-w activeLi-w" style="margin-right:5px"> {{typePage}} </li>
          </ul>
        </div>
      </div>

    <div class="containerContent-w">
        <form (ngSubmit)="onSubmitted()" #f="ngForm" style="margin-top: 40px;">
            <div class="row">

                <div class="col-12 col-sm-12 col-md-4" >
                    <div class="form-group">
                      <label style="float: right; margin-right: 5px">المجمع</label>
                      <select class="form-control" name="housing_complex_id" [ngModel]="formData.housing_complex_id" (input)="getBuildingsType($event.target.value)" required>
                        <option *ngFor="let complex of complex_list" [value]="complex.id">{{complex.name}}</option>
                      </select>
                    </div>
                  </div>

                  <div class="col-12 col-sm-12 col-md-4" *ngIf="showTypes" >
                      <div class="form-group">
                        <label style="float: right; margin-right: 5px">نوع المبنى</label>
                        <select class="form-control" name="building_type_id" [ngModel]="formData.building_type_id" (input)="typeNumber($event.target.value)" required>
                          <option *ngFor="let building of building_types" [value]="building.id" >{{building.name}}</option>
                        </select>
                      </div>
                    </div>

                    <!-- <div class="col-12 col-sm-12 col-md-4" *ngIf="show_amount" >
                        <div class="form-group">
                          <label style="float: right; margin-right: 5px"> رقم المبنى</label>
                          <select class="form-control" name="building_number" [ngModel]="formData.building_number"  required>
                            <option *ngFor="let amount of amount;  let i = index" (change)="removeAmount(i)"  [value]="amount" >{{amount}}</option>
                          </select>
                        </div>
                      </div>  -->

                      <div class="col-12 col-sm-12 col-md-4">
                        <div class="form-group">
                          <label for="building_number" style="float: right; margin-right: 5px">رقم المبنى<span class="spanReqired-w">*</span></label>
                          <input type="number" class="form-control" id="building_number" name="building_number" placeholder=""  min="0"  ngModel [ngModel]="formData.building_number" required/>
                        </div>
                      </div>


                      <div class="col-12 col-sm-12 col-md-4">
                        <div class="form-group">
                          <label for="building_code" style="float: right; margin-right: 5px">رمز المبنى<span class="spanReqired-w">*</span></label>
                          <input type="text" class="form-control" id="building_code" name="building_code" placeholder="رمز المبنى" ngModel [ngModel]="formData.building_code" required/>
                        </div>
                      </div>

                      <div class="col-12 col-sm-12 col-md-4">
                        <div class="form-group">
                          <label for="building_units" style="float: right; margin-right: 5px">عدد الوحدات السكنية في المبنى<span class="spanReqired-w">*</span></label>
                          <input type="number" class="form-control" id="building_units" name="building_units" placeholder=" " ngModel [ngModel]="formData.building_units" required/>
                        </div>
                      </div>

                <div class="col-12 col-sm-12 col-md-4">
                    <div class="form-group">
                      <label for="building_name" style="float: right; margin-right: 5px">اسم المبنى<span class="spanReqired-w">*</span></label>
                      <input type="text" class="form-control" id="building_name" name="building_name" placeholder="اسم المبنى" ngModel [ngModel]="formData.building_name" required/>
                    </div>
                  </div>
              
                  <div class="col-12 col-sm-12 col-md-4" >
                    <div class="form-group">
                      <label style="float: right; margin-right: 5px">ملكية المبنى</label>
                      <select class="form-control" name="building_property" [ngModel]="formData.building_property" required>
                          <option value="governmental">حكومي</option>
                          <option value="rented">أجر</option>
                      </select>
                    </div>
                  </div>

                <div class="col-12 col-sm-12 col-md-4">
                 <div class="form-group">
                   <label style="float: right; margin-right: 5px">الحاله</label>
                   <select class="form-control" name="status" [ngModel]="formData.status" required>
                      <option value="1">فعال</option>
                       <option value="0">غير فعال</option>
                    </select>
                  </div>
               </div>
              
          </div>
          <div class=" row col-6">
              <button type="submit" class="btn btn-success rightW" [disabled]="!f.valid">حفظ</button>
              <button type="button" class="btn btn-warning rightW" (click)="authSer.backFromEdit()">إلغاء</button>
          </div>
        </form>
    </div>
  </div>
</div>