<nb-card style="width: 182% ;">
    <nb-card-header><span style="color: #3556a6;">View List</span> </nb-card-header>
    <nb-card-body>
        <div class="row show-grid">
            <div class="col-md-6 col-sm-6"><h6>Product Name</h6></div>
            <div class="col-md-6 col-sm-6"><h6>Qty</h6></div>
        </div>
        <div class="row show-grid" *ngFor="let product of products">
            <div class="col-md-6 col-sm-6">{{ product.ProductDetails[0].productName }} </div>
            <div class="col-md-6 col-sm-6">{{ product.qty }}</div>
        </div>
        <!-- <ul>
            <li class="product-item">
              <div class="product-name">Product Name </div>
              <div class="product-qty">Qty </div>
            </li>
          </ul>
        <ul>
            <li *ngFor="let product of products" class="product-item">
              <div class="product-name">  {{ product.ProductDetails[0].productName }} </div>
              <div class="product-qty">{{ product.qty }}</div>
            </li>
          </ul> -->
       

    </nb-card-body>
    <nb-card-footer>
        <button class="cancel" nbButton status="danger" (click)="close()" type="button">Close</button>
        <!-- <button nbButton status="success" type="button">Submit</button> -->
        </nb-card-footer>
    </nb-card>