{{-- Phase 3g: Statements with Download --}}
<div class="project-box p-3 mb-3">
    <h6 class="mb-3 fw-semibold">Statements</h6>
    <div class="table-responsive project-table">
        <table class="table table-bordered mb-0">
            <thead>
            <tr>
                <th>Statement Date</th>
                <th>Period</th>
                <th class="text-end">Total Volume</th>
                <th class="text-end">Total Fees</th>
                <th class="text-end">Net Volume</th>
                <th>Download</th>
            </tr>
            </thead>
            <tbody>
            @forelse($statements as $row)
                <tr>
                    <td>{{ $row->statement_date ? \App\Helpers\Helper::showdate($row->statement_date, false) : '—' }}</td>
                    <td>{{ $row->period_text ?? '—' }}</td>
                    <td class="text-end">${{ number_format($row->total_volume ?? 0, 2) }}</td>
                    <td class="text-end">${{ number_format($row->total_fees ?? 0, 2) }}</td>
                    <td class="text-end">${{ number_format($row->net_volume ?? 0, 2) }}</td>
                    <td>
                        @if($row->has_file)
                            <a href="{{ route('my-merchants.statements.download', [$data->id, $row->id]) }}"
                               class="green-light-btn-inner waves-effect btn-sm-custom"
                               title="Download Statement PDF">
                                <i class="bx bx-download me-1"></i>PDF
                            </a>
                        @else
                            <span class="text-muted small">No file</span>
                        @endif
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="6" class="text-center py-4">
                        <i class="bx bx-file fs-3 d-block text-muted mb-2"></i>
                        No statements available.
                    </td>
                </tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>