```blade search)); return collect([ ['id' => 1, 'name' => 'Blue Bottle Coffee', 'category' => 'Dining', 'amount' => -6.75, 'icon' => 'building-storefront', 'pending' => true], ['id' => 14, 'name' => 'Apple Store', 'category' => 'Shopping', 'amount' => -129.00, 'icon' => 'shopping-bag', 'logo' => 'apple.svg'], ['id' => 4, 'name' => 'Lyft', 'category' => 'Transport', 'amount' => -18.40, 'icon' => 'truck', 'logo' => 'lyft.png'], ['id' => 3, 'name' => 'Lumen Design Co.', 'category' => 'Payroll', 'amount' => 3120.00, 'icon' => 'briefcase'], ['id' => 15, 'name' => 'Callaway', 'category' => 'Sports & outdoors', 'amount' => -54.99, 'icon' => 'shopping-bag', 'logo' => 'callaway.svg'], ['id' => 5, 'name' => 'Netflix', 'category' => 'Subscriptions', 'amount' => -15.49, 'icon' => 'computer-desktop', 'logo' => 'netflix.png'], ['id' => 2, 'name' => 'Whole Foods Market', 'category' => 'Groceries', 'amount' => -84.20, 'icon' => 'shopping-cart'], ['id' => 13, 'name' => 'DoorDash', 'category' => 'Dining', 'amount' => -32.48, 'icon' => 'building-storefront', 'logo' => 'doordash.svg'], ['id' => 7, 'name' => 'Shell', 'category' => 'Fuel', 'amount' => -52.13, 'icon' => 'fire', 'logo' => 'shell.svg'], ['id' => 6, 'name' => 'Transfer to High-Yield Savings', 'category' => 'Transfer', 'amount' => -500.00, 'icon' => 'arrows-right-left'], ['id' => 12, 'name' => 'Netflix', 'category' => 'Subscriptions', 'amount' => -15.49, 'icon' => 'computer-desktop', 'logo' => 'netflix.png'], ])->filter(fn ($transaction) => str_contains(strtolower($transaction['name'].' '.$transaction['category']), $search)); } #[Computed] public function monthlySpending(): array { return [ ['month' => 'Apr', 'past' => 4200, 'current' => 0, 'amount' => 4200], ['month' => 'May', 'past' => 4650, 'current' => 0, 'amount' => 4650], ['month' => 'Jun', 'past' => 3950, 'current' => 0, 'amount' => 3950], ['month' => 'Jul', 'past' => 5100, 'current' => 0, 'amount' => 5100], ['month' => 'Aug', 'past' => 4400, 'current' => 0, 'amount' => 4400], ['month' => 'Sep', 'past' => 0, 'current' => 1184.36, 'amount' => 1184.36], ]; } #[Computed] public function upcomingPayments(): array { return [ ['day' => 8, 'name' => 'Oakwood Property', 'category' => 'Rent', 'amount' => 1850.00], ['day' => 12, 'name' => 'Verizon Wireless', 'category' => 'Phone', 'amount' => 92.40], ['day' => 15, 'name' => 'AT&T Internet', 'category' => 'Internet', 'amount' => 65.00], ]; } }; ?> {{-- This standalone demo keeps its application shell inline. In a production app, move shared navigation into your app layout. --}}

Accounts Transfers Payments Statements Settings Help All accounts

Everyday Checking 4821

Account details View statements Rename account

Available balance

$8,432.10

Send money Add money Pay bills

Updated just now

Past transactions

All transactions Money in Money out Pending only

@forelse ($this->transactions as $transaction)

@if (isset($transaction['logo'])) @else @endif

{{ $transaction['name'] }} @if ($transaction['pending'] ?? false) Pending @endif

{{ $transaction['category'] }}

$transaction['amount'] > 0, 'text-zinc-800! dark:text-zinc-100!' => $transaction['amount'] < 0, ]) > {{ $transaction['amount'] > 0 ? '+' : '−' }}${{ number_format(abs($transaction['amount']), 2) }} @empty

No matching transactions

@endforelse

View all transactions

Cash flow View report

Money in $3,208.17

Money out $1,184.36

Dining is down 18% from this point last month.
Projected total spending: $4,200.

Upcoming payments Manage

@foreach ($this->upcomingPayments as $payment)

Sep {{ $payment['day'] }}

{{ $payment['name'] }} {{ $payment['category'] }} · Autopay

${{ number_format($payment['amount'], 2) }}

@endforeach

```