{{-- {{$data}} --}}
<table class="table mt-5">
    <thead class="header-gray">
        <tr>
            <th class="text-uppercase font-weight-bold">Customer Name</th>
            <th class="text-uppercase font-weight-bold">Sales Person</th>
            <th class="text-uppercase font-weight-bold">Store</th>
            <th class="text-uppercase font-weight-bold">Invoice</th>
            <th class="text-uppercase font-weight-bold">Invoice Date</th>
            <th class="text-uppercase font-weight-bold">Delivery Date</th>
            <th class="text-uppercase font-weight-bold">Delivery Completion</th>
            <th class="text-uppercase font-weight-bold">Term</th>
            <th class="text-uppercase font-weight-bold">Current</th>
            <th class="text-uppercase font-weight-bold">1-30</th>
            <th class="text-uppercase font-weight-bold">31-60</th>
            <th class="text-uppercase font-weight-bold">61-90</th>
            <th class="text-uppercase font-weight-bold">Over 90</th>
            <th class="text-uppercase font-weight-bold">Total</th>
        </tr>
    </thead>
    <tbody>
        @forelse ($data as $item)
            <tr>
                <td>
                    <p class="font-weight-bold">
                        {{$item['customer_name']}}
                    </p>
                </td>
                <td>
                    <p class="font-weight-bold">
                            {{$item['sales_person']}}
                    </p>
                </td>
                <td>
                    <p class="font-weight-bold">
                        {{$item['store']}}
                    </p>
                </td>
                <td>
                    <p>
                        {{ $item['invoice'] }} 
                    </p> 
                </td>
                <td>
                    <p>{{ $item['invoice_date'] }}</p>
                </td>
                <td>
                    <p>{{ $item['delivery_date'] ?? '-' }}</p>
                </td>
                <td>
                    <p style="color: {{ $item['is_delivery_complete'] ? 'green;' : 'red;' }}">{{ $item['qty_product_delivered'] }}/{{ $item['qty_product_order'] }}</p>
                </td>
                <td>
                    <p>{{ $item['term'] }}</p>
                </td>
                <td>
                    <p>${{ number_format($item['balance_due'],2) }}</p>
                </td>
                <td>
                    <p>${{ number_format($item['first_month'],2) }}</p>
                </td>
                <td>
                    <p>${{ number_format($item['second_month'],2) }}</p>
                </td>
                <td>
                    <p>${{ number_format($item['third_month'],2) }}</p>
                </td>
                <td>
                    <p>${{ number_format($item['more_months'],2) }}</p>
                </td>
                <td>
                    <p>${{ number_format($item['total'],2) }}</p>
                </td>
            </tr>
        @empty
            <tr>
                <td colspan="14" style="text-align: center" >No Data</td>
            </tr>
        @endforelse
    </tbody>
        <tfoot>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td class="text-uppercase font-weight-bold">
                    Total
                </td>
                <td class="text-uppercase font-weight-bold">
                    ${{ number_format($meta['total_balance_due'],2) }}
                </td>
                <td class="text-uppercase font-weight-bold">
                    ${{ number_format($meta['total_first_month'],2) }}
                </td>
                <td class="text-uppercase font-weight-bold">
                    ${{ number_format($meta['total_second_month'],2) }}
                </td>
                <td class="text-uppercase font-weight-bold">
                    ${{ number_format($meta['total_third_month'],2) }}
                </td>
                <td class="text-uppercase font-weight-bold">
                    ${{ number_format($meta['total_more_months'],2) }}
                </td>
                <td class="text-uppercase font-weight-bold">
                    ${{ number_format($meta['total_amount'],2) }}
                </td>
            </tr>
        </tfoot>
</table>