@extends('dompdf.LayoutBoostrapOnly')

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

    <div class="row text-center">
        <h1>Purchase Request</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="22%">Request Number</th>
                    <td style="vertical-align: top;" width="33%">: {{ $value->request_number }}</td>
                    <th style="vertical-align: top;" width="20%">Title</th>
                    <td style="vertical-align: top;" width="25%">: {{ $value->title }}</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;">Request Time</th>
                    <td style="vertical-align: top;">: {{ $value->request_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 style="text-align: center; padding: 5px;">SKU</th>
                <th style="text-align: center;">Product Name</th>
                <th style="text-align: center;">Qty</th>
            </tr>
            {{ 
                $sum_qty = 0
            }}
            @foreach ($datalist as $key => $value)
                {{
                    $sum_qty = $sum_qty + $value->qty
                }}
                <tr>
                    <td style="padding: 3px;">{{$value->sku}}</td>
                    <td style="padding: 3px;">{{$value->product_name}}</td>
                    <td style="padding: 3px;">{{$value->qty}}</td>
                </tr>
            @endforeach
            <tr>
                <td></td>
                <td style="text-align: right; padding: 5px 10px 5px 5px;"><b>Total</b></td>
                <td>{{ $sum_qty }}</td>
            </tr>
        </table>
    </div>

@endsection