@extends('layouts.client')
@section('title', 'Wallet')
@section('content')
@php $user = auth()->user(); @endphp
<div class="balance-hero">
    <p class="balance-label">Total Balance</p>
    <p class="balance-amount">{{ number_format($user->balance, 2) }} {{ $currency }}</p>
    <p class="balance-fiat">≈ {{ $symbol }}{{ number_format($user->balance, 2) }} USD</p>
</div>

<div class="wallet-actions">
    <a href="{{ route('client.home.deposit') }}" class="wallet-action-btn primary">+ Deposit</a>
    <a href="{{ route('client.home.withdraw') }}" class="wallet-action-btn">↓ Withdraw</a>
    <a href="{{ route('client.home.transfer') }}" class="wallet-action-btn">↔ Transfer</a>
</div>

<p class="section-label">Quick Actions</p>
<div class="action-grid action-grid-metals">
    <a href="{{ route('client.trade') }}" class="action-tile"><span class="action-tile-icon">🤖</span>Bot Trade</a>
    <a href="{{ route('client.markets') }}" class="action-tile"><span class="action-tile-icon">💲</span>Token</a>
    @if($goldMarket)
    <a href="{{ route('client.trade', ['market' => $goldMarket->id]) }}" class="action-tile"><span class="action-tile-icon">🥇</span>Trade Gold</a>
    @endif
    @if($silverMarket)
    <a href="{{ route('client.trade', ['market' => $silverMarket->id]) }}" class="action-tile"><span class="action-tile-icon">🥈</span>Trade Silver</a>
    @endif
    <a href="{{ route('client.markets', ['tab' => 'metals']) }}" class="action-tile"><span class="action-tile-icon">📊</span>Metals</a>
    <a href="{{ route('client.home.rewards') }}" class="action-tile"><span class="action-tile-icon">🎁</span>Check In</a>
</div>

<p class="section-label">Asset Holdings</p>
<div class="client-card empty-state">No asset holdings yet.</div>
@endsection
