@extends('layouts.app')
@section('title','Portfolio')
@section('content')
<div class="page-head"><div><div class="eyebrow">Multi-asset wallet</div><h1>Your portfolio.</h1><p class="muted">Available and reserved balances, backed by ledger history.</p></div><button class="btn" data-balance-toggle>◌ Hide balances</button></div><div class="grid grid-3">@forelse($balances as $balance)<article class="card"><div class="actions" style="justify-content:space-between"><div class="asset"><x-asset-icon :asset="$balance->asset"/><div><strong>{{ $balance->asset->name }}</strong><div class="subtle">{{ $balance->asset->symbol }}</div></div></div><span class="pill">{{ $balance->asset->type }}</span></div><div class="metric-value balance-value">{{ rtrim(rtrim($balance->available,'0'),'.') }}</div><p class="subtle">Reserved: <span class="balance-value">{{ rtrim(rtrim($balance->locked,'0'),'.') }}</span></p><div class="actions"><a class="btn btn-small" href="{{ route('deposits.index') }}">Deposit</a>@if($balance->asset->withdrawal_enabled)<a class="btn btn-small" href="{{ route('withdrawals.index') }}">Withdraw</a>@endif</div></article>@empty<x-empty title="Your portfolio is empty" text="Start mining, complete a task, claim an airdrop, or make a deposit."/>@endforelse</div>
@endsection