@extends('layouts.portal')

@section('title', 'My Accounts')

@section('content')
<h1>My Accounts</h1>
<p class="text-muted" style="margin-bottom:1.5rem;">View balances and transaction history for your {{ platform_name() }} accounts.</p>

<div class="fundi-card">
    <div class="fundi-card__body">
        <div class="fundi-table-wrap">
            <table class="fundi-table">
                <thead>
                    <tr>
                        <th>Account No.</th>
                        <th>Type</th>
                        <th class="num">Balance</th>
                        <th class="num">Available</th>
                        <th>Status</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($accounts as $account)
                        <tr>
                            <td>{{ $account->account_no }}</td>
                            <td>{{ ucfirst(str_replace('_',' ',$account->account_type)) }}</td>
                            <td class="num">{{ money($account->balance) }}</td>
                            <td class="num">{{ money($account->available_balance) }}</td>
                            <td><x-status-badge :status="$account->status" /></td>
                            <td class="actions"><a href="{{ route('portal.accounts.show', $account) }}" class="fundi-btn fundi-btn--link fundi-btn--sm">Details</a></td>
                        </tr>
                    @empty
                        <tr><td colspan="6" class="fundi-empty">No accounts found.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        @if($accounts->hasPages())
            <div class="fundi-pagination">{{ $accounts->links() }}</div>
        @endif
    </div>
</div>
@endsection