@props(['wallet', 'type', 'user'])
@php
$url = match($type){
   'send' => route('user.wallet.send.index' , $wallet->coin?->symbol),
   'receive' => route('user.wallet.deposit.index' , $wallet->coin?->symbol),
   default => route('user.wallet.coin.index', $wallet->coin?->symbol)
}
@endphp
<a 
    @if($type == 'receive' || $type == 'send') href="{{ $url }}" @else @click="openWalletDrawer('to')"  @endif
    class="block data-sort-wallet"
    data-symbol="{{ $wallet->coin?->symbol }}"
    data-name="{{ $wallet->coin?->name }}"
>

    <div 
        tabindex="0"
        class="grid grid-cols-5 items-center justify-between p-4 rounded-lg hover:bg-gray-700/20 transition border border-transparent"
    >
        {{-- Left Section: Logo + Names --}}
        <div class="flex items-center space-x-3 col-span-2">
            <img 
                src="{{ asset('assets/coin/'.strtolower($wallet->coin?->symbol).".png") }}" 
                class="w-7 h-7"
                alt="{{ $wallet->coin?->symbol }} Logo"
            />

            <div>
                <div class="text-white font-ibm text-base font-medium leading-6">
                    {{ ucfirst($wallet->coin?->name) }}
                </div>
                <div class="text-white font-ibm text-xs opacity-70 leading-4">
                    {{ strtoupper($wallet->coin?->symbol) }}
                </div>
            </div>
        </div>
        <div class="col-span-1">
             <div class="text-white font-ibm text-sm font-medium leading-6">
                    {{ coin_format($wallet->balance, $wallet->coin?->digits) }}
                </div>
        </div>

        <div class="col-span-1">
             <div class="text-sm text-gray-400 leading-4">
                    {{ fiat_format($wallet->convertedBalance($user->userCurrency)) }} {{ $user->userCurrency }}
                </div>
        </div>

        {{-- Right Section --}}
        <div class="flex flex-col col-span-1 justify-end text-right">

            {{-- Only show balance if NOT receive --}}
            

            {{-- Action text --}}
            <div class="mt-1 text-sm font-medium text-beige">
                @if($type == 'receive')
                    Deposit
                @elseif($type == 'send')
                    Send
                @else
                    View
                @endif
            </div>
        </div>

    </div>

</a>