@extends('dompdf.LayoutBoostrapOnly')

@section('content')
    <style>
        .page-break {
            page-break-after: always;
        }
        .top-right {
          position: absolute;
          top: 0%;
          right: 5%;
        }
        .top-left {
          position: absolute;
          top: 0%;
          left: 5%;
        }
        .footer-no {
            position: fixed;
            bottom: 0;
            right: 5%;
            font-size: 10px;
        }
        .pagenum:before {
            content: counter(page);
        }
    </style>

    <div class="row">
        @php
            $row = 1;
            $count = 0;
            $total = count($datalist);
        @endphp
        @foreach ($datalist->chunk(172) as $chunk)
            <div class="row" style="margin-left: 1px; margin-bottom: 15px">
                <h4 class="top-right">Surat Jalan 3PL</h4>
                <p class="small"> 
                    <h4 style="color:blue">PT. Gosyen Retail Indonesia</h4>
                    From :
                    <b>{{$from}}</b>
                    <br>
                    To : 
                    <b>{{$to}}</b>
                    <br>
                    Courier : 
                    @if ($courier == null)
                        <b>All</b>
                    @else
                        <b>{{$courier}}</b>                
                    @endif
                    <br>
                    Total : 
                    <b>{{$total}}</b>
                </p>
            </div>

            <table class="small text-center" border="1px" width="100%">
                <tr style="font-weight: bold;">
                    <td width="30%">Invoice</td>
                    <td width="5%">qty</td>
                    <td width="30%">Invoice</td>
                    <td width="5%">qty</td>
                    <td width="30%">Invoice</td>
                    <td width="5%">qty</td>
                    <td width="30%">Invoice</td>
                    <td width="5%">qty</td>
                </tr>
                @foreach ($chunk as $key => $value)
                    @if($row == 1)
                        <tr>
                    @endif
                    <td>{{$value->number_scanned}}</td>
                    <td>1</td>
                    @if($row == 4)
                    </tr>
                        @php $row = 1; @endphp
                    @else
                        @php $row++; @endphp
                    @endif
                    @php
                        $count++;
                    @endphp
                @endforeach
            </table>

            <div class="row" style="position: absolute; right: 5%;">
                <h5><b>total = {{$count}}<b></h5>
            </div>
            <br>
            <div class="row" style="position: absolute; left: 15%;">
                <h5><b>Dispactcher<b></h5>
            </div>
            <div class="row" style="position: absolute; left: 52%;">
                <h5><b>Kurir<b></h5>
            </div>
            <div class="row" style="position: absolute; right: 13%;">
                <h5><b>Security<b></h5>
            </div>
            <br>
            <br>
            <br>
           <div class="row" style="position: absolute; left: 10%;">
                <h5><b>(<b></h5>
            </div>
            <div class="row" style="position: absolute; left: 30%;">
                <h5><b>)<b></h5>
            </div>
            <div class="row" style="position: absolute; left: 45%;">
                <h5><b>(<b></h5>
            </div>
            <div class="row" style="position: absolute; left: 65%;">
                <h5><b>)<b></h5>
            </div>
            <div class="row" style="position: absolute; right: 25%;">
                <h5><b>(<b></h5>
            </div>
            <div class="row" style="position: absolute; right: 5%;">
                <h5><b>)<b></h5>
            </div>
            
            @if (!$loop->last)
                <div class="page-break"></div>
                @php
                    $count = 0;
                @endphp
            @endif
        @endforeach
    </div>

    <div class="footer-no">
        <span class="pagenum"></span>
    </div>
        
@endsection