{{-- TAB 3: Referral Ledger --}}
{{-- Summary cards --}}
<div class="grid grid-cols-2 md:grid-cols-4 gap-3 mb-5">
    <div class="stat-card">
        <div class="text-xs text-gray-500 uppercase">Total Referrals</div>
        <div class="text-xl font-bold">{{ number_format($summary['total_referrals']) }}</div>
    </div>
    <div class="stat-card consult">
        <div class="text-xs text-gray-500 uppercase">Total Earned</div>
        <div class="text-xl font-bold">KES {{ number_format($summary['total_earned'], 0) }}</div>
    </div>
    <div class="stat-card waiting">
        <div class="text-xs text-gray-500 uppercase">Pending Amount</div>
        <div class="text-xl font-bold">KES {{ number_format($summary['pending_amount'], 0) }}</div>
    </div>
    <div class="stat-card done">
        <div class="text-xs text-gray-500 uppercase">Paid Amount</div>
        <div class="text-xl font-bold">KES {{ number_format($summary['paid_amount'], 0) }}</div>
    </div>
</div>

{{-- Filters --}}
<form method="GET" class="bg-white rounded-lg border border-gray-200 p-4 mb-5 grid grid-cols-1 md:grid-cols-6 gap-3">
    <input type="hidden" name="tab" value="ledger">
    <div>
        <label class="form-label">From</label>
        <input type="date" name="from" value="{{ request('from') }}" class="form-input">
    </div>
    <div>
        <label class="form-label">To</label>
        <input type="date" name="to" value="{{ request('to') }}" class="form-input">
    </div>
    <div class="md:col-span-2">
        <label class="form-label">Rider</label>
        <select name="rider" class="form-input">
            <option value="">All riders</option>
            @foreach ($riders as $rider)
                <option value="{{ $rider->id }}" @selected(request('rider') == $rider->id)>{{ $rider->label }}</option>
            @endforeach
        </select>
    </div>
    <div>
        <label class="form-label">Status</label>
        <select name="status" class="form-input">
            <option value="">All</option>
            @foreach (['Pending', 'Approved', 'Paid', 'Cancelled'] as $s)
                <option value="{{ $s }}" @selected(request('status') === $s)>{{ $s }}</option>
            @endforeach
        </select>
    </div>
    <div class="flex items-end">
        <button class="btn-primary w-full">Apply</button>
    </div>
</form>

{{-- Export bar --}}
<div class="flex flex-wrap items-center gap-2 mb-3 text-sm">
    <span class="text-gray-500">Export:</span>
    <a class="px-3 py-1 border border-gray-300 rounded hover:bg-gray-50" href="{{ route('corporate.referrals.export', 'csv') }}?{{ http_build_query(array_merge(request()->only(['from','to','rider','status']), ['type' => 'ledger'])) }}">CSV</a>
    <a class="px-3 py-1 border border-gray-300 rounded hover:bg-gray-50" href="{{ route('corporate.referrals.export', 'xlsx') }}?{{ http_build_query(array_merge(request()->only(['from','to','rider','status']), ['type' => 'ledger'])) }}">Excel</a>
    <a class="px-3 py-1 border border-gray-300 rounded hover:bg-gray-50" href="{{ route('corporate.referrals.export', 'pdf') }}?{{ http_build_query(array_merge(request()->only(['from','to','rider','status']), ['type' => 'ledger'])) }}">PDF</a>
</div>

{{-- Grid --}}
<div class="bg-white rounded-lg border border-gray-200 overflow-x-auto">
    <table class="min-w-full text-sm">
        <thead class="bg-gray-50 text-gray-600 text-xs uppercase">
            <tr>
                <th class="px-3 py-2 text-left">Rider</th>
                <th class="px-3 py-2 text-left">MKR No.</th>
                <th class="px-3 py-2 text-left">Patient</th>
                <th class="px-3 py-2 text-left">Visit Date</th>
                <th class="px-3 py-2 text-left">Encounter</th>
                <th class="px-3 py-2 text-right">Fee</th>
                <th class="px-3 py-2 text-left">Status</th>
            </tr>
        </thead>
        <tbody class="divide-y divide-gray-100">
            @forelse ($referrals as $r)
                @php
                    $riderP = $r->member?->patient;
                    $riderName = $riderP ? trim($riderP->first_name.' '.$riderP->last_name) : '—';
                    $patientName = $r->patient ? trim($r->patient->first_name.' '.$r->patient->last_name) : '—';
                @endphp
                <tr>
                    <td class="px-3 py-2">
                        @if ($r->member)
                            <a href="{{ route('corporate.referrals.rider', $r->member) }}" class="text-blue-600 hover:underline">{{ $riderName }}</a>
                        @else
                            {{ $riderName }}
                        @endif
                    </td>
                    <td class="px-3 py-2">{{ $r->mkr_number }}</td>
                    <td class="px-3 py-2">{{ $patientName }}</td>
                    <td class="px-3 py-2 text-gray-500">{{ $r->referral_date?->format('d M Y') }}</td>
                    <td class="px-3 py-2 text-gray-500">{{ $r->encounter?->visit_number }}</td>
                    <td class="px-3 py-2 text-right">{{ number_format((float) $r->referral_fee, 0) }}</td>
                    <td class="px-3 py-2">@include('corporate.referrals.partials.status-badge', ['status' => $r->effectiveStatus()])</td>
                </tr>
            @empty
                <tr>
                    <td colspan="7" class="px-3 py-8 text-center text-gray-400">No referrals match these filters.</td>
                </tr>
            @endforelse
        </tbody>
    </table>
</div>

<div class="mt-4">
    {{ $referrals->links() }}
</div>