<div class="row show-grid" *ngIf="product.length>0">
    <div class="col-6 col-md-12">
      <!-- <div style="text-align: center;">  
         Name :  <label for="subject" style="    font-weight: 600;">{{  data.name }}</label>
    </div>  -->
    </div>
    <div class="col-6 col-md-12">
      <div>
       
              <ul  >
                <div class="row show-grid">
                    <div class="col-6 col-md-4">
                      <div  style="    font-weight: 600;">  
                     Products
                    </div> 
                    </div>
                    <div class="col-6 col-md-2">
                      <div  style="    font-weight: 600;">
                     Qty
                     </div>
                    </div>
                    <div class="col-6 col-md-6">
                      <div  style="    font-weight: 600;">
                      
                     </div>
                    </div>
                  </div>
                <li *ngFor="let item of data.product"  >
                  
                      
                    <div class="row show-grid">
                        <div class="col-6 col-md-4">
                          <div>  
                            {{ item.name }}
                        </div> 
                        </div>
                        <div class="col-6 col-md-2">
                          <div>
                            {{ item.qty }}
                            <!-- <input nbInput type="number" [(ngModel)]="item.qty"> -->
                         </div>
                        </div>
                        <div class="col-6 col-md-6">
                          <div>
                            {{ item.productSpec }}
                            <!-- <input nbInput type="number" [(ngModel)]="item.qty"> -->
                         </div>
                        </div>
                      </div>
                      
             
             
                </li>
              </ul>
           
     </div>
    </div>
    <div class="col-6 col-md-4">
      <div> 
       
    </div>
    </div>

    <div class="row show-grid"  >
        <div class="col-6">
          <div>  
            <button type="button" class="cancel" nbButton status="danger" (click)="cancel()">Cancel</button>
        </div> 
        </div>
      
        <div class="col-6">
          <div> 
            <button nbButton status="success" (click)="save()"   type="submit" [disabled]="submitBtn">Confirm</button>
        </div>
        </div>
      </div>
  </div>
