@extends('dompdf.LayoutBoostrapOnly')

@section('content')
    <style>
        .page-break {
            page-break-after: always;
        }
    </style>
    
    <div class="row">
        <h3>Hand Over</h3>
        <br>
        <p class="small">Courier : {{$courier}}</p>
        <p class="small">Date : {{date("Y-m-d")}}</p>
        <p class="small">Name : _________________</p>
    </div>

    <div class="row">
        <table style="font-size: 11px;" class="text-center" border='1px' width='100%'>
            <tr>
                <td>Invoice</td>
                <td>Total SKU</td>
                <td>Total QTY</td>
            </tr>
            @foreach ($datalist["data"] as $key => $value)
                <tr>
                    <td>{{$value->invoice_number}}</td>
                    <td>{{number_format($value->total_sku,0,',','.')}}</td>
                    <td>{{number_format($value->total_qty,0,',','.')}}</td>
                </tr>
            @endforeach
            <tr>
                <td>Total</td>
                <td>{{number_format($datalist["count"]->total_sku,0,',','.')}}</td>
                <td>{{number_format($datalist["count"]->total_qty,0,',','.')}}</td>
            </tr>
        </table>
    </div>
    <br>
    <br>
    <div class="row">
        <div style="float:left;width: 70%;">
            Penanggung Jawab
        </div>
        <div style="float:left;width: 20%;">
            Penerima (Courier)
        </div>
    </div>
    <br>
    <br>
     <div class="row">
        <div style="float:left;width: 70%;">
            ____________________
        </div>
        <div style="float:left;width: 20%;">
            ____________________
        </div>
    </div>

@endsection