@extends('dompdf.LayoutBoostrapOnly')

@section('content')
  <style>
  .page-break {
      page-break-after: always;
  }
  </style>
  @php
    $total_box = count($datalist)-1;
  @endphp
  @foreach($datalist as $key => $value)
    <div>
      <div class="row">
        <table border="1" style="margin: 0 auto; width: 90%;">
          <tr>
            <td style="text-align: center">
              <h4>{{ $reference }}</h4>
            </td>
          </tr>
        </table>
        <table border="1" style="margin: 0 auto; width: 90%;">
          <tr>
            <td style="padding: 5px; vertical-align: top;">
              <p style="font-size: 1.3rem;">
                From: 
                <br>
                {{ $from_name }}
              </p>  
            </td>
            <td style="padding: 5px; vertical-align: top;">
              <p style="font-size: 1.3rem;">
                To: 
                <br>
                {{ $to_name }}
              </p>  
            </td>
          </tr>
        </table>
        <table border="1" style="margin: 0 auto; width: 90%;">
          <tr>
            <td style="text-align: center;" rowspan="2">
              <br>
              <img src="data:image/png;base64,{{ DNS1D::getBarcodePNG($value->barcode,'EAN13') }}" alt="barcode"  height="30"/>
              <br>
              <span style="font-size:10px"> {{$value->barcode}} </span>
            </td>
            <td style="padding: 5px; vertical-align: top;">
              <p style="font-size: 1.3rem;">
                SKU: 
                <br>
                {{ $value->count_sku }}
              </p>
            </td>
          </tr>
          <tr>
            <td style="padding: 5px; vertical-align: top;">
              <p style="font-size: 1.3rem;">
                Qty: 
                <br>
                {{ $value->total_qty }}
             </p>
            </td>
          </tr>
        </table>
        <table border="1" style="margin: 0 auto; width: 90%;">
          <tr>
            <td style="padding: 5px; vertical-align: top;">
              <p style="font-size: 1.3rem;">
                Weight_system: 
                <br>
                {{ $value->total_weight_system }} Gram
              </p>  
            </td>
            <td style="padding: 5px; vertical-align: top;">
              <p style="font-size: 1.3rem;">
                Weight Real: 
                <br>
                {{ $value->weight_real }} Gram
              </p>  
            </td>
          </tr>
        </table>
      </div>
    </div>
    @if ($total_box != $key)
      <div class="page-break"></div>
    @endif
  @endforeach
@endsection