{{-- {{$data}} --}}
<table class="table mt-5">
    <thead class="header-gray">
        <tr>
            <th class="text-uppercase font-weight-bold">Payment Date</th>
            <th class="text-uppercase font-weight-bold">Order Number</th>
            <th class="text-uppercase font-weight-bold">Customer Name</th>
            <th class="text-uppercase font-weight-bold">Location</th>
            <th class="text-uppercase font-weight-bold">Recorded By</th>
            <th class="text-uppercase font-weight-bold">Payment Method</th>
            <th class="text-uppercase font-weight-bold">Payment Application</th>
            <th class="text-uppercase font-weight-bold">Transaction ID</th>
            <th class="text-uppercase font-weight-bold">Notes</th>
            <th class="text-uppercase font-weight-bold">Gross</th>
            @if($has_aio_pay_selected)
                <th class="text-uppercase font-weight-bold">Fee</th>
                <th class="text-uppercase font-weight-bold">Net</th>
            @endif
        </tr>
    </thead>
    <tbody>
        @forelse ($data as $item)
            @if ($item['_rowVariant'] == 'danger')
                <tr class="text-danger">
            @else
                <tr>
            @endif
                <td>
                    <p>
                        {{$item['payment_date']}}
                    </p>
                </td>
                <td>
                    <p>
                            {{$item['order_no']}}
                    </p>
                </td>
                <td>
                    <p>{{ $item['customer_name'] }}</p>
                </td>
                <td>
                    <p>{{ $item['location'] }}</p>
                </td>
                <td>
                    <p>{{ $item['recorded_by'] }}</p>
                </td>
                <td>
                    <p>
                        {{ $item['payment_method'] }} 
                    </p> 
                </td>
                <td>
                    <p>
                        {{ $item['payment_source'] ?? '-'}} 
                    </p> 
                </td>
                <td>
                    <p>
                        {{$item['transaction_id'] ?? '-'}}
                    </p> 
                </td>
                <td>
                    <p>
                        {{$item['notes'] ?? '-'}}
                    </p>
                </td>
                <td>
                    <p>
                        $ {{$item['_rowVariant'] == 'danger' ? '-' :''}} {{ $item['amount'] }} 
                    </p> 
                </td>
                @if($has_aio_pay_selected)
                    <td>
                        <p>
                            $ {{$item['_rowVariant'] == 'danger' ? '-' :''}} {{ $item['fee'] }} 
                        </p> 
                    </td>
                    <td>
                        <p>
                            $ {{$item['_rowVariant'] == 'danger' ? '-' :''}} {{ $item['net_amount'] }} 
                        </p> 
                    </td>
                @endif
            </tr>
        @empty
            <tr>
                <td colspan="9" style="text-align: center" >No Data</td>
            </tr>
        @endforelse
        <tr>
            <td colspan="9" style="text-align: right" class="text-uppercase font-weight-bold">
                <p>Total</p>
            </td>
            <td class="text-uppercase font-weight-bold">
                <p>${{ number_format($total_amount,2) }}</p>
            </td>
            @if($has_aio_pay_selected)
                <td class="text-uppercase font-weight-bold">
                    <p>${{ number_format($total_fee,2) }}</p>
                </td>
                <td class="text-uppercase font-weight-bold">
                    <p>${{ number_format($total_net_amount,2) }}</p>
                </td>
            @endif
        </tr>
    </tbody>
    {{-- <tfoot>
        
    </tfoot> --}}
</table>