@extends('dompdf.LayoutBoostrapOnly')

@section('content')
    <style>
        .page-break {
            page-break-after: always;
        }
    </style>

    @foreach($header as $key => $value)
        {{-- Header --}}
        <div class="row text-center">
            <h2>Transfer Receive QR</h2>
            <h3 style="padding: 10px 0 5px 0;">{{ $value->transfer_code }}</h3>
        </div>

        <div class="row" style="padding-top: 30px;">
            <p>Dari: <b>{{ $value->person_from }}</b></p>
            <p style="float: left; margin-top: -5px;">Kepada: <b>{{ $value->person_to }}</b></p>
            <p style="float: right; margin-top: -23px;">Tanggal: <b>{{ $value->date }}</b></p>
        </div>

        <div class="row">
            <p style="float: left;">Dari Rack: <b>{{ $value->rack_from }}</b></p>
            <p style="float: right;">Ke Rack: <b>{{ $value->rack_to }}</b></p>
        </div>
        
        <div class="row">
            <p style="float: left;">QR Code From: <b>{{ $value->qrcode_from }}</b></p>
            <p style="float: right;">QR Code To: <b>{{ $value->qrcode_to }}</b></p>
            <p style="clear: both;">Note: <b>{{ $value->note }}</b></p>
        </div>
    @endforeach

    {{-- Table Detail --}}
    <div class="row" style="padding-top: 30px;">
        <h4>Detail Barang</h4>
        <table class="text-center" border='1px' width='100%'>
            <tr>
                <td style="padding: 3px;"><b>No</b></td>
                <td style="padding: 3px;"><b>SKU</b></td>
                <td style="padding: 3px;"><b>Nama Barang</b></td>
                <td style="padding: 3px;"><b>Qty</b></td>
            </tr>
            {{ $count = 1 }}
            @foreach ($datalist as $key => $value)
                <tr>
                    <td style="padding: 3px;">{{ $count }}</td>
                    <td style="padding: 3px;">{{ $value->sku }}</td>
                    <td style="padding: 3px;">{{ $value->product_name }}</td>
                    <td style="padding: 3px;">{{ $value->qty }}</td>
                </tr>
                {{ $count++ }}
            @endforeach
        </table>
    </div>
        
@endsection