@extends('dompdf.LayoutBoostrapOnly')

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

    <div class="row">
        <h3>Sales Report</h3>
        <p class="small">Date Start&nbsp;: <b>{{$date_start}}</b></p>
        <p class="small">Date End  &nbsp;: <b>{{$date_end}}</b></p>
    </div>

    <div class="row">
        <table class="small text-center" border='1px' width='100%'>
            <tr>
                <td>Invoice Number</td>
                <td>Order Time</td>
                <td>Grand Total</td>
                <td>Transaction Status</td>
                <td>Delivery Status</td>
                <td>Customer</td>
            </tr>
            @foreach ($datalist as $key => $value)
                <tr>
                    <td style="word-wrap: break-word; padding: 2px;">{{$value->invoice_number}}</td>
                    <td>{{$value->order_time}}</td>
                    <td>{{$value->grandtotal}}</td>
                    <td>{{$value->transaction_status}}</td>
                    <td>{{$value->delivery_status}}</td>
                    <td>{{$value->customer}}</td>
                </tr>
            @endforeach
        </table>
    </div>
        
@endsection