@extends('dompdf.LayoutBoostrapOnly')

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

    <div class="row">
        <h3>Product Report</h3>
        <p class="small">Transaction id : <b>{{$id}}</p>
    </div>

    <div class="row" style="padding-top: 20px;">
        <table style="font-size: 11px;" class="text-center" border='1px' width='100%'>
            <tr>
                <td>Product ID</td>
                <td>SKU</td>
                <td>Qty</td>
                <td>Price</td>
            </tr>
            {{ 
                $sum_qty = 0,
                $total = 0, 
            }}
            @foreach ($datalist as $key => $value)
                {{
                    $sum_qty = $sum_qty + $value->qty,
                    $total = $total + $value->price
                }}
                <tr>
                    <td>{{$value->product_id}}</td>
                    <td>{{$value->sku}}</td>
                    <td>{{$value->qty}}</td>
                    <td>{{$value->price}}</td>
                </tr>
            @endforeach
            <tr>
                <td></td>
                <td style="text-align: right; padding-right: 8px;"><b>Total</b></td>
                <td>{{$sum_qty}}</td>
                <td>{{$total}}</td>
            </tr>
        </table>
    </div>

@endsection