@forelse ($data as $i => $items)
    @component('pdf.components.commission.information_section', [
        'date' => [
            'from' => $from,
            'to' => $to,
        ],
        'report_type' => $report_type,
        'filter_data' => $filter_data,
    ]) @endcomponent

    <br><br>

    <table class="table mt-5" width="100%" style="overflow: hidden|visible|wrap;" autosize="1">
        <thead class="header-gray">
            <tr>
                <th style="width:25%;text-transform: uppercase; border:1px solid #ddd;" class="text-uppercase font-weight-bold">Sales Person</th>
                <th style="width:25%;text-transform: uppercase; border:1px solid #ddd;" class="text-uppercase font-weight-bold">Product Revenue</th>
                <th style="width:25%;text-transform: uppercase; border:1px solid #ddd;" class="text-uppercase font-weight-bold">Profit</th>
                <th style="width:25%;text-transform: uppercase; border:1px solid #ddd;" class="text-uppercase font-weight-bold">Profit Margin</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td style="border:1px solid #ddd; padding: 5px 8px; font-family:  sans-serif !important; font-size: 10px;">{{$items['sales_person']}}</td>
                <td style="border:1px solid #ddd; padding: 5px 8px; font-family:  sans-serif !important; font-size: 10px;">${{ number_format($items['total'],2) }}</td>
                <td style="border:1px solid #ddd; padding: 5px 8px; font-family:  sans-serif !important; font-size: 10px;">${{ number_format($items['total_profit_margin'],2) }}</td>
                <td style="border:1px solid #ddd; padding: 5px 8px; font-family:  sans-serif !important; font-size: 10px;">{{ number_format($items['total_profit_margin_percent'],2) }}%</td>
            </tr>
        </tbody>
    </table> 
            {{-- <tr>
                <td colspan="2" style="overflow: hidden|visible|wrap" autosize="1"> --}}
                    <table class="table mt-5 @if(($i + 1) < count($data)) page-break-after @endif" style="overflow: hidden|visible|wrap" autosize="1">
                            <thead class="header-gray">
                                <tr>
                                    <th class="text-uppercase font-weight-bold" style="border:1px solid #ddd; padding: 5px 8px;">Order#</th>
                                    <th class="text-uppercase font-weight-bold" style="border:1px solid #ddd; padding: 5px 8px;">Customer</th>
                                    <th class="text-uppercase font-weight-bold" style="border:1px solid #ddd; padding: 5px 8px;">Model Number</th>
                                    <th class="text-uppercase font-weight-bold" style="border:1px solid #ddd; padding: 5px 8px;">Revenue</th>
                                    <th class="text-uppercase font-weight-bold" style="border:1px solid #ddd; padding: 5px 8px;">Paid In Full Date</th>
                                    <th class="text-uppercase font-weight-bold" style="border:1px solid #ddd; padding: 5px 8px;">Delivery Date</th>
                                    <th class="text-uppercase font-weight-bold" style="border:1px solid #ddd; padding: 5px 8px;">Sell Through</th>
                                    <th class="text-uppercase font-weight-bold" style="border:1px solid #ddd; padding: 5px 8px;">Cost</th>
                                    <th class="text-uppercase font-weight-bold" style="border:1px solid #ddd; padding: 5px 8px;">Total Profit</th>
                                    <th class="text-uppercase font-weight-bold" style="border:1px solid #ddd; padding: 5px 8px;">Total Profit Margin</th>
                                </tr>
                            </thead>
                            <tbody>
                    @forelse ($items['data'] as $item)
                                @if(!$item["house_deal"])
                                    @if ($item['type'] == 'return')
                                        <tr style="color: #f44336 !important">
                                    @else
                                        <tr style="border : 1px solid #dddddd;">
                                    @endif
                                    @if ($item['type'] == 'return')
                                        <td style="padding: 5px 8px; font-family:  sans-serif !important;font-size: 10px;border : 1px solid #dddddd;color: #f44336 !important">
                                    @else
                                        <td style="padding: 5px 8px; font-family:  sans-serif !important;font-size: 10px;border : 1px solid #dddddd;">
                                    @endif
                                            {{$item['order']}}
                                        </td>
                                    @if ($item['type'] == 'return')
                                        <td style="padding: 5px 8px; font-family:  sans-serif !important;font-size: 10px;border : 1px solid #dddddd;color: #f44336 !important">
                                    @else
                                        <td style="padding: 5px 8px; font-family:  sans-serif !important;font-size: 10px;border : 1px solid #dddddd;">
                                    @endif
                                            {{$item['customer']}}
                                        </td>
                                    @if ($item['type'] == 'return')
                                        <td style="padding: 5px 8px; font-family:  sans-serif !important;font-size: 10px;border : 1px solid #dddddd;color: #f44336 !important">
                                    @else
                                        <td style="padding: 5px 8px; font-family:  sans-serif !important;font-size: 10px;border : 1px solid #dddddd;">
                                    @endif
                                            {{$item['model_number']}}
                                        </td>
                                    @if ($item['type'] == 'return')
                                        <td style="padding: 5px 8px; font-family:  sans-serif !important;font-size: 10px;border : 1px solid #dddddd;color: #f44336 !important">
                                    @else
                                        <td style="padding: 5px 8px; font-family:  sans-serif !important;font-size: 10px;border : 1px solid #dddddd;">
                                    @endif
                                            ${{$item['type'] == 'return' ? '-' :''}} {{ number_format($item['revenue'],2) }} 
                                        </td>
                                    @if ($item['type'] == 'return')
                                        <td style="padding: 5px 8px; font-family:  sans-serif !important;font-size: 10px;border : 1px solid #dddddd;color: #f44336 !important">
                                    @else
                                        <td style="padding: 5px 8px; font-family:  sans-serif !important;font-size: 10px;border : 1px solid #dddddd;">
                                    @endif
                                            {{ $item['paidDate'] }}
                                        </td>
                                    {{-- </tr> --}}
                                    @if ($item['type'] == 'return')
                                            <td style="padding: 5px 8px; font-family:  sans-serif !important;font-size: 10px;border : 1px solid #dddddd;color: #f44336 !important">
                                        @else
                                            <td style="padding: 5px 8px; font-family:  sans-serif !important;font-size: 10px;border : 1px solid #dddddd;">
                                        @endif
                                                {{ $item['delivery_date_formatted'] }}
                                            </td>
                                        {{-- </tr> --}}

                                        @if ($item['type'] == 'return')
                                            <td style="padding: 5px 8px; font-family:  sans-serif !important;font-size: 10px;border : 1px solid #dddddd;color: #f44336 !important">
                                        @else
                                            <td style="padding: 5px 8px; font-family:  sans-serif !important;font-size: 10px;border : 1px solid #dddddd;">
                                        @endif
                                                @if((int)$item['sell_through'] > 0) ${{ number_format($item['sell_through'],2) }}  @else - @endif
                                            </td>

                                    @if ($item['type'] == 'return')
                                            <td style="padding: 5px 8px; font-family:  sans-serif !important;font-size: 10px;border : 1px solid #dddddd;color: #f44336 !important">
                                        @else
                                            <td style="padding: 5px 8px; font-family:  sans-serif !important;font-size: 10px;border : 1px solid #dddddd;">
                                        @endif
                                            @if((int)$item['cost'] > 0) ${{ $item['cost'] }} @else - @endif
                                            </td>
                                        {{-- </tr> --}}
                                    @if ($item['type'] == 'return')
                                        <td style="padding: 5px 8px; font-family:  sans-serif !important;font-size: 10px;border : 1px solid #dddddd;color: #f44336 !important">
                                    @else
                                        <td style="padding: 5px 8px; font-family:  sans-serif !important;font-size: 10px;border : 1px solid #dddddd;">
                                    @endif
                                        @if ($item['profit_margin'] == 'Unknown')
                                            Unknown
                                        @else
                                            ${{ number_format($item['profit_margin'],2) }}
                                        @endif
                                        </td>
                                        @if ($item['type'] == 'return')
                                            <td style="padding: 5px 8px; font-family:  sans-serif !important;font-size: 10px;border : 1px solid #dddddd;color: #f44336 !important">
                                        @else
                                            <td style="padding: 5px 8px; font-family:  sans-serif !important;font-size: 10px;border : 1px solid #dddddd;">
                                        @endif
                                            @if ($item['profit_margin'] == 'Unknown')
                                                ????
                                            @else
                                                {{$item['profit_margin_percent']}}%
                                            @endif
                                        </td>
                                    </tr>
                                @endif
                    @empty
                        <tr>
                            <td colspan="8" style="text-align: center; border:1px solid #ddd; font-family:  sans-serif !important; font-size: 10px;" >No Data</td>
                        </tr>
                    @endforelse
                    </table>
                {{-- </td>
                </tr>
            </tbody>
        </table>  --}}
        @empty
        <table class="table" width="100%">
            <tr>
                <td style="font-family:  sans-serif !important;font-size: 10px;text-align: center" >No Data</td>
            </tr>
        </table>
        @endforelse