<div class="main-content main-atf">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header card-header-green">
                        <h4 class="card-title">Impresión de Packing</h4>
                        <p class="card-category">Puede reimprimir una etiquetas tantas veces desee. Formato de impresión 100 x 60 para Etiquetadoras Zebra</p>
                    </div>
                    <div class="card-body">
                      <div class="row">
                        <div class="col-md-12">
                          <h4><strong>Flores</strong></h4>
                          <table class="table table-bordered table-hover">
                           <thead>
                            <tr>
                              <th>Nro. paquete</th>
                              <th>Flor</th>
                              <th>Grs</th>
                              <th>THC</th>
                              <th>CBD</th>
                              <th>
                                Opciones
                              </th>
                            </tr>
                           </thead>
                           <tbody>
                             <tr *ngIf="packings.length == 0">
                               <td colspan="6">No hay paquetes para el pedido actual. Es posible que ninguno de los elementos comprados sea flor</td>
                             </tr>
                             <tr *ngFor="let packing of packings; let i = index;">
                              <td width="80">{{packing.id}}</td>
                              <td>{{packing.description}}</td>
                              <td>{{packing.grs | number:'1.2-2'}}</td>
                              <td>{{packing.thc | number:'1.2-2'}}</td>
                              <td>{{packing.cbd | number:'1.2-2'}}</td>
                              <td>
                                <button mat-stroked-button color="primary" (click)="print(i)">Imprimir</button>
                              </td>
                             </tr>
                           </tbody>
                          </table>

                          <h4><strong>Otros productos</strong></h4>
                          <table class="table table-bordered table-hover">
                           <thead>
                            <tr>
                              <th>Producto</th>
                              <th>Cantidad</th> 
                            </tr>
                           </thead>
                           <tbody>
                             <tr *ngIf="another.length == 0">
                               <td colspan="2">No hay otros productos</td>
                             </tr>
                             <tr *ngFor="let an of another; let i = index;">
                              <td>{{an.product_name}}</td>
                              <td>{{an.qty | number:'1.2-2'}}</td> 
                             </tr>
                           </tbody>
                          </table>
                        </div>
                      </div>

                      <button mat-raised-button type="button" (click)="dismiss()" class="btn btn-default pull-right">Cerrar</button>
                      <div class="clearfix"></div>
  
                    </div>
                </div>
            </div>
        </div>
    </div>
  </div>
  