@php $payments = $this->sessions->where('amount', '>', 0); @endphp

<div class="sub-panel">
    <div class="sub-panel__head">
        <div>
            <h6>{{ __('Payments') }}</h6>
            <p>{{ __('Confirmed and in-progress transactions') }}</p>
        </div>
        <span class="sub-card__sub">
            {{ trans_choice(':count record|:count records', $payments->count(), ['count' => $payments->count()]) }}
        </span>
    </div>

    <div style="overflow-x:auto;">
        <table class="sub-table" style="min-width:700px;">
            <thead>
                <tr>
                    <th>{{ __('Date') }}</th>
                    <th>{{ __('Receipt') }}</th>
                    <th>{{ __('Method') }}</th>
                    <th>{{ __('Type') }}</th>
                    <th class="text-end">{{ __('Amount') }}</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($payments as $p)
                    <tr>
                        <td>
                            <span class="fw-semibold">{{ $p->created_at->format('M j, Y, h:i A') }}</span>
                            <span class="subs-sub">
                                {{ $p->created_at->isToday() ? __('Today') : $p->created_at->diffForHumans() }}
                            </span>
                        </td>
                        <td class="sub-mono">{{ $p->mpesa_receipt ?: '—' }}</td>
                        <td>{{ $p->mpesa_receipt ? __('M-Pesa') : __('Other') }}</td>
                        <td class="text-secondary">{{ ucfirst($p->source ?: 'hotspot') }}</td>
                        <td class="text-end fw-semibold">{{ money($p->amount, 0) }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="5" class="sub-empty">
                            <i class="bi bi-cash-stack"></i>
                            {{ __('No payments — this subscriber has only used free access.') }}
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>