@extends('dompdf.LayoutBoostrapOnly')

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

    <div class="row">
        <h3>Purchase Order Report</h3>
        <p class="small">Purchase Order 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 style="font-weight: bold;">
                <td style="padding: 5px;">SKU</td>
                <td style="padding: 5px;">Product Name</td>
                <td style="padding: 5px;">Price</td>
                <td style="padding: 5px;">Qty</td>
                <td style="padding: 5px;">Total</td>
            </tr>
            {{ 
                $total = 0, 
            }}
            @foreach ($datalist as $key => $value)
                {{
                    $total = $total + $value->total
                }}
                <tr>
                    <td style="padding: 5px;">{{$value->sku}}</td>
                    <td style="padding: 5px;">{{$value->product_name}}</td>
                    <td style="padding: 5px;">{{$value->price}}</td>
                    <td style="padding: 5px;">{{$value->qty}}</td>
                    <td style="padding: 5px;">{{$value->total}}</td>
                </tr>
            @endforeach
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td style="text-align: right; padding-right: 8px;"><b>Total</b></td>
                <td style="padding: 5px;">{{$total}}</td>
            </tr>
        </table>
    </div>

@endsection