HSEQ-front/src/app/pages/customers/customers-add-edit-two/customers-add-edit-two.component.html

<div class="addDepartment-w">
    <div class="container">
      <div class="row">
        <div class="col-12">
        <ul class="list-unstyled titilList">
            <li class="headingText-w"> Register New User /</li>
            <li class="headingText-w activeLi-w" style="margin-right:5px">Company Admins</li>
          </ul>
        </div>
      </div>
      <div class="containerContent-w">
        <form (ngSubmit)="next()" #f="ngForm">
          <div class="row formLoop" *ngFor="let admin of admins; let i = index">
            <div class="row">
            <div class="col-12 col-sm-12 col-md-4">
              <div class="form-group">
                <label for="name"  style="float: left; margin-left: 5px">Admin Name<span class="spanReqired-w">*</span></label>
                <input type="text" class="form-control" id="name" name="name" placeholder="Admin name" ngModel [(ngModel)]="admin.name" required/>
              </div>
            </div>
  
            <div class="col-12 col-sm-12 col-md-4">
              <div class="form-group">
                <label for="email"  style="float: left; margin-left: 5px">Email Address<span class="spanReqired-w">*</span></label>
                <input type="email" class="form-control" id="email" name="email" placeholder="enter your email" ngModel [(ngModel)]="admin.email" email #email="ngModel" required/>
              </div>
            </div>
  
            <div class="col-12 col-sm-12 col-md-4">
                <div class="form-group">
                  <label for="password" style="float: left; margin-left: 5px">password<span class="spanReqired-w">*</span></label>
                  <input type="password" class="form-control" placeholder="passwoed" id="password" name="password" min="6" ngModel [(ngModel)]="admin.password" required/>
                </div>
              </div>
              <div class="col-12 col-sm-12 col-md-4">
                <div class="form-group">
                  <label for="password_confirmation" style="float: left; margin-left: 5px"> password confirmation<span class="spanReqired-w">*</span></label>
                  <input type="password" class="form-control" placeholder="password confirmed" id="password_confirmation" name="password_confirmation" min="6" ngModel [(ngModel)]="admin.password_confirmation" required/>
                  <span class="validateColor" *ngIf="">password Not matching</span>
                </div>
              </div>
          </div>
          <div class="row">
            <button type="button" class="btn btn-danger" (click)="onDeleteRow(i)" style="margin: 10px 15px;">Remove</button>
          </div>
        </div>
          <div class=" row col-12" style="display: contents">
            <button type="button" class="btn btn-warning rightW" (click)="previous()">previous</button>
            <button type="button" class="btn btn-success rightW"  (click)="plusAdmin()">add</button>
            <button type="button" class="btn btn-success rightW" [disabled]="!f.valid" style="float: right;" (click)="next()">Next</button>
          </div>
        </form>
      </div>
    </div>
  </div>