@extends('layouts.user')
@section('title', 'Wallet Balance')
@section('content')
<h1 class="text-2xl font-bold mb-6">Wallet Balance</h1>
<div class="bg-white rounded-xl shadow p-8 max-w-md">
    <p class="text-sm text-gray-500">Available Balance</p>
    <p class="text-4xl font-bold mt-1">{{ number_format($wallet->availableBalance(), 4) }}</p>
    <p class="text-sm text-gray-500 mt-4">Locked (pending withdrawal)</p>
    <p class="text-lg font-semibold">{{ number_format($wallet->locked_balance, 4) }}</p>
    <p class="text-sm text-gray-500 mt-4">Wallet Address</p>
    <p class="text-sm font-mono break-all">{{ $wallet->wallet_address ?? 'Not assigned' }}</p>

    <div class="flex gap-3 mt-6">
        <a href="{{ route('user.deposit.form') }}" class="px-4 py-2 bg-indigo-600 text-white rounded-lg text-sm">Deposit</a>
        <a href="{{ route('user.withdraw.form') }}" class="px-4 py-2 border rounded-lg text-sm">Withdraw</a>
    </div>
</div>
@endsection