@extends('dompdf.LayoutBoostrapOnly')

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

    <div class="row">
        <h3>Outstanding Order Report</h3>
    </div>

    <div class="row" style="padding-top: 20px;">
        <table style="font-size: 11px; table-layout: fixed;" class="text-center" border='1px' width='100%'>
            <tr style="font-weight: bold;">
                <td style="width: 20%; padding: 2px;">Reference</td>
                <td style="width: 10%; padding: 2px;">Request Number</td>
                <td style="width: 20%; padding: 2px;">Request Reference</td>
                <td style="width: 12%; padding: 2px;">PO Time</td>
                <td style="width: 25%; padding: 2px;">Note</td>
                <td style="width: 10%; padding: 2px;">Total</td>
                <td style="width: 8%; padding: 2px;">Status</td>
            </tr>
            @foreach ($datalist as $key => $value)
                <tr>
                    <td style="padding: 2px;">{{$value->reference}}</td>
                    <td style="padding: 2px;">{{$value->request_number}}</td>
                    <td style="padding: 2px;">{{$value->request_reference}}</td>
                    <td style="padding: 2px;">{{$value->po_time}}</td>
                    <td style="text-align: left; padding: 5px;">{{$value->note}}</td>
                    <td style="padding: 2px;">{{$value->grand_total}}</td>
                    <td style="padding: 2px;">{{$value->status}}</td>
                </tr>
            @endforeach
        </table>
    </div>

@endsection