@php
    $sign = $transaction->type === 'debit' ? '-' : ($transaction->type === 'credit' ? '+' : '');
    $statusColor = $transaction->status == 'successful' ? 'text-green-500' : 'text-red-500';

    if ($transaction->biller == 'received' || $transaction->biller == 'Signup Bonus') {
        $title = 'Incoming Transfer';
    } elseif ($transaction->biller == 'transfer') {
        $title = 'Outgoing Transfer';
    } else {
        $pk = $transaction->quantity ?? $transaction->product;
        $title = strtoupper($transaction->biller) . ' ' .  $pk;
    }
@endphp

<a href="transaction/{{ $transaction->session_id }}" {{ $attributes->merge(['class' => 'flex items-center']) }}>
    <img src="@basecdn('images/' . strtolower($transaction->biller) . '.png')" alt="icon" class="mr-2 size-[50px] rounded-full">
    <div class="flex-grow">
        <span class="font-semibold text-gray-900 text-xs md:text-sm">{{ $title }}</span>
        <span class="text-2xs md:text-xs text-gray-600 block">@date($transaction->created_at)</span>
    </div>
    <div class="text-right">
        <span class="block font-bold animate-pulse text-xs md:text-sm">{{ $sign }}₦@numberformat($transaction->amount)</span>
        <span class="{{ $statusColor }} text-2xs md:text-xs">@ucwords($transaction->status)</span>
    </div>
</a>