{{-- {{$data}} --}}
<table class="table mt-5">
    <thead class="header-gray">
        <tr>
            <th class="text-uppercase font-weight-bold">Date</th>
            <th class="text-uppercase font-weight-bold">Order No</th>
            <th class="text-uppercase font-weight-bold">Model</th>
            <th class="text-uppercase font-weight-bold">Quantity</th>
            <th class="text-uppercase font-weight-bold">Refund Method</th>
            <th class="text-uppercase font-weight-bold">Refund Amount</th>
            <th class="text-uppercase font-weight-bold">Refund Reason</th>
            <th class="text-uppercase font-weight-bold">Location</th>
            <th class="text-uppercase font-weight-bold">Note</th>
        </tr>
    </thead>
    <tbody>
        @forelse ($data['data'] as $item)
            <tr>
                <td>
                    <div>{{$item['date']}}</div>
                    @if (count($item['serial_number']))
                        <div style="font-weight:light; color: #1d1b1b;">Serial Number:
                        {{-- <ul> --}}
                            @foreach ($item['serial_number'] as $sn)
                            <li style="margin-left:10px; font-weight:light;">
                                <div style="margin-top:-3px;">{{$sn['serial_number']}}</div>
                            </li>
                            @endforeach
                        {{-- </ul> --}}
                        </div>
                    @endif
                </td>
                <td>{{ $item['order_no'] }}</td>
                <td>{{$item['model']}}</td>
                <td>{{$item['quantity'] }}</td>
                <td>{{$item['refund_method'] }}</td>
                <td class="text-danger">${{ number_format($item['refund_amount'],2) }}</td>
                <td>{{$item['refund_reason'] }}</td>
                <td>{{$item['store']['store_name'] }}</td>
                <td>{{$item['additional_note'] }}</td>
            </tr>
        @empty
            <tr>
                <td colspan="9" style="text-align: center" >No Data</td>
            </tr>
        @endforelse
        <tr>
            <td colspan="5" style="text-align: right" class="text-uppercase font-weight-bold">
                <p>Total</p>
            </td>
            <td colspan="4" class="text-uppercase font-weight-bold">
                <p>${{ number_format($data['grandtotal'],2) }}</p>
            </td>
        </tr>
    </tbody>
</table>