@extends('dompdf.LayoutBoostrapOnly')

@section('content')
    <style>
        .page-break {
            page-break-after: always;
        }
    </style>
    
    <div class="row">
        <h3>Pick Summary : {{$pickcode}}</h3>
        <p style="margin-bottom: 0">Print Date : {{ date('d-m-Y H:i') }}</p>
        <p style="margin-bottom: 0">Username   : {{ $user }}</p>
    </div>

    <br>
    <div class="row">
        <table style="font-size: 11px; width: 100%" class="text-center" border='1px'>
            <tr>
                <td style="width: 20px"></td>
                <td>No</td>
                <td>Invoice</td>
                <td>No Resi</td>
                <td>Barcode</td>
                <td>Sku</td>
                <td style="width: 30%">Product</td>
                <td>QTY</td>
                <td>BIN</td>
            </tr>
            @foreach ($datalist as $key => $value)
                <tr>
                    <td></td>
                    <td>{{ ++$key }}</td>
                    <td>{{$value->invoice_number}}</td>
                    <td style="white-space: nowrap">{{$value->awb_number}}</td>
                    <td>{{$value->barcode}}</td>
                    <td>{{$value->sku}}</td>
                    <td>{{$value->product_name}}</td>
                    <td>{{$value->qty}}</td>
                    <td>{{$value->bin_id }}</td>
                </tr>
            @endforeach
        </table>
    </div>

@endsection