@extends('dompdf.LayoutBoostrapOnly')

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

    <div class="row text-center">
        <h1>Purchase Order</h1>
    </div>

    <div class="row" style="padding-top: 50px;">
        @foreach ($header as $key => $value)
            <table border=0 width="100%" height="auto" style="font-size: 18px;">
                <tr>
                    <th style="vertical-align: top;" width="20%">PO Number</th>
                    <td style="vertical-align: top;" width="33%">: {{ $value->po_number }}</td>
                    <th style="vertical-align: top;" width="24%">Request Number</th>
                    <td style="vertical-align: top;" width="23%">: {{ $value->request_number }}</td>
                </tr>
                <tr>
                    <td height="10px"></td>
                </tr>
                <tr>
                    <th style="vertical-align: top;">Note</th>
                    <td style="vertical-align: top;">: {{ $value->note }}</td>
                    <th style="vertical-align: top;">PO Date</th>
                    <td style="vertical-align: top;">: {{ $value->po_date }}</td>
                </tr>
            </table>
        @endforeach
    </div>

    <div class="row" style="padding-top: 50px;">
        <table style="font-size: 16px;" class="text-center" border='1px' width='100%'>
            <tr>
                <th width="20%" style="text-align: center; padding: 5px;">SKU</th>
                <th width="50%" style="text-align: center;">Product Name</th>
                <th width="8%" style="text-align: center;">Qty</th>
                <th width="10%" style="text-align: center;">Price</th>
                <th width="12%" style="text-align: center;">Total</th>
            </tr>
            {{ 
                $total = 0
            }}
            @foreach ($datalist as $key => $value)
                {{
                    $total = $total + $value->total
                }}
                <tr>
                    <td style="padding: 3px;">{{$value->sku}}</td>
                    <td style="padding: 3px;">{{$value->product_name}}</td>
                    <td style="padding: 3px;">{{$value->qty}}</td>
                    <td style="padding: 3px;">{{$value->price}}</td>
                    <td style="padding: 3px;">{{$value->total}}</td>
                </tr>
            @endforeach
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td height="30px"><b>{{ $total }}</b></td>
            </tr>
        </table>
    </div>

    <div class="row" style="padding-top: 50px">
        @foreach ($header as $key => $value)
            <table border=0 width="100%" style="font-size: 16px;">
                <tr>
                    <th width="88%" style="text-align: right; padding-right: 20px;">Total</th>
                    <td width="12%" style="text-align: right; padding-right: 13px;">{{ $value->total }}</td>
                </tr>
                <tr>
                    <th width="88%" style="text-align: right; padding-right: 20px;">Tax</th>
                    <td width="12%" style="text-align: right; padding-right: 13px;">{{ $value->tax_value }}</td>
                </tr>
                <tr>
                    <th width="88%" style="text-align: right; padding-right: 20px;">Discount</th>
                    <td width="12%" style="text-align: right; padding-right: 13px;">{{ $value->discount_value }}</td>
                </tr>
                <tr>
                    <td height="10px"></td>
                    <td></td>
                </tr>
                <tr>
                    <th width="88%" style="text-align: right; padding-right: 20px;">Grand Total</th>
                    <td width="12%" style="text-align: right; padding-right: 13px;"><b>{{ $value->grandtotal }}</b></td>
                </tr>
            </table>
        @endforeach
    </div>

@endsection