{{-- ─────────────────────────────────────────────────────────────────────── --}}
{{-- resources/views/filament/pages/legacy-fund-approvals.blade.php         --}}
<x-filament-panels::page>
    {{-- Tab switcher --}}
    <div class="mb-4 flex gap-2">
        @foreach (['pending' => 'Pending Approval', 'approved' => 'Approved', 'rejected' => 'Rejected'] as $tab => $label)
        <button
            wire:click="changeTab('{{ $tab }}')"
            class="rounded-lg px-4 py-2 text-sm font-medium transition
                {{ $this->activeTab === $tab
                    ? 'bg-primary-600 text-white shadow'
                    : 'bg-white dark:bg-gray-800 text-gray-600 dark:text-gray-300 border border-gray-200 dark:border-gray-700 hover:bg-gray-50' }}">
            {{ $label }}
            @if($tab === 'pending')
                @php $count = \App\Models\LegacyFundTransaction::where('type','debit')->where('status','pending')->count() @endphp
                @if($count > 0)
                <span class="ml-1.5 inline-flex items-center rounded-full bg-amber-100 px-2 py-0.5 text-xs font-bold text-amber-800">
                    {{ $count }}
                </span>
                @endif
            @endif
        </button>
        @endforeach
    </div>

    {{ $this->table }}
</x-filament-panels::page>