 
  
  <div *ngFor="let fieldGroup of inputFieldGroups; let i = index">
    <div>
   

 



  <div class="row show-grid">
    <div class="col-6 col-md-3">
        <div  > 
          
            <label for="subject" style="    font-weight: 600;">Mixed Gas {{i+1}}:</label> 
 
      </div>
      </div>
    <div class="col-6 col-md-2">
      <div>
 
        <label for="subject"  *ngIf="fieldTitle == 'View Order'" style="    font-weight: 600;">{{ fieldGroup.qty }}</label> 
        <input nbInput style="width: 50%;"  *ngIf="fieldTitle != 'View Order'"  (keyup)="pass()"  [(ngModel)]="fieldGroup.qty" type="number">
        <!-- <input nbInput type="number" min="0"  [(ngModel)]="item.qty"> -->
     </div>
    </div>
    <div class="col-6 col-md-4">
      <div  > 
        <!-- <input nbInput type="text"    [(ngModel)]="item.productSpec"> -->
        <label for="subject"  *ngIf="fieldTitle == 'View Order'" style="    font-weight: 600;">({{ fieldGroup.productSpec }})</label> 
        <input nbInput  *ngIf="fieldTitle != 'View Order'" style="    width: 100%;" (keyup)="pass()" [(ngModel)]="fieldGroup.productSpec" placeholder="eg:- N2:CO2:O2 - 50:30:20" type="text">
    </div>
    </div>

    <div class="col-6 col-md-3">
        <div  > 
            <nb-actions size="medium"  *ngIf="fieldTitle != 'View Order'">
                <nb-action icon="plus-circle-outline"   class="custom-action-icon"  [nbTooltip]="'Add'" (click)="addInputFieldGroup()"></nb-action>
               
                    <nb-action icon="minus-circle-outline" *ngIf="i !=0" [nbTooltip]="'Remove'"  (click)="removeInputFieldGroup(i)"></nb-action>
                    </nb-actions>
            <!-- <button nbButton status="success"  (click)="addInputFieldGroup()" style="margin-right: 1rem;">  Add </button> -->
            <!-- <button nbButton status="danger"  (click)="removeInputFieldGroup(i)">Remove</button> -->
 
      </div>
      </div>

   
  </div>

</div>
</div>