@extends('dompdf.LayoutBoostrapOnly')

@section('content')
    <style>
        .page-break {
            page-break-after: always;
        }
    </style>
    <div class="row">
        <h3>{{$reference}}</h3>
    </div>

    <div class="row">
        <h5>Picklist</h5>
    </div>

    <div class="row">
        <table style="font-size: 11px;" class="text-center" border='1px' width='100%'>
            <tr>
                <th style="text-align:center"> SKU </th>
                <th style="text-align:center"> Product Name </th>
                <th style="text-align:center"> Rack Name </th>
                <th style="text-align:center"> Qty </th>
            </tr>
            @foreach ($datalist["out"] as $key => $value)
                <tr>
                    <td>{{$value->sku_out}}</td>
                    <td>{{$value->product_name_out}}</td>
                    <td>{{$value->rack_name_out}}</td>
                    <td>{{$value->stock_out}}</td>
                </tr>
            @endforeach
        </table>
    </div>
    <br>
    <br>
    <div class="row">
        <h5>Package</h5>
    </div>

    <div class="row">
        <table style="font-size: 11px;" class="text-center" border='1px' width='100%'>
            <tr>
                <th style="text-align:center"> SKU </th>
                <th style="text-align:center"> Product Name </th>
                <th style="text-align:center"> Qty </th>
            </tr>
            @foreach ($datalist["in"] as $key => $value)
                <tr>
                    <td>{{$value->sku_in}}</td>
                    <td>{{$value->product_name_in}}</td>
                    <td>{{$value->stock_in}}</td>
                </tr>
            @endforeach
        </table>
    </div>

@endsection