@extends('dompdf.LayoutBoostrapOnly')

@section('content')
    <style>
        table {
            width: 100%;
            border-collapse: collapse;
        }
        td, th {
            padding: 4px;
        }
    </style>
    
    <div class="row">
        <h3>Pick Paper : {{$pickcode}}</h3>
        <p style="margin-bottom: 0">Print Date : {{ date('d-m-Y H:i') }}</p>
        <p style="margin-bottom: 10px">Username   : {{ $user }}</p>
        <img src="data:image/png;base64,{{ DNS1D::getBarcodePNG($pickcode,'C128') }}" alt="barcode" style="width: 40%;"/>
    </div>

    <br>
    <div class="row">
        <table style="font-size: 11px; width: 100%" class="text-center" border='1px'>
            <tr>
                <td style="width: 20px"></td>
                <td class="text-center">No</td>
                <td>Lokasi</td>
                <td class="text-center">SKU</td>
                <td class="text-center">QTY</td>
                <td class="text-center">QTY</td>
                <td class="text-center">BIN</td>
                <td>Barcode</td>
                <td style="width: 30%">Product</td>
            </tr>
            @foreach ($datalist as $key => $value)
                @php
                    $show = true;
                    $arrQty = explode(',', $value->qty_sep);
                    $arrBin = explode(',', $value->bin_id);
                @endphp
                @for ($i = 0; $i < count($arrQty); $i++)
                    <tr>
                        @if ($show)
                            <td style="border-bottom: 0;"></td>
                            <td style="border-bottom: 0; vertical-align: top;" class="text-center">{{ ++$key }}</td>
                            <td style="border-bottom: 0; vertical-align: top;">{{$value->rack_name}}</td>
                            <td style="border-bottom: 0; vertical-align: top;" class="text-center">{{$value->sku}}</td>
                            <td style="border-bottom: 0; vertical-align: top;" class="text-center">{{$value->qty}}</td>
                            <td style="border-bottom: 0; vertical-align: top;" class="text-center">
                                <div>{{$arrQty[$i]}}</div>
                            </td>
                            <td style="border-bottom: 0; vertical-align: top;" class="text-center">
                                <div>{{$arrBin[$i]}}</div>
                            </td>
                            <td style="border-bottom: 0; vertical-align: top;">{{$value->barcode}}</td>
                            <td style="border-bottom: 0; vertical-align: top;">{{$value->product_name}}</td>
                        @else
                            <td style="border-top: 0; border-bottom: 0"></td>
                            <td style="border-right; 1px; border-bottom: 0; border-top: 0; vertical-align: top;" class="text-center">{{ $key }}</td>
                            <td style="border-right; 1px; border-bottom: 0; border-top: 0; vertical-align: top;"></td>
                            <td style="border-right; 1px; border-bottom: 0; border-top: 0; vertical-align: top;" class="text-center"></td>
                            <td style="border-right; 1px; border-bottom: 0; border-top: 0; vertical-align: top;" class="text-center"></td>
                            <td style="border-right; 1px; border-bottom: 0; border-top: 0; vertical-align: top;" class="text-center">
                                <div>{{$arrQty[$i]}}</div>
                            </td>
                            <td style="border-right; 1px; border-bottom: 0; border-top: 0; vertical-align: top;" class="text-center">
                                <div>{{$arrBin[$i]}}</div>
                            </td>
                            <td style="border-right; 1px; border-bottom: 0; border-top: 0; vertical-align: top;"></td>
                            <td style="border-right; 1px; border-bottom: 0; border-top: 0; vertical-align: top;"></td>
                        @endif
                    </tr>
                    @php
                        $show = false;
                    @endphp
                @endfor
            @endforeach
        </table>
    </div>
@endsection