@props([ 'userName' => 'User', 'currency' => 'ZMW', 'currencySymbol' => 'K', 'balance' => 0, 'cardNumber' => '**** **** **** 0000', 'expiry' => '12/30', ])

{{-- Top bar: logo left, bell + avatar right --}}

{{-- Text logo --}}

G ExtraCash

{{-- Bell + Avatar --}}

{{-- Bell button --}} {{-- Avatar --}} {{ strtoupper(substr($userName, 0, 1)) }}

{{-- ATM Card --}}

{{-- Top row: brand + chip --}}

ExtraCash

Premium Card

{{-- Chip --}}

{{-- Card number --}}

{{ $cardNumber }}

{{-- Balance + Expiry --}}

Available Balance

{{ $currencySymbol }}{{ number_format((float) $balance, 2) }}

{{ $currency }} · Zambian Kwacha

Expires

{{ $expiry }}

{{-- Card holder --}}

{{ strtoupper($userName) }}

{{-- Two overlapping circles (monochrome card brand mark) --}}