
<div class="row">
 
  <div class="col-12 col-sm-12" *ngIf="orderDetail.length > 0">
    <table class="table table-striped table-hover table-sm">
      <thead style="background-color: #426e86; color: #fff">
        <tr>
          <th>Product</th>
          <th class="text-right">Unit Price</th>
          <th class="text-right">Quantity</th>
          <th class="text-right">Total</th>
       
        </tr>
      </thead>

      <tr
        *ngFor="let t of orderDetail"
       
      >
        <td>{{ t.deviceName }}</td>
        <td class="text-right">{{ t.price | number }}</td>
        <td class="text-right">{{ t.quantity | number }}</td>
        <td class="text-right">{{ t.price * t.quantity | number }}</td>
       
      </tr>

      <tr>
        <td></td>
        <td></td>
        <td class="text-right">Total :=</td>
        <td class="text-right">{{ showttl(orderDetail) | number }}</td>
        <td></td>
      </tr>
      <tr>
        <td></td>
        <td></td>
        <td class="text-right">Grand Total(including GST 18%) :=</td>
        <td class="text-right">
          {{ showttl(orderDetail) * 1.18 | number }}
        </td>
        <td></td>
      </tr>
    </table>

    <div class="row">
      <div class="col-md-6">
        <label for="exampleFormControlInput1" class="form-label">Payment Status</label>
        <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="name@example.com"  [(ngModel)]="this.orderInDetails.payment_status"
        readonly>
      </div>
      <div class="col-md-6" *ngIf="this.orderInDetails.payment_reference">
        <label for="exampleFormControlInput1" class="form-label">Payment Reference</label>
        <input type="email" class="form-control" id="exampleFormControlInput1" [(ngModel)]="this.orderInDetails.payment_reference"
        readonly>
      </div>
    </div>
  </div>

<div style="border:1px solid black;margin-left: 15px;" class="mt-3">
  <div style="border:1px solid black;">
    <div class="p-1">
      <span style=" color: BLACK; font-size:17PX;font-weight: 600;">Nippon Bank Detail for Payment Transfer</span>
      <br>				
      <span  style="color:BLACK;">ACCOUNT NAME:</span>	NIPPON AUDIOTRONIX PVT LTD 
      <br>	
      <span  style="color:BLACK">BANK:</span> HDFC BANK 	
      <br>
      <span  style="color:BLACK">Account No:</span> 882320001628	
      <br>
      <span style="color:BLACK">NEFT IFSC Code:</span>	HDFC0000088
    </div>
  </div>
</div>
</div>

<!-- <div>
  <div style="font-size: 12px;background: white; box-shadow: 3px 2px 5px 0px rgb(178, 176, 174);">
    <table id="myTable1" class="table table-striped table-hover">
      <thead style="background: #426E86; color: white;">
        <tr>
          <th>{{'Product Name' | translate}}</th>
          <th>{{'Model' | translate}}</th>
          <th>{{"Quantity" | translate}}</th>
          <th>{{'Unit Price' | translate}}</th>
          <th>{{'Total' | translate}}</th>
          <th>Grand Total(including GST 18%)</th>
       
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let order of orderDetail">
          <td>{{order.deviceName}}</td>
          <td>{{order.model}}</td>
          <td>{{order.quantity}}</td>
          <td>{{order.price}}</td>
          <td>{{order.price * order.quantity}}</td>
          <td>{{(order.price * order.quantity) * 1.18 | number}}</td>

        </tr>
      </tbody>
    </table>

    <div style ="width:99%; border-top:3px solid #dee2e6 !important;"></div>
    <div class="p-1">
      <div><h5>Nippon Bank Detail for Payment Transfer</h5></div>
      <div class="row">
        <div class="col-md-6">
          <label for="exampleFormControlInput1" class="form-label">ACCOUNT NAME</label>
          <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="name@example.com" value="NIPPON AUDIOTRONIX PVT LTD"
          readonly>
        </div>
        <div class="col-md-6">
          <label for="exampleFormControlInput1" class="form-label">BANK</label>
          <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="name@example.com"  value="HDFC BANK"
          readonly>
        </div>
        <div class="col-md-6">
          <label for="exampleFormControlInput1" class="form-label">Account Number.</label>
          <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="name@example.com"  value="882320001628"
          readonly>
        </div>
        <div class="col-md-6">
          <label for="exampleFormControlInput1" class="form-label">NEFT IFSC Code</label>
          <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="name@example.com"  value="HDFC0000088"
          readonly>
        </div>
      </div>
     
    </div>
  </div>


</div> -->